Skip to content

Repository files navigation

Weather App

React WeatherAPI License: MIT

A sleek and modern weather app built with ReactJS, utilizing the WeatherAPI. The app features a glassy finish design for an enhanced user experience.

Features

  • Real-time Weather Data: Get current weather updates for any location.
  • Search Functionality: Search for weather information by city name.
  • Responsive Design: Optimized for both desktop and mobile devices.
  • Glassy Finish: Modern and attractive glass-like user interface.

Demo

Weather App Demo

Installation

  1. Clone the repository:

    git clone https://github.com/amitkrmaurya09/weatherApp.git
    cd weatherApp
  2. Install dependencies:

    npm install
  3. Set up WeatherAPI:

    • Sign up at WeatherAPI and get your API key.

    • Create a .env file in the root directory and add your API key:

      REACT_APP_WEATHER_API_KEY=your_api_key_here
  4. Start the development server:

    npm start

    The app will be available at http://localhost:5173/.

Usage

  • Enter the name of a city in the search bar to get the current weather information.
  • The app will display temperature, weather conditions, humidity, and wind speed.

Technologies Used

  • ReactJS: JavaScript library for building user interfaces.
  • WeatherAPI: API for accessing weather data.
  • CSS3: For styling the glassy finish UI.

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature-branch).
  6. Open a pull request.

License

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

Releases

Packages

Used by

Contributors

Languages