Skip to content

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Repository files navigation

Weather App

A sleek and modern weather application built using React and Vite, leveraging the OpenWeather API for real-time weather updates. Explore the app live at Weather-KM.

Features

  • Real-Time Weather Data: Get current weather information for any city worldwide.
  • Responsive Design: Optimized for seamless use across devices.
  • User-Friendly Interface: Simple and intuitive navigation for a great user experience.
  • Fast Loading: Built with Vite for lightning-fast performance.

Live Demo

Check out the live application here: Weather-KM

Screenshots

![Weather App Screenshot] image

A snapshot of the Weather App in action.

Technologies Used

  • React: Frontend library for building the UI.
  • Vite: Modern build tool for blazing-fast performance.
  • OpenWeather API: Fetching real-time weather data.
  • CSS: For styling the application.

Installation

Follow these steps to run the project locally:

  1. Clone the repository:

    git clone https://github.com/manyamkarthik/weatherapp.git
  2. Navigate to the project directory:

    cd weatherapp
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev
  5. Open your browser and go to:

    http://localhost:3000
    

Environment Variables

To run this project, you need to set up the following environment variable:

  1. Create a .env file in the root directory.
  2. Add your OpenWeather API key:
    VITE_APP_WEATHER_API_KEY=your_openweather_api_key

How It Works

  • Users enter a city name to fetch current weather data.
  • The app displays temperature, weather conditions, and more.
  • All data is fetched dynamically using the OpenWeather API.

Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request. Here's how:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Added feature"
  4. Push to the branch:
    git push origin feature-name
  5. Submit a pull request.

Contact

If you have any questions or feedback, feel free to reach out:


Enjoy using the Weather App! Stay updated with real-time weather information anytime, anywhere.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages