Weather-App
Repository: Code & docs
In this view you can see:
- Realtime current conditions (temp, feels-like, humidity, wind, UV index, precipitation)
- 3-day forecast cards with hourly scroller
- Built-in light ⇄ dark toggle that persists your choice and respects your OS setting
“Weather-App” is a lightweight, fully responsive forecast viewer built with Vue 3, Nuxt 3, Tailwind CSS and the OpenWeatherMap API.
Highlights:
- Nuxt composables for fetching & caching weather data by city, coordinates or zip code
- Tailwind’s
dark:variants for seamless theming across cards, headers & buttons - Mobile-first design—layout adapts beautifully from phone to desktop
- Zero-build-step deployment: clone,
npm install,npm run dev→ or push to Netlify/Vercel
Why I built it:
I wanted a real-world playground to master Nuxt 3’s composables API, Tailwind theming, and progressive enhancement (no-JS fallback → light theme). Plus, it’s a handy widget I can embed anywhere.
It’s 100% open source under MIT. If you:
- Are learning modern Vue/Nuxt and want a reference app
- Need a template for a simple REST-driven site with theming
- Have feature ideas, bugfixes or styling suggestions
…please take a look, star ⭐ the repo, and file an issue or PR. I’d love your feedback on architecture, code style, performance, or how to make this more approachable for newcomers.