The weather website

This website is for seeing the weather of any location: city, village, street, etc. You can watch the weather on the map: wind, temperature, lighting, clouds, pressure, and rain. The stack is Nuxt 3, Pinia, Vue 3, TypeScript, and SCSS. The website is using the service www.windy.com for the map, https://open-meteo.com for weather data, https://locationiq.com for search, and https://worldtimeapi.org for the current local time for a given timezone.

Icons used on this website

Weather icons https://www.amcharts.com/free-animated-svg-weather-icons

Flag icons https://github.com/lipis/flag-icons

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.