A spring take on a 5 day forecast app.
Before starting make an account on https://openweathermap.org and get your API key. Once you have your API key make sure to create a .env
file in the root directory with the following entry:
REACT_APP_OPEN_WEATHER_APPID:{API KEY HERE}
To get the winds blowing, clone this app onto your machine and then in your favourite command line interface (CLI) run npm run sprout
or npm start
if you want to be more succinct.
After waiting a short time, you may be asked to bloom a new browser tab by your CLI. If not, do so yourself and navigate it to localhost:3000
.
To make sure that there are no storms brewing before sprouting make sure to run npm run forecast
or npm test
.
As a user:
- I want to see the high and low temperatures for the forecast
- I want to know the amount of rain I can expect for each day
- I want to know when the sun will rise and fall
- I want to see a timeline of the rain and temperature for each day
- I want to be able to select a city to get the weather forecast
- I want to be able to access the forecast on a mobile device
- I want to know if I need to bring an umbrella depending on the volume of rain expected
This project was:
- bootstrapped with Create React App
- built with Semantic UI Components
- styled with Emotion
- deployed to Netlify
- ux analyzed with LogRocket
- made with 💚