Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emanuelefavero/weather-api-app
This is a simple React app that uses the OpenWeatherMap API to display the current weather in a city.
https://github.com/emanuelefavero/weather-api-app
eslint fetch prettier react vite weather weather-api
Last synced: 4 days ago
JSON representation
This is a simple React app that uses the OpenWeatherMap API to display the current weather in a city.
- Host: GitHub
- URL: https://github.com/emanuelefavero/weather-api-app
- Owner: emanuelefavero
- License: mit
- Created: 2022-12-19T15:34:43.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-18T01:10:24.000Z (9 months ago)
- Last Synced: 2024-12-10T00:13:17.561Z (2 months ago)
- Topics: eslint, fetch, prettier, react, vite, weather, weather-api
- Language: TypeScript
- Homepage: https://weather-api-app-mu.vercel.app/
- Size: 6.53 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Weather API React App
This is a simple React app that uses the [OpenWeatherMap](https://openweathermap.org/api) API to display the current weather in a city.
## Live Demo
[https://weather-api-app-mu.vercel.app/](https://weather-api-app-mu.vercel.app/)
#### Screenshot
> Note: This app uses vite, react, typescript, and sass
>
> Note: This app also uses [OpenCage](https://opencagedata.com/api) geocoding API to get the country for the city
## Getting Started
- Clone the repo, and `cd` into it
- Create a `.env` file in the root directory and add your OpenWeather and OpenCage API keys to it like so:
```text
VITE_OPEN_WEATHER_API_KEY=YOUR_OPEN_WEATHER_API_KEY
VITE_OPEN_CAGE_API_KEY=YOUR_OPEN_CAGE_API_KEY
```
- Install the dependencies and run the dev server
```bash
npm install
npm run dev
```
- Open [localhost:3000](http://localhost:3000) to view the app in the browser
## Resources
- [OpenWeatherMap API](https://openweathermap.org/api)
- [OpenCage Geocoding API](https://opencagedata.com/api)
## License
- [MIT](LICENSE.md)