• Weather Application built with Vue Composition API and Tailwind CSS. Weather Data is fetched from open-meteo as they do not require any API Keys or anything and provide all sort of weather data.

  • City Dropdown is fetched from Postionstack Opencagedata Forward Geocoding API which doesn't require your credit card numbers unlike Google Location API.

  • Weather Icons used is by Erikflowers. Which I am actually planning on replacing with more colorful SVG Icons.

  • LocalStorage for storing userData

  • Setting page for users to set [Timezone](http://worldtimeapi.org) (https://timezonedb.com) and Temperature Unit.

Todo

  • Replace icons with more colorful icons
  • Integrate Pinia
  • PWA
  • Complete rewrite in TypeScript
  • Welcome Screen for first time users

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

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint