The Topeka Chamber of Commerce (Topeka CoC) is a mock website which I created for a class project. The class was Web Frontend Development I (WDD 230) at Brigham Young University – Idaho. In the Topeka CoC, website I demonstrated my capabilities with HyperText Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript (JS) and JavaScript Object Notation (JSON). Also, I used an Application Programming Interface (API) to gather weather data for the Topeka area.

The weather API was served from a weather website called OpenWeather. The daily current weather, three day forecast and weather warnings are obtained through the API and displayed on the website’s Document Object Model (DOM). If there are weather-related warnings in the area, the warning will appear at the top of the Home page. 

In the Member Directory page, I demonstrated my capabilities with HTML, CSS, JSON and JS to create a member list using existing companies in the Topeka metropolitan area. I created a JSON document with listing the businesses and their contact information. The Fetch API is utilized to fetch the business information from the member.json file. Then, cards are generated by JS placed on the webpage’s DOM. Also, JS is used to change the layout of the page from a grid layout to a list layout and back depending the user’s preference.