Tamagotchi Trainer

Motivations

In the world today, we see a higher level of obesity than ever before. While this is caused by a multitude of factors, one of the main factors that can be associated with this increase is our lack of exercise. Due to cars and other forms of transportation, people walk far less than before. We want to encourage people to go our walking/running in a fun and engaging way.

Goals

Our goal is to incorporate an incentive to consistently exercise so that more people will build healthly habits. The effectiveness of this app can be measured by the amount of consistent users of our app. People that open our app everyday are more likely to go out and exercise or are already close to their step count. People say that the hardest part of going to the gym is actully getting in your car, so if we are able to reduce the difficulty of that initial step, we can get more people engaged in a health lifestyle.

Usage

Right now, mockups of all majors pages have been implemented and work is being done to refine the layout of the application. Space is left open in many mockups for features that will be implemented in the future.

Login Page

The first page new users are sent to is the login page. You can register a new email if you haven’t already made an account and login using that email. Currently, all authentication processes are tied to email but this mnight change in the future.

Home Tab

The home page is the main page that the user is intended to land on by default. The home page while technically being one page implements multiple bodies using the bottom navbar. For convenience’s sake we will consider each of these body sections as separate pages. For this body in particular, this is the screen in which the user can interact with the tamagotchi. Beyond the background, a button is implemented on the “Status” text that will take you to the page that shows the tamagotchi’s status.

Status Page

The status page as mentioned above shows the current status for the tamagotchi. This page mainly exists to show the layout of elements on the screen. Notably, the bars on this page use the Percent Indicator package to have interactive progress bars. Further work will be done in the future to make the bars scale with the tamagotchi’s stats.

Shop Tab

The shop tab has a series of buttons that leads to mock-ups of various shop pages.

The shop page implements a carousel to display various tamagotchi with space under the carousel to re-size and create a buy button with payment options.

The cosmetics page shows a tile layout for cosmetics that are able to be purchased. Above the tile layout exists a space that will eventually show your tamagotchi. By clicking on the various cosmetics you can “try them on” to see what they would look like before you buy them.

Competition Selection Tab

The competition selection page shows how selecting different competitions will work. Currently, the boxes are implemented using the selectable boxes package allowing, as can be inferred from the name, entire boxes to be selected. The current implementation allows for only one of the activity boxes to be selected at any given time with the “compete” box only being able to be selected after one of the above boxes is selected.

Friends Tab

The friends tab has multiple buttons that link to separate features. The main feature that this page implements is the ability to add users to your friends list.

Starting with the users list page, any users that already exist in your friends list will show with green check marks. Pressing the plus button will allow you to add that user to your personal friends list.

The friends list page lists all people currently in your friends list. Any user added in the users list will appear in the friends list. The right side of the tile is kept open for features that are planning to be implemented in the future.

Fitness Tab

The fitness page exists to show the users overall progress toward hitting their fitness goals. For the scope of this project, we are only planning to count steps taken when measuring user’s overall fitness. To this end, the fitness page has multiple tabs that can be chosen to show their daily, weekly, monthly, and yearly progress. These tabs will show their step count graphically allowing for progress to be represented visually. The package fl_charts is currently being used to create the graphs but in the future we might consider switching to the syncfusion graphing flutter package instead due to a variety of problems with the implementation of fl_charts.

Settings Page

The settings page was turned into a settings dropdown with links to pages where you can edit your personal information, tamagotchi’s information, and log out. Both the edit user info and log out button work whie more work has to be done implementing the tamagotchi stats.

Usability Evaluation

A link to the usability evaluation can be found here .

Installation

Download the source code from: https://github.com/Tamagotchi-Trainer/tamagotchi_trainer

Within the repository, run this command:

$ flutter run

Development Status

The project development board can be found at: https://github.com/orgs/Tamagotchi-Trainer/projects/1

Future of the Project

Currently, user evaluation is being done and we are trying to get a more diverse set of users to test out the application. From the data already collected, various improvements are currently in the works but we are re-thinking our long term development plan. Upon review it seems like the scope of the application might be too big for what users want from this type of app. Consideration is being made into possibly scaling down the app or converting the app into a widget for iOS.

About Us

This project has been created by Derek Nishimura, a senior undergraduate student at the University of Hawaii at Manoa.