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

davidgaroro
160 Stars 46 Forks MIT License 23 Commits 1 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 131,760
JavaScr...
HTML
vue2
swiper
23 commits

vuetify-todo-pwa

This project is a simple Todo PWA 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

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.