← ALL PROJECTSPRODUCT DESIGN / HACKATHON

Turning healthy habits into a progression system.

A gamified healthy-habits and mental-wellbeing tracker, inspired by the progression mechanics of games such as Clash of Clans.

MY CONTRIBUTIONHackathon project contributor · January 2026
Web developmentProduct designGamification
habit-track.tsxTSX
type Habit = { id: string; label: string; xp: number; done: boolean };
export function HabitTrack({ habits, toggle }: Props) {
const xp = habits.filter((h) => h.done).reduce((sum, h) => sum + h.xp, 0);
const level = levelFor(xp);
return (
<section aria-label="Today">
{habits.map((h) => <HabitRow key={h.id} habit={h} onToggle={toggle} />)}
<LevelBar level={level} xp={xp} />
</section>
);
}

PRODUCT DEMONSTRATION · NOT CLINICAL ADVICE OR ACTUAL USER OUTCOMES

01 / THE PROBLEM

Building a habit can feel repetitive. The concept explores whether familiar game-like progression can make everyday healthy actions more engaging.

02 / ROLE & IMPLEMENTATION

The project connected healthy-habit tracking and mental-wellbeing activities to a progression system, pairing the product concept with a clear pitch.

03 / DECISIONS & TRADE-OFFS

The design borrows engagement mechanics from games while keeping the experience focused on everyday habits. The concept is not positioned as a medical or clinical intervention.

04 / TESTING & RELIABILITY

This is a hackathon product concept. There is no claim of clinical effectiveness or proven improvement in mental health.

05 / VERIFIED OUTCOMES

Winning project, Best Pitch, and Most Impactful Idea at the Manchester Metropolitan University Hackathon in January 2026.

KEEP EXPLORINGBack to selected work