Porpoise Purpose

Inspiration

We were inspired by the concept of gamification and video games (we're from the Game Development Group). While there are a lot of gamified productivity and habit apps, there aren't much for health in general.

What it does

Our website is composed of three pages: 'Home', 'Activity', and 'Gallery'. The 'Home' page is similar to a landing page and gives a brief overview of the features of the app. The 'Activity' page is where the user will roll for a random health-based activity to do. They can reroll for another activity if they are unhappy, but they can only reroll once a day. A streak is displayed for the number of days the user has completed at least one task in a row. The 'Gallery' page is accessed from the Activity page. The gallery page displays all the achievements and activities, with the unlocked ones visible and locked ones blacked out.

How we built it

We built this website using vanilla HTML, CSS, and JavaScript. Sean implemented the JavaScript functionalities for the website's features while Tammy styled the 'Home' page and focused on the CSS.

Challenges we ran into

There's a strange occurence where the Github page deployment works on Tammy's end but doesn't work on Sean's end. The time constraint was also a challenge, since we weren't able to refine a lot of the styling of our website in time.

Accomplishments that we're proud of

We're happy that we planned out everything really well in the beginning. We felt that we laid out a solid foundation and idea of what we wanted to accomplish.

What we learned

We learned about LocalStorage and what makes a good landing page design.

What's next for Porpoise Purpose

We can continue to improve the website's styling and responsiveness. In additional, we can implement bonus features such as giving users the ability to add custom activities. We will also implement the virtual aquarium function.