A responsive and user-friendly web application that delivers real-time weather updates for over 200,000 cities worldwide. Powered by the OpenWeatherMap API, it allows users to view temperature, humidity, wind speed, and overall weather conditions simply by searching a city name or allowing location access.
- 🌐 HTML – Semantic structure and markup
- 🎨 CSS – Custom styling and responsive layout
- ⚙️ JavaScript – Application logic, API interaction, and dynamic UI
- ☁️ OpenWeatherMap API – Real-time weather data provider
- 🔎 Search by City – Look up current weather for 200,000+ cities
- 📍 Location Detection – Automatically fetch weather for user’s current location
- 🌡️ Real-Time Stats – Displays temperature, humidity, wind speed, and weather description
- 📱 Responsive Design – Works seamlessly on mobile, tablet, and desktop
- 🚫 Error Handling – Alerts for invalid or empty city names
- ♻️ Dynamic Updates – Real-time UI refresh with each search or location update
- User enters a city name or grants location access
- JavaScript fetches data from the OpenWeatherMap API
- Weather data is parsed and displayed with clean UI
- The interface dynamically updates for every input
- Integrating and working with third-party APIs using
fetch() - Managing asynchronous operations and handling JSON data
- Building responsive, mobile-first user interfaces
- Enhancing user experience with real-time feedback and error handling
Jahnavi Frontend Developer | Passionate about building impactful web apps ✨ Learning by doing | 🌱 Currently exploring real-time apps and full-stack development