the-weather-forecasting
the-weather-forecasting copied to clipboard
A simple, beautiful, and responsive weather application. It provides current and 6-days weather foreacast using OpenWeather API.
With The Weather Forecasting user can search locations by city name and observe the weather for the next 5-6 days and 3 hour interval.
The app is developed using React.js and material-UI.
💻 Live Demo:
https://the-weather-forecasting.netlify.app
✨ Getting Started
- Make sure you already have
Node.js
andnpm
installed in your system. - You need an API key from OpenWeatherMap. After creating an account, grab your key.
- Then, under the
src
directory, go toapi/OpenWeatherService
and replaceWEATHER_API_KEY
with your OpenWeatherMap API Key.-
api/OpenWeatherService.js
: It contains the code related to the back-end of the application.
-
⚡ Install
- Clone the repository:
git clone https://github.com/Amin-Awinti/the-weather-forecasting.git
- Install the packages using the command
npm install
📙 Used libraries
-
react-js
-
material-ui
Check packages.json
for details
📄 Todos
- [ ] Styled-components
- [ ] Convert the entire project to TypeScript
- [ ] Unit Testing
- [ ] On launch, find user location weather by utilizing GeolocationAPI/GEOCODING
- [ ] Celcius/Fahrenheit conversion
- [ ] Dark/Light Mode
Thank You ☺