Weather app

Here is my simple weather application, try it!

Main features

• You can add as many weather cards as you want
• Adaptive design
• You can move your cards on slider if there are too many of them
• Every weather card includes 3 mini cards with weather for three next days
• You can delete each individual card or all cards at once
• Add your cards by only clicking enter when focused on input
• User-friendly interface
• Smooth animations of adding and deleting cards.

Tech stack

NUXT + VUE 3(COMPOSITION API) + TYPESCRIPT + AXIOS + TAILWINDCSS + DAISYUI + AUTOANIMATE + VITE

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

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

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.