Building 2 Mobile Apps: From 0 to Launch in 7 Days [Day 2]

4 min readOct 20, 2018

Day 1 of this new mobile app development challenge was a good start. Day 2 coincided with our Family Day though, and therefore I only attempted to get some lightweight tasks out of the way.

Let’s have a look at the updated sprint board to see where things stood:

Project Jet Tag

Sprint stories:

Create skeleton app project

As we can see from Day 1’s report, I managed to get a basic app up and running. Some of the project information was successfully updated as well. This part was good to go.

Screen 1 — boarded plane

In the process of setting up the basic app, the first screen was automatically generated. In that sense, it already exists.

However, it currently doesn’t have all the intended UI and behavior yet, so it’s considered a work in progress.

Test on emulator

Like the above story, testing on an emulator is technically something I started tinkering with on Day 1.

But in app development, testing is an ongoing process. Ergo, this story will remain in the “DOING” column, and will likely continue to for a while.

Test on device

This would be today’s task.

Likewise, it will most likely stay in the “DOING” column for a while, on account of its ongoing nature.

App icon

This would be today’s task.

Splash image

This would also be today’s task.

Testing the App on a Device

Thanks to the Ionic Framework, running the app on an Android device would be as simple as:

Enabling USB debugging and Developer Mode on the device.
Running this command on Terminal:

ionic cordova run android --device

⚠️ Today’s (Only) Issue

But then, I got an unexpected error:

(node:28385) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Solution

Once again, my good pal Stack Overflow came to my rescue:

npm install -g cordova@7.1.0
ionic cordova platform remove android
ionic cordova platform add android@6.4.0

Everything worked properly after the above suggested fix!

As far as the app itself goes, it’s still the same basic one from yesterday, and so there wouldn’t be much to test at this point.

Just troubleshooting to make sure it ran on both an emulator and a device was a good enough milestone for the day.

Creating an App Icon

The goal was to replace the default one by Ionic, which was a 1024x1024 PNG image located in:

{project folder} > resources > icon.png

I know I am nowhere near as good as a professional artist. But luckily, I am familiar enough with tools like Adobe Illustrator to get by during development — and blogging.

To keep things simple at this stage, I quickly made a vectorized jet icon.