Skip to content

A simple weather application built with React that displays current weather information for any city using the OpenWeatherMap API.

Notifications You must be signed in to change notification settings

Balaji-R-05/weather-app-react

Repository files navigation

🌤️ Weather App React

A simple weather application built with React that displays current weather information for any city using the OpenWeatherMap API.

Weather App demo showing city search and current weather details
Weather App – Search and display real-time weather data

🚀 Features

  • Search for weather by city name
  • Displays temperature (°C), humidity, wind speed, and weather condition
  • Responsive and modern UI
  • Weather icons for different conditions
  • Fast development & build using Vite

💻 Tech Stack

  • React (with Hooks)
  • Vite (for fast development and build)
  • OpenWeatherMap API (for weather data)
  • CSS (custom styling, responsive design)
  • ESLint (code linting)

Getting Started

  1. 📥 Clone the repository:

    git clone https://github.com/Balaji-R-05/weather-app-react.git
    cd weather-app-react
  2. 🔑 Add your OpenWeatherMap API key

    • Create a .env file in the project root with the following content:
    • VITE_WEATHER_API_KEY (your OpenWeather API key)
    • Get an API key from https://openweathermap.org/ and restart the dev server if it's running.
  3. 📦 Install dependencies

    npm install
  4. 🚀 Run the development server:

    npm run dev

About

A simple weather application built with React that displays current weather information for any city using the OpenWeatherMap API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published