davidgaroro / vue-todo-pwa

✔️ A simple Todo PWA built with Vue 3 + Vuex + Bootstrap 5.

vue-todo-pwa

This project is a simple Todo PWA (Progressive Web App) based on the Vuex TodoMVC example.
Perfect to learn the basics about Vue 3, Vuex and Bootstrap 5 technologies.

Live Demo

Built With

Dependencies

Name	Description
Vue 3	Progressive JavaScript Framework	🖖
Vuex 4	️Centralized State Management for Vue.js	🗃️
Vue Router 4	Official Router for Vue.js	🚦
Vue CLI 4	️Standard Tooling for Vue.js Development	🛠️
Bootstrap 5	The most popular HTML, CSS, and JavaScript framework	📚

Vue Composition API (optional)

This project includes components with their alternate version made with the composition API.

For more information on how to use Composition API, visit the official documentation

How to use the alternative component version

To toggle between classic or composition components you only have to comment or uncomment, or just edit the name component:

<!-- router/index.js -->
  ...
  import Home from "../views/Home.vue"; // classic
  // import Home from "../views/Home.composition.vue"; // made with composition api
  ...

Installation

Clone repository

git clone https://github.com/davidgaroro/vue-todo-pwa.git
cd vue-todo-pwa

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Donation

License

MIT © davidgaroro