We call this app the "Mood Timer" App. The purpose of this app is pretty simple. There should be 3 main Views: <ul><li>The Login Page</li><li class="ql-indent-1">Launching View displaying the name of the app "Mood Timer"</li><li class="ql-indent-2">Extra Credit: Come up with a cool logo for the "Mood Timer"</li><li class="ql-indent-1">Users are connected via Apple Account</li><li>A Map View that will display the User in the form of a timer with a background representing its mood.</li><li>A Mood and Timer View in which the user is able to choose hours, minutes, and seconds (up to 24 hours).</li><li class="ql-indent-1">This is a view similar to the "Timers" section of the "Clock App" within the iPhone with the addition of a Track Bar that when adjusted it changes the background color (and each color represent a mood) and in this order from left to right</li><li class="ql-indent-2">Color - Mood</li><li class="ql-indent-3">Yellow - Elated/Happy</li><li class="ql-indent-3">Orange - Joyful</li><li class="ql-indent-3">Blue - Content</li><li class="ql-indent-3">Green - Reflective/Pensive</li><li class="ql-indent-3">Sky Blue - Calm</li><li class="ql-indent-3">White - None</li><li class="ql-indent-3">Pink - Melancholy</li><li class="ql-indent-3">Purple - Anxious</li><li class="ql-indent-3">Magenta - Irritable</li><li class="ql-indent-3">Red - Angry</li><li class="ql-indent-3">Black - Sad/Depressed</li></ul> The Login Page To start, there should be a launching page that shows the name of the app "The Mood Timer". The login should be handled by the Apple account. After the launching page, the user is taken to the Map View. Map View In the Map View, the user will be displayed in the map. The map should be displayed by using the MapKit. Instead of the default "blue dot", the user will be displayed/represented by a circular rectangle with a specific background color gradient (which represents the user's mood and timer explained in the Mood and Timer View), displaying a timer that the user can configure by clicking rectangle with the timer (which represents the user within the map). Mood and Timer View When the user clicks on himself within the map, a new navigation View, which we will call the "Timer Mood View", will be displayed. This view is very similar to the "Timers" View within the iPhone's clock app. With the difference that it adds an additional Track Bar containing 10 adjustments representing moods. <ul><li>The user can always go back to the Map View via the navigation link at the top of the page &lt; Go To Map.</li><li>The user can select hours/minutes/seconds via scrolling the values of each time unit up to 24 hours.</li><li class="ql-indent-1">The color background of the section containing hours/minutes/seconds should changed depending on the value of the Track Bar, in which the user selects the mood.</li><li>There are two buttons to control the time:</li><li class="ql-indent-1">Cancel button to stop the time and reset the timer to 0.</li><li class="ql-indent-1">Start/Resume/Pause Button</li><li class="ql-indent-2">"Start" will be displayed/triggered if, and only if, the Cancel button was previously clicked, or the first time.</li><li class="ql-indent-2">"Pause" will be displayed while the timer is running</li><li class="ql-indent-2">"Resume" will be displayed if the user clicks on the "Pause" button, and leave the current timer until the user decides to either "Resume", or clicks the other "Cancel" button which will instead display the button as "Start" and reset the timer.</li><li class="ql-indent-1">When there is no timer configured, the "Cancel" button should be grayed out, and the "Start" button should be grayed out if the values are 00 hours : 00 minutes : 00 seconds. The "Start" button will be active, when there is a time selected that is not "0"</li><li>The Track Bar will control the user's "mood" and it will have 11 adjustments:</li><li class="ql-indent-1">Color - Mood</li><li class="ql-indent-2">Yellow - Elated/Happy</li><li class="ql-indent-2">Orange - Joyful</li><li class="ql-indent-2">Blue - Content</li><li class="ql-indent-2">Green - Reflective/Pensive</li><li class="ql-indent-2">Sky Blue - Calm</li><li class="ql-indent-2">White - None</li><li class="ql-indent-2">Pink - Melancholy</li><li class="ql-indent-2">Purple - Anxious</li><li class="ql-indent-2">Magenta - Irritable</li><li class="ql-indent-2">Red - Angry</li><li class="ql-indent-2">Black - Sad/Depressed</li><li class="ql-indent-1">By default the selector in the Track Bar should be None (White), which means that at the beginning the user is displayed in the map with a 00:00:00 timer and a circular rectangle with a white background.</li><li>This timer countdown along with the color representing the mood, will be displayed in the Map View, as explained in the Map View, with a rounded rectangle with a gradient of the background color chosen for the Mood along with the timer countdown. So the user's Timer and the Mood is represented within the Map View.</li></ul> Notifications <ul><li>The user will receive a notification on his phone when there is 15, 10, 5, and 1 minute(s) left.</li><li>The user's phone will simply vibrate when the timer is up.</li><li>When the timer is up, the user's display in the Map View should remain in 00:00:00 with the current mood, and the buttons in the Mood Timer View should be reset to (a grayed) "Cancel", and "Start"</li></ul> Security <ul><li>The user can control its displaying in the map based on the phone Settings for allowing the app to share location of the user. Therefore this portion needs to also be implemented.</li><li>The login is done via Apple account</li><li class="ql-indent-1">Extra credit: If using some sort of database for compatibility with Android</li></ul>

Truelancer

A Mood Timer that represents the users current mood within a map.

India

A Mood Timer that represents the users current mood within a map.

About the Client

Useful links

Company

Information

Content Writers

Freelancers

Freelance Jobs

Online Jobs

Designers

Developers

Translations