rokib-rajon / Abhawa

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 and npm installed in your system.
• You need an API key from OpenWeatherMap. After creating an account, grab your key.
• Then, under the src directory, go to api/OpenWeatherService and replace WEATHER_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 ☺