Skip to content

MIbrahim453/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App

A modern, responsive weather application built with React.js, Tailwind CSS, and WeatherAPI.com. It allows users to search for any city and instantly view live weather conditions like temperature, humidity, wind speed, and visibility with a sleek glassmorphism UI.


🔥 Live Features

  • 🔍 Search any city for real-time weather
  • 🌡️ Displays:
    • Current temperature
    • Feels like temperature
    • Humidity
    • Wind speed
    • Visibility
    • Weather condition with icon
  • 📱 Responsive design for mobile, tablet, and desktop
  • 🌁 Glassmorphism UI using Tailwind's backdrop blur
  • ⚡ Smooth UX with loading states

🚀 Tech Stack

  • ⚛️ React.js — Frontend framework
  • 💨 Tailwind CSS — Utility-first CSS framework
  • 🌐 WeatherAPI.com — Weather data provider
  • 🔁 React Context API — For global state management (city & weather)
  • 📦 Vite — Fast dev server & bundler

Releases

Packages

Contributors

Languages