Skip to content

🌦️ WeatherSphere β€” A sleek, responsive React βš›οΈ weather app with real-time data πŸ“, 5-day forecasts πŸ“…, animated icons 🌈, and smart search πŸ”. Powered by OpenWeather API πŸ”— and modern React Hooks πŸ› οΈ.

Notifications You must be signed in to change notification settings

ELFAZ19/WeatherSphere

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ WeatherSphere

preview

Screanshoot

Screenshot 2025-05-17 145245-modified Screenshot 2025-05-17 145406-modified Screenshot 2025-05-18 104355-modified

A modern, elegant weather application with real-time data and beautiful visualizations. Built with React and powered by OpenWeather API.

✨ Features

  • 🌍 Location-based weather (geolocation)
  • πŸ” City search with autocomplete
  • πŸ“… 5-day weather forecast
  • 🌈 Animated weather conditions
  • β˜€οΈπŸŒ§οΈ Visual weather representations
  • πŸ“± Fully responsive design

πŸ› οΈ Technologies

  • βš›οΈ React 18
  • 🎨 Framer Motion (animations)
  • 🌐 OpenWeather API
  • πŸ“¦ Context API (state management)
  • πŸ’… Styled Components (CSS-in-JS)

πŸš€ Quick Start

  1. Clone the repository
git clone https://github.com/Elfaz19/weathersphere.git

About

🌦️ WeatherSphere β€” A sleek, responsive React βš›οΈ weather app with real-time data πŸ“, 5-day forecasts πŸ“…, animated icons 🌈, and smart search πŸ”. Powered by OpenWeather API πŸ”— and modern React Hooks πŸ› οΈ.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published