Vuetify Todo Pwa
A simple Todo PWA built with Vue 2 + Vuex + Vuetify.
Overview:
The vuetify-todo-pwa project is a simple Todo PWA (Progressive Web App) created with Vue.js, Vuex, and Vuetify. It is a great learning resource for those looking to understand these technologies.
Features:
- Vue CLI 3 + Webpack: Uses Vue CLI 3 and Webpack for single file Vue components.
- Hot-reload in development: Allows for automatic reloading during development.
- Lint-on-save with ESLint: Includes ESLint (Standard) for linting code.
- Stylus CSS preprocessor: Utilizes Stylus as the CSS preprocessor.
- Vue + vue-router + vuex working together: Integration of Vue, vue-router, and vuex.
- Vuetify a-la-carte: Reduces project size by selectively importing Vuetify components.
- Progressive Web App features: Includes app manifest, service worker, and Workbox options for caching Google Fonts.
- 100/100 Lighthouse score: Achieves a perfect Lighthouse score for performance and accessibility.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vuetify
Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.
- Material Design
Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.
- Pwa
A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.
