⛅ Weather App#

Welcome to Weather App – a modern, responsive React application that lets you check the weather forecast for any location in real-time.

✨ Features#

Real-Time Weather – Get live weather updates instantly.
15-Day Forecast – View extended forecasts with clickable day cards for more details.
Geolocation Support – Get weather data from your current location by clicking the location icon.
Responsive Design – Works beautifully on mobile, tablet, and desktop devices.
Day/Night Mode – Toggle between light and dark themes.
Detailed Info – See temperature, humidity, wind speed, conditions, and more.
Search Functionality – Easily search weather by city or location name.

🚀 Live Demo#

👉 Check out the Weather App

🛠️ Technologies Used#

Vite – For fast and modern frontend tooling
React – UI framework
TypeScript – Type-safe development
Tailwind CSS – Utility-first CSS for responsive design
React Icons & FontAwesome – Icon libraries for visual UI

⚙️ Getting Started#

Follow these steps to run the app locally:

1
# 1. Clone the repository
2
git clone https://github.com/Ali-Umed/weather-app.git
3
cd weather-app
4

5
# 2. Install dependencies
6
npm install
7

8
# 3. Add your API key
9
# Get one from https://www.visualcrossing.com/
10
# (Or use the one provided in the code – it's free to use)
11

12
# 4. Start the development server
13
npm start