Welcome to Weather App – a modern, responsive React application that lets you check the weather forecast for any location in real-time.
- 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.
- 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
Follow these steps to run the app locally:
# 1. Clone the repository
git clone https://github.com/Ali-Umed/weather-app.git
cd weather-app
# 2. Install dependencies
npm install
# 3. Add your API key
# Get one from https://www.visualcrossing.com/
# (Or use the one provided in the code – it's free to use)
# 4. Start the development server
npm start