Web app to know the weather in real time ๐ง all around the world ๐
- Fork the repo
- Clone it in your local machine
- Install the necessary dependencies
- Get the needed API keys.
The project uses several APIs to fetch different kind of data. You will need these:
- WeatherAPIKey (to fetch weather info). Get your Weather API Key here: https://openweathermap.org/api
- MapboxAPIKey (to use interactive map). Get the MapboxAPIKey from this URL https://www.mapbox.com/
- CitiesApiApplicationID & CitiesApiKey (to fetch name of cities). You can get them here: https://www.back4app.com/database/back4app/list-of-all-continents-countries-cities/get-started
You need to use these keys as env variables and store them in a .env
file. There is a .env.example
file for more info.
Add these env variables in your deploy provider (netlify, vercel, etc)
npm run start
to run in a dev environment.
You count with the following commands
- npm run start: Run the app in a dev environment
- npm run build: Create the bundle for production
- npm run preview: Let you preview the app as it would look like in production but in local. This is to try PWA features