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.
https://weather-dashboard-website.netlify.app
- 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.
- Clone the repository:
git clone https://github.com/ankitgupta143/Weather-Dashboard---React.js-Material-UI-.git
- Install the packages using the command
npm install
react-js
material-ui
Check packages.json
for details
- 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 ☺