https://github.com/pferreirafabricio/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
https://github.com/pferreirafabricio/ionic-vue-boilerplate

boilerplate-template capacitor capacitorjs composition-api ionic ionic-framework ionic-vue ionic7 javascript js pinia vue vue-js vue3 vuejs

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/pferreirafabricio/ionic-vue-boilerplate
• Owner: pferreirafabricio
• License: mit
• Created: 2021-07-30T14:25:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-20T16:13:35.000Z (2 months ago)
• Last Synced: 2024-10-20T19:09:46.845Z (2 months ago)
• Topics: boilerplate-template, capacitor, capacitorjs, composition-api, ionic, ionic-framework, ionic-vue, ionic7, javascript, js, pinia, vue, vue-js, vue3, vuejs
• Language: Vue
• Homepage: https://pferreirafabricio.github.io/ionic-vue-boilerplate/
• Size: 9.04 MB
• Stars: 19
• Watchers: 5
• Forks: 10
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

  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](https://github.com/pferreirafabricio/ionic-vue-boilerplate/releases)

## 📖 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](https://ionicframework.com/)

- [Ionic + Vue](https://ionicframework.com/vue)

- [Capacitor](https://capacitorjs.com/)

- [Vue](https://vuejs.org/)

- [Pinia](https://pinia.vuejs.org/)

## 🏃🏻‍♂️ 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](LICENSE) file for more details.

## 📚 Learn more

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