Vuetify Mobile Cordova

screenshot of Vuetify Mobile Cordova
vue
scss
vuetify

My 2020 vue.js + vuetify and cordova starter, made to build some Android APKs and sell them .

Overview

Creating an Android application has become significantly easier with the combination of Vue.js, Vuetify, and Cordova. This starter template allows developers to build APKs that can be easily sold on the Google Play Store by simplifying the entire development process. This tool stands out by eliminating the need for Ionic, focusing instead on leveraging Vue.js for a responsive user experience across various devices.

The ability to have a seamless development workflow with features like automatic packaging and easy integration of Cordova plugins makes it an attractive option for both novice and experienced developers. By ensuring that your CSS media queries are well implemented, this starter kit guarantees your application will maintain its aesthetic on all screen sizes.

Features

  • Easy APK Creation: Streamlines the process to compile your Vue.js app into an Android APK using Cordova.

  • Responsive Design: Ensures your application looks great on all devices as long as CSS media queries are correctly utilized.

  • No Ionic Required: Focuses purely on Vue.js and Vuetify, eliminating dependency on Ionic frameworks.

  • Cordova Plugin Support: Easily integrate native plugins like Camera for enhanced functionality.

  • Simple Build Process: Move the production-ready app content to the appropriate directory for quick APK generation.

  • Development Environment Setup: Instructions provided for setting up Android Studio, SDK, JDK, and Gradle ensuring a smooth start.

  • Testing and Linting Tools: Built-in commands like npm run test and npm run lint allow for testing and fixing issues to maintain code quality.

  • Known Issues and Solutions: Documentation highlights known problems, such as USB power requirements, providing practical solutions for smoother operation.

vue
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.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

vuetify
Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.