Weather App

Overview

The Weather App is a fully responsive web application that allows users to get real-time weather data for any location. The app utilizes the OpenWeatherMap API to fetch current weather details. This project demonstrates my ability to work with APIs using JavaScript's fetch(), async/await, promises, and DOM manipulation. Additionally, I have implemented a Dark Mode and Light Mode toggle for a better user experience.

The live version of the app is available here, and the source code is available on GitHub.

Features

• Real-Time Weather Data: Get weather data such as temperature, humidity, wind speed, and weather conditions for any city.
• Dark & Light Mode: Toggle between dark and light themes for personalized user experience.
• Responsive Design: Fully responsive for all devices, including mobile, tablet, and desktop.
• API Integration: Fetches real-time weather data using the OpenWeatherMap API.
• User-Friendly Interface: Simple and intuitive interface with minimal design.

Technologies Used

• HTML5: Structure and layout of the web page.
• CSS3: Styling the application, including dark and light mode switch.
• JavaScript: Handles API integration, async/await for API requests, promises, and DOM manipulation.
• OpenWeatherMap API: Provides real-time weather data.
• Netlify: Used for deploying the app.

Live Demo

Check out the live version of the Weather App:

🔗 Live Link: Weather App

Repository

Explore the code on GitHub:

🔗 GitHub Repository: Weather App Repository

Installation & Usage

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/monukd01dev/weather-app.git

2. Navigate to the project folder:

   cd weather-app

3. Open the index.html file in your preferred browser to view the app:

   open index.html

4. Optional: If you want to add your own API key, replace the existing OpenWeatherMap API key in the script.js file with your own:

   const apiKey = 'YOUR_API_KEY';

Project Features

• Asynchronous JavaScript (async/await): Demonstrates use of asynchronous functions to handle API requests.
• Promises: Used for handling API responses and errors.
• DOM Manipulation: Updates the UI dynamically based on user input and API responses.
• Responsive UI: App works seamlessly on all screen sizes.
• Light/Dark Mode: Toggle between light and dark modes for enhanced user experience.

Contributing

If you'd like to contribute to the project, feel free to fork the repository, make your changes, and submit a pull request. Contributions are always welcome!

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Commit your changes (git commit -m 'Add new feature').
4. Push to the branch (git push origin feature-branch).
5. Open a pull request.

License

This project is open-source and available under the MIT License.

---

Thank you for checking out the Weather App! If you have any questions or feedback, feel free to reach out.