https://github.com/akhand55/weather-forecasting

A responsive, elegant, and straightforward weather app. Simply entering the city name gets the most recent weather information, along with the humidity level, minimum temperature, and highest temperature.
https://github.com/akhand55/weather-forecasting

fetch-api material-ui mui-icons mui-material openweather-api react react-vite react-weather-app responsive-design wheather-app

Last synced: 11 days ago
JSON representation

A responsive, elegant, and straightforward weather app. Simply entering the city name gets the most recent weather information, along with the humidity level, minimum temperature, and highest temperature.

• Host: GitHub
• URL: https://github.com/akhand55/weather-forecasting
• Owner: akhand55
• Created: 2025-02-01T04:52:40.000Z (20 days ago)
• Default Branch: main
• Last Pushed: 2025-02-01T05:11:16.000Z (20 days ago)
• Last Synced: 2025-02-01T05:25:27.045Z (20 days ago)
• Topics: fetch-api, material-ui, mui-icons, mui-material, openweather-api, react, react-vite, react-weather-app, responsive-design, wheather-app
• Language: JavaScript
• Homepage: http://unrivaled-starlight-5e7daa.netlify.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + Vite

![Application screenshot](https://github.com/akhand55/Weather-forecasting/blob/57e72f108f2ebcc26a7c7908a1ab2cb6981485b1/public/Screenshot%202025-02-01%20103056.png)







With [The Weather Forecasting](http://unrivaled-starlight-5e7daa.netlify.app) user can search locations by city name and observe the weather.




The app is developed using React.js + Vite and material-UI.




## 💻 Live Demo:

http://unrivaled-starlight-5e7daa.netlify.app




## ✨ Getting Started

- Make sure you already have `Node.js` and `npm` installed in your system.

- You need an API key from [OpenWeatherMap](https://openweathermap.org/). 







## 📙 Used libraries

- `react-js + Vite`

- `material-ui`

- `node-js`

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

- [ ] Humidity




Thank You ☺