Need help with vuetify-todo-pwa?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

171 Stars 48 Forks MIT License 26 Commits 0 Opened issues


✔️ A simple Todo PWA built with Vue 2 + Vuex + Vuetify.

Services available


Need anything else?

Contributors list

# 135,349
26 commits


This project is a simple Todo PWA inspired by TodoMVC. Perfect to learn the basics about Vue.js, Vuex and Vuetify technologies.

Live Demo


  • Vue CLI 3 + Webpack + vue-loader for single file Vue components
    • Hot-reload in development
    • Lint-on-save with ESLint (Standard)
    • Stylus CSS preprocessor
  • Vue + vue-router + vuex working together
  • Vuetify a-la-carte (reduce project's size in production)
  • Progressive Web App
    • App manifest
    • Service worker
    • Workbox options - Cache Google Fonts
    • 100/100 Lighthouse score

Built With


| Name| Description | | |--|--|:--:| |vue|Progressive JavaScript Framework|🖖 |vue-cli-3|️Standard Tooling for Vue.js Development|🛠️ |vue-router|Official Router for Vue.js|🚦 |vuex|️Centralized State Management for Vue.js|🗃️ |vuetify|️Material Component Framework for Vue.js|📚

Development Dependencies

| Name| Description | | |--|--|:--:| |stylus-loader|CSS preprocessor for webpack|🎨 |vue/cli-plugin-babel|Compiler for next generation JavaScript|🐠 |vue/cli-plugin-eslint|Pluggable JavaScript linter|✍️ |vue/cli-plugin-pwa|JavaScript Library for adding support to PWA|📱

Installation & Setup

Clone repository

git clone
cd vuetify-todo-pwa

Install dependencies

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




MIT © davidgaroro

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.