The primary goal of this project was to self teach TypeScript. We decided to create an application where a user can view weather in any city they wish. A user can then click on a city card on the home page to view a more in depth forecast for that city. The specifications for this project can be found here
- Self teach TypeScript
- Use OpenWeather API to recieve weather for current cities
- Use TDD - Cypress
- Create a search bar with Google places suggestions
- Easy to navigate UI/UX
On load, the user sees a search bar where they can search cities, this will also show suggestions of cities to select from. User must select from suggestions. Once they click the "add" button a card for that cities weather for today will pop up.
Users can click on that city card from home page and view more details of that cities week forecast and more info about todays forecast.
Whenever users add a city card, it saves on loal storage. Users can refresh the page and it will still be there. Users can also delete the cities from local storage.
- Add a login page for users to add the cities they want to display on login.
- Add more responsive styling.
- Add state onto city info when displayed to user.
TypeScript, React, React Router, Fetch/Async, Cypress, JSON, HTML5, CSS, React-Places-Autocomplete
| Darla Evans GH |
 |
| Erica Spitz GH |
 |
| Natalie McIntyre GH |
 |