✨Weather Web-App

A beautiful, sleek, and responsive weather application built with React, Vite, and Framer Motion. Features a premium glassmorphic UI with dynamic themes based on weather conditions.

Live Demo : https://weather-app-basic-kohl.vercel.app/

🌟 Features

• 📍 Geolocation & Persistence: Automatically detects your city and remembers it for your next visit using LocalStorage.
• 🔍 Global Search: Search for weather information in any city worldwide.
• 📅 5-Day Forecast: Get a glimpse of the week ahead with detailed daily predictions.
• 🌡️ Unit Conversion: Seamlessly switch between Celsius and Fahrenheit.
• 🌅 Astronomy Details: Real-time Sunrise and Sunset times for any location.
• 💎 Glassmorphic Design: A modern, premium aesthetic with a custom-themed scrollbar.
• ✨ Skeleton Loading: Professional loading states with MUI Skeletons for a smooth experience.
• ☁️ Dynamic Imagery: Components adapt their appearance based on the current weather type.

🛠️ Tech Stack

• React (Vite template)
• Material UI (Components & Styling)
• Framer Motion (Animations)
• Lucide React (Beautiful Icons)
• OpenWeatherMap API (Data Source)

🚀 Getting Started

Prerequisites

• Node.js (v16.x or later)
• An API key from OpenWeatherMap

Installation

1. Clone the repository:

   git clone https://github.com/darshan02parmar/Weather-app.git
   cd Weather-app/Weather-app

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory and add your API key:

   VITE_WEATHER_API_KEY=your_api_key_here

4. Run the development server:

   npm run dev

---

Built with ❤️ for a better weather experience.