davidgaroro / Vuetify Todo Pwa
Licence: mit
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160
Programming Languages
javascript
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
基于vue、Typescript、pwa的一款习惯养成app
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
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
Vuemmerce
👉 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
Dashboard
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
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+454.38%)
Mutual labels: vuex, vuejs2, vue-router, vue2
Manhuaren
vue2.0全家桶，仿漫画人官网（移动端）
Stars: ✭ 18 (-88.75%)
Mutual labels: vue-cli, vuex, vuejs2, vue-router
Yesplaymusic
高颜值的第三方网易云播放器，支持 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
Vms
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
基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本
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
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
License
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].