Live: leveluprpg.vercel.app | Demo: YouTube | Repo: github.com/kyisaiah47/level-up-web
What it is
Level Up is a fullscreen browser game built around habit tracking. You create quests (your habits), log them like journal entries, earn XP, and climb a 100-floor Tower of Growth. As you accumulate entries, your character evolves through 20 classes — from Novice to Legend — across 7 disciplines, with 8 hybrid classes like Battlemage and Paladin that unlock by logging across two disciplines. Each class grants an XP multiplier.
There are also 24 rotating daily system quests alongside your own custom ones.
The UI is fullscreen: anime backdrops, an HUD player plate, and a game-style nav dock. No dashboards, no scrollbars.
Why I built it
Most habit trackers treat missing a day as a failure state. They show streak counts, reset progress, and flag missed days. I wanted something where the question was never "did you fail today?" but "what did you accomplish?"
In Level Up, progression is cumulative completion counts. Miss a week and your character is exactly where you left it — no streaks to break, no penalties. You just pick up where you stopped.
This is also a web rebuild of an earlier React Native/Expo project. I wanted to bring the core loop to the browser with a more mature stack. Some features from the mobile version (guilds, potions, cosmetics, seasonal worlds) stayed in the mobile repo intentionally — this version focuses on the core loop.
How it works
The stack:
- Next.js 16 (App Router, Turbopack) + React 19
- Tailwind CSS 4 + shadcn/ui for the game UI
-
Supabase for auth (Google OAuth via
@supabase/ssr) and Postgres - Game logic in pure TypeScript under
src/lib/game— XP math, milestone checks, tower progression, and class evolution all live there
The database initializes from a single idempotent SQL file that seeds 12 classes (more unlock through play), 100 tower floors, rewards, and the 24 system quests. Supabase access uses service-role only, keeping client-side exposure minimal.
Backdrops load per-tab from public/images/ with silent fallbacks, so missing art never breaks the UI.
It's free
No ads, no paywalls. Sign in with Google, create your quests, and play.
Top comments (0)