Seven Mobile Apps in Seven Weeks

Day 2: Making Time

Or, Managing the Clock List

Today we’ll pick up where we left off yesterday. Today is about getting all the functionality of a world-clock app in place. We’ll create an unstyled, vanilla UI that we can build on to add the mobile-specific features in Day 3.

For features, we’ll get a default clock displaying the local time zone, display a list of time zones for users to choose from, and finish up by allowing users to edit the clock list by removing clocks they don’t want to see. Let’s get started.

Creating Clocks

As we’ve seen already, what drives the list of clocks is actually a list of time zones, which the clock interprets into a list of clocks using the current date of the browser. The time zone manager will manage a list ...