To Do List

Project setup

yarn install

Run project with a single command

yarn dev

Compiles and hot-reloads for development (separated)

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Run api (separated)

yarn json-server

Json Server docs - https://github.com/typicode/json-server

Docker Compose

Build

docker compose build app-prod

Run

# development mode with hot reload
# access: http://localhost:8080
docker compose up -d app

# production mode with static build files
# access: http://localhost:8001
docker compose up -d app-prod

Docker

Build

docker build -t vue3-todo:unstable . --no-cache

Run

# without volume
docker run -d -p 8080:80 --name vue3-todo-app vue3-todo:unstable

# with volume
docker run -d -p 8080:80 -v $(pwd):/app --name vue3-todo-app vue3-todo:unstable

Access container

docker exec -it vue3-todo-app sh 

See logs

docker logs vue3-todo-app

Stop and remove

docker stop vue3-todo-app && docker rm vue3-todo-app

Customize configuration

See Configuration Reference.

Node Version Requirement

This project requires a minimum Node version of 18.

Technologies Used

• Vue 3 - The Progressive JavaScript Framework
• Vuex - Vuex is a state management pattern + library for Vue.js applications
• Vue I18n - Internationalization plugin for Vue.js
• VueUse - Collection of Vue Composition Utilities
• @vue/cli-plugin-pwa - Plugin for Vue CLI that helps you create Progressive Web Apps (PWAs)
• Tailwind CSS - A utility-first CSS framework packed
• @kyvg/vue3-notification - Trigger notifications for Vue.js
• JSON Server - Get a full fake REST API with zero coding in less than 30 seconds

Link to the App

Vue 3 Todo App