A simple weather app that uses the OpenWeatherMap API to get the weather data for a given city.
- Auto-complete city search
- Debounced Auto-complete search to avoid unnecessary API calls
- Current weather data
- 3-day Forecast with plenty of details: Wind, Humidity, Pressure, Sunrise, Sunset, etc.
- Performant Optimistic UI updates with loading states
- Vue 3
- TypeScript
- Tailwind CSS
- Vite
- pnpm
- Clone the repository
- Install dependencies:
pnpm install - Create a
.envfile in the root directory and add your Weather API key as follows:VITE_WEATHERMAP_API_KEY=your-api-key - Start the development server:
pnpm dev
To build the app, run pnpm build. The output will be in the dist directory.