vue-weather-app

This template should help get you started developing with Vue 3 in Vite.

Live Demo

Weather app

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Install modules

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

• Config font link: gg font
• Using font-awesome

Search API

• Mapbox geocoding API
• Using setTimeout for lazy search

Weather API

• One call API
• Current weather data call API
• Own API Key
• Subscription of API