Skip to content

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.

Notifications You must be signed in to change notification settings

Sudeepsahu20/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Watchers

Forks

Releases

No releases published

Packages

No packages published