Weather Dashboard App

A simple weather dashboard app that allows users to search for weather conditions by city or use their current location to get weather updates. This app fetches weather data from the OpenWeatherMap API and provides a 5-day weather forecast.

Features

• City Search: Enter a city name to get current weather conditions and a 5-day forecast.
• Current Location: Use your current location to get weather information.
• Responsive Design: Works well on various devices and screen sizes.
• Detailed Weather Data: Displays temperature, wind speed, and humidity.

Technologies Used

• HTML: Structure of the web page.
• CSS: Styling for a modern, responsive design.
• JavaScript: Functionality for fetching and displaying weather data.
• OpenWeatherMap API: Provides weather data and forecasts.

Installation

To run this project locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/your-username/weather-dashboard.git

2. Navigate to the Project Directory:

   cd weather-dashboard

3. Set Up Your Environment:

   Ensure you have a .env file in the root of your project directory with your OpenWeatherMap API key:

   API_KEY=your-openweathermap-api-key
   

4. Open the Project:

   Open index.html in your browser.

Usage

1. Search by City: Enter the name of a city into the input field and click the "Search" button to view current weather conditions and a 5-day forecast.

2. Use Current Location: Click the "Use Current Location" button to get weather information based on your current location.

Example

Here is a screenshot of the app:

Contributing

If you want to contribute to this project, follow these steps:

1. Fork the Repository.

2. Create a New Branch:

   git checkout -b feature/new-feature

3. Commit Your Changes:

   git add .
   git commit -m "Add a new feature"

4. Push to the Branch:

   git push origin feature/new-feature

5. Create a Pull Request.

Acknowledgments

• OpenWeatherMap: For providing the weather data API.