Weather Dashboard

Description

The Weather Dashboard is a user-friendly application designed to display real-time weather conditions and a five-day weather forecast for cities around the world. By leveraging the powerful OpenWeather API, the application dynamically retrieves and renders up-to-date weather data in the browser.

This dashboard enables users to:

• Search for the current weather conditions of a specified city, including temperature, humidity, wind speed, and weather conditions.
• View an extended five-day forecast to plan ahead with confidence.
• Interact with a clean and intuitive user interface that ensures accessibility and ease of use.
• Access information quickly through dynamically updated data fetched from the OpenWeather API.

The Weather Dashboard is perfect for travelers, planners, or anyone wanting quick insights into local and global weather patterns.

Table of Contents

• Technologies Used
• Key Features
• How it Works
• Installation
• Usage
• Contributing
• Tests
• License
• Questions

Technologies Used

• 
• 
• 
• 
• 
• 
• 
• 

Key Features

• Real-time Weather Data: Displays the current weather, including temperature, humidity, wind speed, and more.
• Five-Day Forecast: Provides a detailed forecast for the next five days.
• Search Functionality: Allows users to search weather conditions for any city worldwide.
• Dynamic Updates: Weather data is fetched and displayed in real-time from the OpenWeather API.
• Responsive Design: Optimized for desktop and mobile devices, ensuring a seamless experience on any screen size.

How it Works

1. Enter the name of a city into the search bar.
2. The dashboard retrieves the current weather conditions and a five-day forecast for the specified city.
3. Data is displayed clearly in a well-organized layout, showing key weather metrics such as temperature, wind speed, and humidity.

Installation

Pre-requisites:

• A modern web browser such as Chrome, Safari, Firefox, or Edge.
• An active internet connection to fetch weather data from the OpenWeather API.
• A code editor such as Visual Studio Code, WebStorm, or Sublime Text.
• Node.js and npm to run a local server.

To run this project locally:

1. Clone the repository:

   git clone https://github.com/nathangreen1632/weather-dashboard.git

2. Open the project directory:

   cd weather-dashboard

3. Install the required dependencies:

    npm install

4. Start a local server:

   npm run start:dev

Usage

1. Open the Weather Dashboard in your browser.
   • Check out the Weather Dashboard on Render.com
2. Type a city name into the search bar and press Enter.
3. The current weather and five-day forecast will be displayed.

License

MIT

Contributing

Contributions are welcome! If you'd like to improve this project:

• Fork the repository
• Create a new branch
• Submit a pull request

Tests

There are no tests available for this project.

License

This project is licensed under the MIT license. Click here for more information.

Questions

If you have any questions, please feel free to contact me on GitHub at nathangreen1632.