/Weather-App

🌦️ A modern weather app built with React, Vite & TypeScript – real-time data with sleek UI & Lottie animations.

Primary LanguageTypeScriptMIT LicenseMIT

🌦️ WeatherApp

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.

Portfolio Preview

✨ Features

  • 🔍 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.

🚀 Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/WeatherApp.git
    cd WeatherApp
  2. Install dependencies:

    npm install
  3. Set up your API key:

    • Get a free API key from OpenWeatherMap.
    • Create a .env file in the root directory:
      VITE_WEATHER_API_KEY=your_api_key_here
      
  4. Run the app locally:

    npm run dev
  5. Open in your browser:
    Visit http://localhost:5173


🛠️ Tech Stack


🤝 Contributing

Contributions are welcome!
Feel free to open issues or submit pull requests.


📄 License

MIT License


🌐 Live Demo

Check out the live version: your-demo-link.com