Description

This React-based Weather App provides real-time weather information for a specified location. It displays details such as temperature, humidity, and wind speed, offering a user-friendly interface for quick weather updates. It was created as part of the #100DaysOfCode Challenge

Features

• Search Functionality: Allows users to input a location and retrieve current weather data.
• Top Section: Displays main weather information, including temperature, weather condition, and location.
• Bottom Section: Presents additional details such as feels like temperature, humidity, and wind speed.

Technologies Used

• React
• Bootstrap
• Axios (for API requests)

Setup Instructions

1. Get your personal API Key from OpenWeather and replace it on Weather-App/src/components/search.jsx on line 8.

2. Clone the repository to your local machine.

   git clone https://github.com/xWizzie/Day2-WeatherApp.git

3. Navigate to the project directory.

   cd weather-app

4. Install dependencies.

   npm install

5. Start the development server.

   npm start

6. Open your browser and visit http://localhost:xxx as shown to view the app.

Usage

1. Enter a location in the search bar and press Enter.
2. View the real-time weather information displayed in the top and bottom sections.

Credits

• Bootstrap - Front-end framework for styling.

License

This project is licensed under the MIT License.