Skip to content

Repository files navigation

🌤 Weather App

A modern React-based weather application that allows users to check the current weather and 5-day forecast for any city in the world. The app features dark/light mode toggle, animated backgrounds based on weather conditions, and a responsive UI.


🔹 Features

  • Search weather by city name
  • Get current weather details:
    • Temperature
    • Feels like
    • Humidity
    • Weather condition
    • Location (city & country)
  • 5-day weather forecast at 12:00 PM for each day
  • Animated weather effects using particles:
    • Rain & Drizzle
    • Thunderstorm
    • Snow
  • Dark/Light mode toggle
  • Responsive design for all devices

⚡ Installation

  1. Clone this repository:

git clone https://github.com/Sudeepsahu20/weather-app.git Navigate to the project folder:

bash Copy code cd weather-app Install dependencies:

bash Copy code npm install Setup environment variables in .env:

env Copy code

home Screen lightmode Screen darkmode Screen

About

A modern weather application built with React, providing current weather conditions and 5-day forecasts. Features dynamic backgrounds, particle effects, and a dark/light mode toggle. Powered by OpenWeatherMap API.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages