https://github.com/rajtilak-2020/weather-app

It is a front-end web application built using HTML, CSS, and JavaScript. It fetches real-time weather data from a weather API (such as OpenWeatherMap API) using asynchronous JavaScript (fetch). The app dynamically updates the user interface based on API responses, displaying temperature, weather conditions, and location-specific details.
https://github.com/rajtilak-2020/weather-app

css css3 html html-css-javascript html5 javascript project

Last synced: about 21 hours ago
JSON representation

It is a front-end web application built using HTML, CSS, and JavaScript. It fetches real-time weather data from a weather API (such as OpenWeatherMap API) using asynchronous JavaScript (fetch). The app dynamically updates the user interface based on API responses, displaying temperature, weather conditions, and location-specific details.

• Host: GitHub
• URL: https://github.com/rajtilak-2020/weather-app
• Owner: rajtilak-2020
• License: mit
• Created: 2024-11-18T16:50:43.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-01-22T04:40:39.000Z (24 days ago)
• Last Synced: 2025-01-22T05:25:21.900Z (24 days ago)
• Topics: css, css3, html, html-css-javascript, html5, javascript, project
• Language: CSS
• Homepage: https://rajtilak-2020.github.io/Weather-App/
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌦️ Weather App

![Weather App](https://img.shields.io/badge/Weather-Forecast-blue?style=for-the-badge&logo=cloud&logoColor=white)

![Built with HTML](https://img.shields.io/badge/HTML-orange?style=button-square)

![Built with CSS](https://img.shields.io/badge/CSS-blue?style=button-square)

![Built with JavaScript](https://img.shields.io/badge/JavaScript-yellow?style=button-square)

🌟 **Welcome to the Weather App!** 🌟  

It is a front-end web application built using HTML, CSS, and JavaScript. It fetches real-time weather data from a weather API (such as OpenWeatherMap API) using asynchronous JavaScript (fetch). The app dynamically updates the user interface based on API responses, displaying temperature, weather conditions, and location-specific details.🌎  

## 🎯 **Features**

- **Real-Time Weather Data**: Fetch accurate weather information with one click.  

- **User-Friendly Interface**: Sleek and minimal design for the best user experience.  

- **Search Any Location**: Just type in the location, and voila!  

- **Dynamic Backgrounds**: Watch the interface change with the weather.  

---

## 🚀 **Live Demo**  

👉 [Experience the App Now!](https://rajtilak-2020.github.io/Weather-App/)  

---

## 🛠️ **Technologies Used**

1. **HTML** - For creating the structure of the app.  

2. **CSS** - For styling the app and making it visually appealing.  

3. **JavaScript** - For fetching live weather data and dynamic interactions.  

---

## 🌟 **How to Use?**  

1. 🌍 **Visit the Website**:  

   Click [here](https://rajtilak-2020.github.io/Weather-App/) to open the app.  

2. 🔍 **Search for Your City**:  

   - Enter the name of your city in the search box.  

   - Press the "Search" button.  

3. 📊 **Get Weather Updates**:  

   - View real-time temperature, weather conditions, and more!  

---

## 📧 **Contact**  

For any suggestions or issues, feel free to reach out:  

- **Email**: [email protected]  

---

## 🎨 **Let's Make it Better Together!**  

🌈 If you loved this project, don't forget to give it a ⭐ on [GitHub](https://github.com/rajtilak-2020/Weather-App)!



    Made with ❤️ by Raj