A sleek and modern weather application built with React, Vite, and TypeScript. Instantly check the current weather and forecast for any city in the world!
Enjoy beautiful Lottie animations and a responsive, user-friendly interface.
- 🔍 Search by City: Find weather info for any location worldwide.
- 🌤️ Current Weather: See temperature, humidity, wind, and conditions.
- 📅 5-Day Forecast: Plan ahead with detailed daily forecasts.
- 🎬 Animated Weather: Enjoy dynamic Lottie animations for each weather type.
- 🌙 Day & Night Modes: The UI adapts to the time of day.
- ⚡ Fast & Responsive: Powered by Vite and React for instant updates.
-
Clone the repository:
git clone https://github.com/your-username/WeatherApp.git cd WeatherApp -
Install dependencies:
npm install
-
Set up your API key:
- Get a free API key from OpenWeatherMap.
- Create a
.envfile in the root directory:VITE_WEATHER_API_KEY=your_api_key_here
-
Run the app locally:
npm run dev
-
Open in your browser:
Visit http://localhost:5173
Contributions are welcome!
Feel free to open issues or submit pull requests.
MIT License
Check out the live version: your-demo-link.com
