Simple weather app to serve your needs. ☁️
Click here to go to deployed link.
- Primary information like weather condition and temperature.
- Also a secondary infos like humidity, wind speed, etc.
- 4 hours forecasts.
- Nearby cities on your circle within your geolocation position.
- Dark and Light modes.
- React with NextJS as main framework.
- Material-UI as the component / ui design.
- Formik and yup as form component and validation.
- PropTypes as the props and type checker.
- Clone this repo.
- I recommend you to use
yarn
but if you want to do this withnpm
, make sureyarn.lock
is deleted. cd
to repo folder and runyarn
.- Wait until packages are installed.
- Put your OpenWeatherMap API KEY to
.env.template
. - Rename
.env.template
to.env.local
/.env
( its the same btw, just to differentiate between local development and production later ). - Run
yarn dev
- Open
http://localhost:3000
on your$BROWSER
to view the development version of this app.
MIT
Leave a star ⭐ if you like it!