A modern and responsive weather application built with React that provides real-time weather information for cities around the world. It features a clean UI, fast search, and detailed weather insights powered by the OpenWeatherMap API.
Live Preview:(https://alamin-weather-lens.vercel.app/)
- Search weather by city name
- Real-time weather data
- Current temperature
- Feels like temperature
- Humidity
- Wind speed
- Visibility
- Atmospheric pressure
- Sunrise & Sunset time
- Weather condition with icons
- Responsive Design
- Beautiful Weather UI
- Loading State
- Error Handling
- Search Suggestions
- Fast Performance
- Learn React Fundamentals
- Practice Context API
- API Integration
- State Management
- Responsive UI Development
| Frontend | APIs & Services |
|---|---|
| React | OpenWeatherMap API |
| Vite | REST API |
| Tailwind CSS | |
| Lucide React | |
| Context API |
git clone https://github.com/alamin-one/weather-lens.gitcd weather-lensnpm installCreate a .env.local file in the project root.
VITE_OPENWEATHER_API_KEY=your_api_key_herenpm run devOpen your browser and visit:
http://localhost:5173
https://github.com/alamin-one/Weather-Lens
Al-Amin
GitHub: https://github.com/alamin-one
This project is licensed under the MIT License.
If you found this project helpful, consider giving it a on GitHub.