Vue Weather Dashboard
A responsive weather app with WeatherAPI integration, city search, recent searches, and forecast views.
Business value
Shows API integration, state management, and responsive UI skills.
Key features
overview
A live Vue practice project.
problem
Users need a quick way to check city weather and forecasts.
solution
Use a card-based dashboard for current weather, metrics, and forecasts.
key features
City search / Weather details / Hourly forecast / 5-day forecast / Recent searches / Dark/light mode
tech stack
Vue 3 / TypeScript / Vite / Pinia / Axios / Element Plus / WeatherAPI / Vercel
architecture
Vue components, Pinia state, and an Axios API layer.
AI-assisted workflow
AI assisted with component breakdown, debugging, and README improvements.
challenges and what I learned
Learned API error handling, environment variables, and deployment settings.
screenshots
Available through the live demo.