Skip to content

Latest commit

Β 

History

History
59 lines (37 loc) Β· 1.4 KB

File metadata and controls

59 lines (37 loc) Β· 1.4 KB

Application screenshot



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 ☺