All Projects → davidgaroro → Vuetify Todo Pwa

davidgaroro / Vuetify Todo Pwa

Licence: mit
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.

Programming Languages

184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vuetify Todo Pwa

Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-26.87%)
Mutual labels:  vue-cli, material-design, material, vuetify, vuejs2, pwa, vue2
Vue Wechat
🔥 基于Vue2.0高仿微信App的单页应用
Stars: ✭ 1,832 (+1045%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
Vue Ts Daily
Stars: ✭ 735 (+359.38%)
Mutual labels:  vue-cli, vuex, vuejs2, pwa, vue-router
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+1145.63%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+12456.25%)
Mutual labels:  material-design, material, vuejs2, pwa, vue2
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+1195%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
Vuetify Material Dashboard
Vuetify Material Dashboard - Open Source Material Design Admin
Stars: ✭ 1,023 (+539.38%)
Mutual labels:  vue-cli, vuex, material, vuetify, vuejs2
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (+39.38%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+60%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (+210.63%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
Gpk admin
✨ GeekPark Content Management System
Stars: ✭ 150 (-6.25%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router, vue2
Vue Chat
Stars: ✭ 887 (+454.38%)
Mutual labels:  vuex, vuejs2, vue-router, vue2
Stars: ✭ 18 (-88.75%)
Mutual labels:  vue-cli, vuex, vuejs2, vue-router
高颜值的第三方网易云播放器,支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+8013.13%)
Mutual labels:  vue-cli, vuex, pwa, vue-router
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-9.37%)
Mutual labels:  vue-cli, vuex, vue-router, vue2
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+355.63%)
Mutual labels:  vuex, vuejs2, vue-router, vue2
A Vue.js 2.0 Content Management System
Stars: ✭ 885 (+453.13%)
Mutual labels:  vuex, vuejs2, vue-router, vue2
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (+293.13%)
Mutual labels:  material-design, vuex, vuetify, vuejs2
Vue Music
Stars: ✭ 855 (+434.38%)
Mutual labels:  vue-cli, vuex, vue-router, vue2
Pretty Vendor
[零食商贩] - 基于vue全家桶 + koa2 + sequelize + mysql 搭建的移动商城应用
Stars: ✭ 57 (-64.37%)
Mutual labels:  vue-cli, vuex, vue-router, vue2


This project is a simple Todo PWA (Progressive Web App) 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].