ionic-vue-boilerplate icon indicating copy to clipboard operation
ionic-vue-boilerplate copied to clipboard

๐Ÿ›๏ธ A simple Ionic app structure made with Vue 3, Capacitor, and JavaScript (dependency with TypeScript removed). This boilerplate provides basic components like buttons, loading, inputs, etc

Ionic + Vue + Capacitor = ๐Ÿ’–

A simple Ionic app template, using VueJS framework and Capacitor. It brings a simple folder structure and some components.


License License


๐Ÿ‘€ Overview


[!NOTE] Take a look at https://pferreirafabricio.github.io/ionic-vue-boilerplate for a live test. OBS: Don't forget to press F12 and toggle device emulation to view it in mobile view.

[!NOTE] If you prefer you can download the .apk file on the releases page

๐Ÿ“– About

This project is a boilerplate for building mobile applications using Ionic and Vue. It includes a variety of components and features, such as a login screen, a home screen, and some UI components.

๐Ÿงฑ This project was built with

๐Ÿƒ๐Ÿปโ€โ™‚๏ธ Installing and Running

  1. Clone this repository https://github.com/pferreirafabricio/ionic-vue-boilerplate.git
  2. Enter in the project's folder: cd ionic-vue-boilerplate
  3. Run cp .env.example .env
  4. Run npm install
  5. Run npm run serve or npm run dev
  6. Access http://localhost:8080 in your browser and be happy ๐Ÿ˜ƒ

โ™ป Contribute

  1. Fork this repository
  2. Create a branch with your feature: git checkout -b my-feature
  3. Commit your changes: git commit -m 'feat: My new feature'
  4. Push your branch: git push origin my-feature

๐Ÿงพ License

This project is under the MIT license. Take a look at the LICENSE file for more details.

๐Ÿ“š Learn more

  • Ionic Vue Docs: https://ionicframework.com/docs/vue/overview