Vibe Weather (EN/KO)
A high-performance weather application with real-time bilingual switching and a lively "Vibe" aesthetic that adapts to the time of day.
What It Does
- Calculates "Real Feel" temperature using wind speed & humidity
- Displays UV index, humidity, AQI, and pollen levels
- Provides outfit recommendations based on conditions
- Dynamic video backgrounds & music that shift based on time (Morning/Afternoon/Evening/Night)
- Social media sharing integration
- Real-time English/Korean language switching
Challenges & Solutions
Challenge 1
Synchronizing dynamic background and audio assets with real-time weather data without UI lag.
Solution
Engineered a centralized state manager that asynchronously pre-loads video segments and buffers audio, ensuring seamless scene transitions.
Challenge 2
Calculating an accurate "Real Feel" index beyond simple temperature.
Solution
Integrated thermodynamic formulas factoring in relative humidity and wind speed for a human-centric comfort metric.
Challenge 3
Ensuring consistent UI responsiveness across disparate device screens for bilingual content.
Solution
Applied a mobile-first, grid-based CSS architecture with dynamic font-scaling to prevent overflow during language toggling.
Project Gallery
What I Learned
Advanced state management, media asset handling, UX/UI aesthetic engineering