Steem-Invoice Now launch Android App

After a week I created the Steem-invoice application, I got a lot of support from steemit users. including from @steemcurator01, @stephenkendal, @arie.steem and many more that I can't possibly mention here one by one.

The application that I made before was only in the form of a website. And today I am trying to change the application in the form of an android which can be installed directly on your android phone.

Why android ?

Based on the statista.com site, Android users in the world now exceed 70% compared to iOS or other smart phones. Even though I myself am not an Android user, this time I still try to make an Android application first.

Because the previous web application that I made was responsive for all devices. So to make Android applications I can use ionic and capacitor. With the help of ionic and capacitor I don't need to recode for android. I'll provide a tutorial later at the bottom.

Link Download : https://drive.google.com/file/d/1KvsOnE1nUjTr5TsrM-14C5WusrBlwPcp/view?usp=sharing

Tutorials

Requirements

1. React App
2. Ionic
3. Android Studio
4. Visual Studio Code

Steps

• Open your app on visual Studio code.
• Create ionic.config.json file in root folder

{
    "name": "steeminvoice",
    "integrations": {
      "capacitor": {}
    },
    "type": "react"
  }

• then createcapacitor.config.json

{
    "appId": "io.ionic.steeminvoice",
    "appName": "steeminvoice",
    "bundledWebRuntime": false,
    "npmClient": "npm",
    "webDir": "build",
    "cordova": {}
    
  }

• build your react project with command
  npm run build
  

• Install ionic with command npm install -g @ionic/cli

• Install capacitor npm install @capacitor/core @capacitor/cli

• Now, create android app with our existing reactjs app
  ionic capacitor add android

• Then open our android app and wait until our android application opens with android studio
  npx cap open android

• if already open, press the running button to run the project.

Testing

I tested using the default android emulator android studio. And I haven't tried using an Android smartphone directly. If you have time, you can download the application on the link I provided above for testing. And if you find a bug, you can screen shot and paste it in the comments column. thank you

Prof of Work

https://github.com/sogatanco/steem-invoice/commits/master

Related links

• Previous Post
• ReactJs Live Demo
• Full Code on Github