Skip to content
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Branch: master
Clone or download
Latest commit ca2128e Apr 6, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public Edited short_name app Aug 6, 2018
src Fix list-tile padding Aug 26, 2018
.browserslistrc Prevent js transpile and css prefixes in IE10 and lower versions (Vue… Aug 6, 2018
.eslintrc.js
.gitignore Created vue-cli3 project (vue-router, vuex, stylus, babel, pwa, eslint) Aug 6, 2018
.postcssrc.js Created vue-cli3 project (vue-router, vuex, stylus, babel, pwa, eslint) Aug 6, 2018
LICENSE
README.md Update README.md Apr 5, 2019
babel.config.js Configured vuetify a-la-carte to import specific components (low buil… Aug 7, 2018
package-lock.json Fix webpack-dev-server vulnerability Feb 4, 2019
package.json
vue.config.js Added pwa workbox options to cache google fonts Aug 6, 2018

README.md

vuetify-todo-pwa

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

Features

  • 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

Dependencies

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 https://github.com/davidgaroro/vuetify-todo-pwa.git
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

Donation

Donate

License

MIT © davidgaroro

You can’t perform that action at this time.