Skip to content

🌦️ A modern and responsive Weather App built with React, Vite, Tailwind CSS, and OpenWeatherMap API. Search any city to view real-time weather data including temperature, humidity, wind, and more.

Notifications You must be signed in to change notification settings

Rushi-Unge/WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App

A sleek, fully responsive Weather App built using React + Vite, styled with Tailwind CSS, and powered by the OpenWeatherMap API. Users can search for any city to view real-time weather details, including temperature, conditions, wind, humidity, visibility, sunrise, sunset, and more.


Live Link

https://weather-app-1react.vercel.app/

📸 Preview

Weather App Preview


🚀 Features

  • 🔍 Search by city name
  • 🌡️ Current temperature (with toggle between °C and °F)
  • 🌤️ Weather description and dynamic icon
  • 💧 Humidity, 🌬️ Wind speed, 🔆 Pressure, 👁️ Visibility
  • 🌅 Sunrise and Sunset local times
  • 📆 7-day forecast (UI placeholder)
  • 🕓 Hourly forecast (UI placeholder)
  • 📱 Fully responsive layout
  • 🎨 Modern UI with TailwindCSS and gradient backgrounds

🛠️ Tech Stack

Tech Description
React + Vite Fast frontend development
Tailwind CSS Utility-first CSS for styling
OpenWeatherMap Free weather API

📦 Installation & Setup

1. Clone the Repository

git clone https://github.com/your-username/weather-app.git
cd weather-app

About

🌦️ A modern and responsive Weather App built with React, Vite, Tailwind CSS, and OpenWeatherMap API. Search any city to view real-time weather data including temperature, humidity, wind, and more.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published