Skip to content

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

License

Notifications You must be signed in to change notification settings

davidgaroro/vue-todo-pwa

Repository files navigation

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

Donate

License

MIT © davidgaroro