This Know your city's weather page displays weather forecast for five days in your city.
You can enter a city name with an optional country code to view the forecast. Once the city name is entered and search button is clicked, this page will send an ajax request to openweathermap api. (api.openweathermap.org/data/2.5/forecast?q={city name},{country code}) Then a response is obtained in JSON format, which is displayed in a line graph using Chart.js library.
Features adapted:
- Used Bootstrap framework to make the page responsive
- Enabled AJAX functionality using jQuery
- Separated CSS Styles, JavaScript from HTML
- Cleaned user input using regex
- Rendered weather forecast in a line graph using Chart.js and moment.js libraries
- Calculated and presented Average pressure on the page
- Displayed current day's forecast in tabular format
- Displayed dates on graph in 'MMM DD' format
- Ensured code was documented