Skip to content

Latest commit

 

History

History
57 lines (36 loc) · 1.57 KB

README.md

File metadata and controls

57 lines (36 loc) · 1.57 KB

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.