Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yordiyes/weather-web-app
This repository contains the Weather Web App, a project designed to fetch and display real-time weather data for any location. Built with modern web development technologies, it provides an interactive and user-friendly interface.
https://github.com/yordiyes/weather-web-app
api css html js
Last synced: about 1 month ago
JSON representation
This repository contains the Weather Web App, a project designed to fetch and display real-time weather data for any location. Built with modern web development technologies, it provides an interactive and user-friendly interface.
- Host: GitHub
- URL: https://github.com/yordiyes/weather-web-app
- Owner: yordiyes
- Created: 2024-08-12T11:07:58.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-30T06:54:32.000Z (about 2 months ago)
- Last Synced: 2024-11-30T07:35:19.322Z (about 2 months ago)
- Topics: api, css, html, js
- Language: JavaScript
- Homepage:
- Size: 62.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌦️ Weather Web App
The **Weather Web App** is a simple yet powerful tool for checking the current weather conditions in any city around the globe. Using real-time weather data, the app delivers an intuitive and responsive user experience.
## 🚀 Features
- Search weather by city name
- Displays temperature, humidity, wind speed, and weather conditions
- Dynamic background visuals based on weather conditions
- User-friendly and responsive design
## 🛠️ Tech Stack
- **Frontend**: HTML, CSS, JavaScript
- **API**: OpenWeatherMap API (or other weather APIs)
- **Deployment**: Hosted on a live server
## 📖 Usage
1. Enter a city name in the search bar.
2. View the current weather information, including temperature and conditions.
## ⚙️ Installation
1. Clone the repository:
```bash
git clone https://github.com/yordiyes/Weather-Web-App.git
```
2. Open the project folder in your code editor.
3. Replace the `API_KEY` placeholder with your API key from OpenWeatherMap.
4. Open the `index.html` file in your browser to run the app locally.
## 💡 Future Enhancements
- Add weather forecasts for multiple days
- Implement geolocation to fetch the user's current weather
- Provide unit options for temperature (Celsius/Fahrenheit)
## 📝 License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## 🙌 Acknowledgments
- **OpenWeatherMap API** for providing reliable weather data
- Inspiration from various web-based weather applications