Awesome
vue-todo-pwa
This project is a simple Todo PWA (Progressive Web App) based on the Vuex TodoMVC example.<br> Perfect to learn the basics about Vue 3, Vuex and Bootstrap 5 technologies.
<p align="center"> <a href="https://davidgaroro.github.io/vue-todo-pwa" target="_blank" rel="noopener"> <img src="https://i.imgur.com/2kAywUP.png"><br> Live Demo </a> </p>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