🌦️ Weather App

A modern and responsive weather application built with React and Vite that provides real-time weather updates, temperature forecasts, humidity levels, wind speed, and location-based weather information through a clean and intuitive user interface.

🚀 Live Demo

https://weather-app-six-bice-56.vercel.app

✨ Features

• 🌍 Search weather by city name
• 🔍 Live city suggestions
• 🌡️ Real-time temperature updates
• 💧 Humidity information
• 💨 Wind speed tracking
• ☁️ Weather condition display
• 📍 Location-based weather data
• ⚡ Fast and responsive performance
• 🎨 Modern UI design
• 📱 Mobile-friendly layout
• 🔄 Dynamic weather updates

📸 Preview

🛠️ Tech Stack

Frontend

• React.js
• JavaScript (ES6+)
• HTML5
• CSS3

Libraries

• Axios
• React Icons

API

• OpenWeather API

Tools & Platforms

• Vite
• Git
• GitHub
• Vercel

⚙️ Installation

Clone the repository

git clone https://github.com/your-username/weatherly.git

Navigate to the project folder

cd weatherly

Install dependencies

npm install

Start development server

npm run dev

Build for production

npm run build

🌦️ Weather Information Provided

• Current Temperature
• Feels Like Temperature
• Humidity
• Wind Speed
• Weather Conditions
• City & Country Information
• Weather Icons

🎯 Learning Outcomes

This project demonstrates:

• API Integration
• React Hooks
• State Management
• Async JavaScript
• Error Handling
• Responsive Design
• Component-Based Architecture
• Data Fetching and Rendering

🤝 Connect With Me

Feel free to connect with me for collaboration, discussions, or opportunities in web development.

⭐ Support

If you found this project useful, consider giving it a star on GitHub.

---

Made with ❤️ using React & Vite