leonardorr / ionic-vue-boilerplate

🏛️ 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.

👀 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

• Ionic
• Ionic + Vue
• Capacitor
• Vue
• Pinia

🏃🏻‍♂️ 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