🌤️ Cloudline – Weather App

A modern weather web app built with React, Vite, TypeScript, and TailwindCSS.
It provides real-time weather forecasts using the Open-Meteo API,
with location-based weather, favorites, and a sleek glassmorphism UI.

🔗 Live Demo: Cloudline on Vercel

---

✨ Features

• 🔍 Search Weather by City (with autocomplete suggestions)
• 📍 Use My Location (fetch weather for current position)
• ⭐ Favorites Sidebar (save cities for quick access)
• ⏰ Hourly & 7-Day Forecast (with weather-specific icons)
• 🎨 Dynamic Backgrounds (change based on weather conditions)
• 🌙 Dark / Light Theme Toggle (powered by shadcn/ui & Tailwind)
• 💾 LocalStorage Persistence (favorites + last searched city saved)
• ⚡ Optimized Build (Vite + React + TypeScript)

---

🛠️ Tech Stack

• React 18 + Vite + TypeScript
• TailwindCSS + shadcn/ui (modern UI components)
• Lucide Icons (beautiful open-source icons)
• Sonner (toast notifications)
• Open-Meteo API (weather & geocoding data)

---

🚀 Getting Started

Clone and run locally:

# clone repo
git clone https://github.com/your-username/cloudline.git
cd cloudline

# install dependencies
npm install

# run locally
npm run dev

# build for production
npm run build

---

📚 What I Learned

• How to integrate REST APIs (Open-Meteo for weather & geocoding)
• Managing global state using React Context (Favorites & Theme).
• Implementing dynamic UI updates (backgrounds based on weather
• Handling localStorage persistence for user preferences.
• Building a responsive, modern UI with TailwindCSS + shadcn/ui.
• Debugging CORS issues and handling API errors gracefully.
• Deploying a full-stack React + Vite app to Vercel.

📄 License

MIT License © 2025 Anastand