2025 · Open Source Community · Ongoing
Weather app
Created a fun weather app with the use of openweather api key along with a minimalist , classy frontend to navigate daily weather of any places along with 5 days forecast and detail weather navigation.
Role: Open-Source Contributor
Purpose & goal
Ship a small, real-world frontend that talks to a public API: clear loading, errors users understand, and mobile-first layout.
Status
Live demo — personal / OSS exercise.
Challenge
Understanding and optimizing the api key along with proper loading state effectively.
Spotlight
API latency and user trust
Problem: OpenWeather responses vary by network; showing a blank screen erodes trust even when data is on the way.
What I did: Explicit loading skeletons, cached last-good result where appropriate, and friendly error copy when the key or network fails.
Approach
- understand openweather api
- build proper user experience while navigating weather
Solution
better user experience while navigating weather.
Impact
- navigate weather in a clean and intuitive interface
Open source contribution
Lessons learned
- Environment secrets belong in config — never hard-code keys in client bundles.
- Forecast UIs need hierarchy: today first, then week at a glance.
Accessibility
Color is not the only signal for conditions — text labels and icons reinforce meaning for color-blind users.
Tech stack
- React
- Tailwind CSS
- TypeScript
- open weather api