We built a weather app that shows you the current weather condition in your city; you can search using your zipcode or city.
We built this app to using 6 React components
- Your current City
- The local time in your city
- An overview of the current weather conditions
- An image of the weather condition
- Current Weather, humidity and wind speed
- The forecast on the hour for the next 24 hours.
- The 3-day forecast
- A search bar to change the city or zipcode of the weather data
Mockup of our mobile view
Desktop View of Main Page
Mockup of alerts page
We used weatherapi.com found here
Our weather app had the following requirments to be considered complete
- Fully functional react components listed above in the description
- Responsive design (Mobile, Tablet and Desktop view)
- Two pages ( Main and Alert)
- Complete styling
- Make the app look like a complete website with a nav bar, main section and footer.
- Use state to track more detailed forecasts metrics such as precipitation and wind speed
- Try to auto-detect the user's current location.