Open Weather Web App

A dynamic web application that provides real-time weather information for any city. Built with modern web technologies and designed to be user-friendly and visually appealing.

Features

• Real-time Weather Data: Fetch and display current weather conditions based on user input.
• Responsive Design: Fully responsive and optimized for all devices.
• Interactive UI: Smooth and engaging user interface with background animations.

Technologies Used

• Frontend: HTML, CSS, JavaScript
• Backend: Django (Python)
• Weather API: OpenWeatherMap API

Live Demo

Check out the live demo of the application at Live Demo.

Installation

To get a local copy up and running, follow these steps:

1. Clone the Repository:

   git clone https://github.com/AnubhavChaturvedi-GitHub/Open-Weather-Web-App-.git

2. Navigate to the Project Directory:

   cd Open-Weather-Web-App-

3. Run the Development Server:

   python manage.py runserver

4. Open Your Browser:

   Navigate to http://localhost:8000 to view the application.

Usage

1. Enter a City Name: In the text input field, type the name of the city you want the weather information for.
2. Get Weather: Click the "Get Weather" button to fetch the latest weather data for the specified city.
3. View Results: The current weather information will be displayed below the form.

Contributing

Contributions are welcome! To contribute:

1. Fork the Repository

2. Create a Feature Branch:

   git checkout -b feature/YourFeatureName

3. Commit Your Changes:

   git commit -m "Add feature: YourFeatureName"

4. Push to the Branch:

   git push origin feature/YourFeatureName

5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• OpenWeatherMap API - For providing the weather data.
• Transparent Textures - For the background textures used in the application.

Key Sections Explained:

• Features: Highlights what your app does.
• Technologies Used: Lists the technologies and tools used to build the app.
• Live Demo: Provides a link to a live demo if available.
• Installation: Step-by-step guide for setting up the project locally.
• Usage: Instructions on how to use the app.
• Contributing: Guidelines for contributing to the project.
• License: Information about the project's license.
• Acknowledgments: Credits to tools or services used.