I finally built an app live on the air…well, sort of

I started on a new app for the fans! While I didn’t exactly finish it, I came up with a new process along the way.

For more on this, watch the video below. You can find my source code for the app here.

1. New Idea

Let’s make an app which displays inspirational quotes each day.

2. Workflow

Open the app, and you’ll see the quote for the day. I decided to use a single quote for the time being. I can add additional quotes at a later date.

3. Mockup

The quote would display in the center of the screen. As for the App Bar, it would read “Daily Inspiration”. A simple UI seemed like the best approach for this kind of app.

4. Note UI Elements

The quote would display inside of a TextView. The AppBar styling can come later. Android apps display the name of the app in the AppBar by default anyway so this isn’t a huge priority.

5. Check Android Studio Palettes

TextViews already appear in the palette list in Android Studio. No need to research further

6. Research any unkown UI elements

(See step 5)

7. Recreate the mockup

New projects come with a TextView on display by default. I replaced the Hello World text with the quote from the mockup.

8. Program interactive elements

There aren’t any interactive parts to this app. Once the application opens. it displays a quote. I might add more functionality at a later date.

I didn’t get to test the app due to some issues with my Android Virtual Device. I closed it after working on another project right before I started streaming. There may have been some lingering processes causing it not to work during the livestream.

From now on, I’ll be sure to restart before doing these livestreams. Just to be safe.

Stay tuned on Twitter for my next app building livestream!

For more on this, watch the video below.

Join the mailing list to see updates like this every week!
Coding Fanatic