Skip to content

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

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

11 Commits

Folders and files

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

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages