← Back to all projects

Live Weather Dashboard.

A real-time weather dashboard that auto-detects your location and displays current weather information.

20251 week
Live Weather Dashboard. preview
ReactFramer MotionTailwind CSSOpenWeatherMap APIGeolocation APIAPI Integration
P

Problem

I was frustrated that most weather apps require manual city input or are overloaded with ads and features that break the user experience, so I built something cleaner.

R

Role

Front-end Developer

I

Impact

  • I implemented auto-detect geolocation with ~100m accuracy for instant results without any user input
  • I delivered real-time weather data (temperature, humidity, wind, feels-like) via OpenWeatherMap API
  • I created a modern, minimalist dashboard that balances clarity, speed, and purposeful animation

Project Metrics

100m location accuracy
Performance
5+
Users

Key Learnings

Geolocation API optimization
Real-time data handling
Minimalist UI design principles
🚀 Live Demo💻 GitHub

Up next →

Personal Resume Website.