Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dudychmarian/the-weather
☀️ Find the weather in any city in the world using a convenient search
https://github.com/dudychmarian/the-weather
api css react weather weather-api
Last synced: about 1 month ago
JSON representation
☀️ Find the weather in any city in the world using a convenient search
- Host: GitHub
- URL: https://github.com/dudychmarian/the-weather
- Owner: DudychMarian
- License: mit
- Created: 2021-10-19T13:01:10.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-17T16:51:09.000Z (over 2 years ago)
- Last Synced: 2023-03-21T23:54:54.939Z (almost 2 years ago)
- Topics: api, css, react, weather, weather-api
- Language: JavaScript
- Homepage: https://the-weather-dudychmarian.vercel.app/
- Size: 4.18 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# :umbrella: React Weather App
https://the-weather-dudychmarian.vercel.app/
A simple weather app that allows you to get current weather information, based on the city you are.
When you enter a city in the input field, you will have access to tips that you can select by clicking tabs, then click enter to select the city you need
## Installation
```sh
git clone [email protected]:DudychMarian/the-weather.git
cd the-weather
yarn
yarn start
```
## .env
- REACT_APP_WEATHER_TOKEN - your personal key from [weathermap api_keys](https://www.weatherapi.com/)
- REACT_APP_IP_INFO_TOKEN - your personal key from [ipinfo](https://ipinfo.io/account/home)
## Use Api
- get weather data from [weathermap api](https://www.weatherapi.com/)
- get user location data from [ipinfo.io](https://ipinfo.io/)
## Use Libs
- Change data format with [momentjs](https://momentjs.com/)
- Publish files on Vercel [vercel](https://vercel.com/)
- Pop-up messages on the page. Used to show errors [vercel-toast](https://vercel-toast.vercel.app/)
- A simple animated number for React [animated-number-react](https://github.com/Leocardoso94/animated-number-react)
