Checkpoint 7: February 21st

Compelling Question:

How can web development skills be reused to build mobile applications?

The app running on a virtual iPhone X

The app running on my actual Android phone

Learning + Product Goal

This is the completed Drive tab of my app.

This Week + On Track

This week was spent building my Drive tab. I imagined this tab to be the landing tab for users when they open their app, so they can quickly start a day or night driving session.

At first, I thought I would only have 2 large buttons, one for day and one for night, but I decided that because of the way that HTML and Ionic buttons work and how empty the tab would looked, I would put a bit more content on the tab.

So instead, I made two cards, one for day and one for night, that showed the user a quick view of how many more hours they needed for each, so they could see how much progress they might need. In each card is the button for starting a driving session.

Building just the UI of the app has actually been a very smooth experience. Now that I have the base understand of Ionic, I can easily use my experience with HTML and CSS to work with Ionic's components, which are based off HTML.

I was even able to add a few fancier things, such as the animated floating streak icon. (See Fig 2.)

I am definitely on track to finish in time. I just need to finish the Settings page.

Fig 1. The code for the Day Drive card. It is not overly-complicated. I think choosing to just focus on the UI was the right choice for the time frame I had.

Fig 2. The floating streak icon. The actual icon actually loops smoothly, it's just hard to show that here.

Next Checkpoint

By the next checkpoint, I will finish the Settings page, and then the final reflection, self-assessment, and the presentation.

EDP

I still am in the create stage, I am building the actual product. When I do my reflection, I will be in the improve stage.

Report abuse