Creating my 1st Ionic App or where you can find great resources for Ionic
Tags: ionic, vue, apps
Published: 2020-12-11 16:45:58

---
title: Creating my 1st Ionic App or where you can find great resources for Ionic
published: true
description: This is a brief guide of where you can find resources for creating android & iOS apps for web developers.
tags: ionic, vue, apps
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--8LZbwUgs--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/y2yl4lzvlbix5vyiv56t.png
---

Around last October (2020) the production version of Ionic Vue was announced 🚀. I got curious about how easy it would be to create an app with Vue. So I started digging into the [documentation](https://ionicframework.com/docs/vue/overview) and the [quickstart](https://ionicframework.com/docs/vue/quickstart) which is a must read for every tech you want to grasp.

Once I understand how to work with [ionic main components](https://ionicframework.com/docs/components) for views like IonPage, IonContent (if you have used components library like materialui, vueprime or alike you are good to go) and diving into the new changes for Vue 3 I decided it was time to start a side project 🔨.

Tip: You might encounter a lot of issues when developing, so I strongly suggest you to [participate in Ionic's forum](https://forum.ionicframework.com/), a lot of people is willing to help 🤝.

From this point I started adding the basic setup you would do in a page, importing axios, moment, calendar and other handy packages to fasten the development. With the help of some commands you can serve your page for [live reload](https://ionicframework.com/docs/vue/your-first-app/7-live-reload) in the browser, or with the android/iOS emulator.

At this point you might be wondering how to continue with android or iOS. For Android you would have to install Android Studio and download at least one sdk platform. Once there you should be able to generate a build for android by following the [ionic's Android guide](https://ionicframework.com/docs/developing/android) 📲.

Once I had the features for the 1st version I searched for admob packages and try to make some money with the apps because why not 💁‍♂️? 

I tried several admob capacitor packages but the one I could make work was [capacitor-admob](https://github.com/rahadur/capacitor-admob). You can find examples of how to show banners and interstitials here: [Implement AdMob in Ionic React Capacitor Apps](https://medium.com/enappd/implement-admob-in-ionic-react-capacitor-apps-ebc7af360b41), I know, I know, it is written in react, but you know this may be your opportunity to dive into react if you haven't.

And voíla, I got the very base of my first ionic app for android & iOS. From here I started making some changes at android level (manifest, fixing classes issues, icons, etc...) which won't be overwritten even if you create new compilations. Or you could follow the [Android Play Store Deployment](https://ionicframework.com/docs/deployment/play-store) in order to release your app into the play store.

FYI: I only used a few capacitors plugins like Storage, Browser and Toast.

[Here](https://gurudelanime.com) you can find the links to the Play Store and App Store of the app I created. 

Feel free to ask or make some suggestions in the section below 😁