Skip to content

Latest commit

 

History

History
40 lines (18 loc) · 2.02 KB

File metadata and controls

40 lines (18 loc) · 2.02 KB

WEBSITE IMPLEMENTATION DESCRIPTION:

  • Weather Application Demo

  • Created a webpage that allows users to search for weather information using the Forecast.io API and displayed the results on the same page below the form.

  • The user provides the location information such as Street address, City and State for which they would want to find the detailed weather information or provide their current location.

  • Once the user has provided the data and clicks on the Search button, validation must be done to check that the entered data is valid.

  • Once the validation is successful, 3 tabs should be displayed. The 3 tabs correspond to Current tab, Hourly tab and Weekly tab.

  • The webpage also supports adding cities to and removing cities from the Favorites tab and sharing the weather info with Twitter

  • When a user initially opens your webpage, your page should look like the below figure

Screen-Shot-2020-01-07-at-11-59-19-AM.png

  • Implemented Autocomplete for Cites by using the Place Autocomplete service provided by Google

Screen-Shot-2020-01-07-at-12-04-10-PM.png

  • Implemented other features like Modals using bootstrap modals and progress bar animations as well as suitable validations.

Screen-Shot-2020-01-07-at-12-07-27-PM.png

Screen-Shot-2020-01-07-at-12-07-49-PM.png

Screen-Shot-2020-01-07-at-12-17-56-PM.png

Screen-Shot-2020-01-07-at-12-17-37-PM.png