PROJECT 01Full-Stack Application / Gamification EngineFlagship Product

VELORA

A daily mission platform designed to turn consistent action into measurable progress.

Source Repository Live Demonstration

VELORA // PRODUCT LAUNCH ARCHITECTURE • GAMIFICATION STATE MACHINE

SERVER-AUTHORITATIVE • ACTIVE

PHASE 01

Daily Mission Schedule

Automated publisher generates randomized, balanced RPG quest rotations at UTC midnight.

PHASE 02

Proof Compression

Client-side image resizing and compression before signed upload to Supabase Storage.

PHASE 03

Atomic RLS Verification

PostgreSQL stored procedure validates timezone offset and awards XP & coins transactionally.

PHASE 04

Live Leaderboard Sync

Real-time score recalculation broadcast across global and weekly competitive rank boards.

TECH STACK • CORE RUNTIME

Next.js 16React 19TypeScriptTailwind CSSSupabasePostgreSQLVercel

DOMAIN DISCIPLINE

Full-stack · Product Engineering

Author: Martin Wassim

VERIFIED INTERFACE ARTIFACTS & ARCHITECTURAL DIAGRAMS

6 visual assets

Figure 1: VELORA — Visual EvidenceVerified Production Asset

Figure 2: VELORA — Visual EvidenceVerified Production Asset

Figure 3: VELORA — Visual EvidenceVerified Production Asset

Figure 4: VELORA — Visual EvidenceVerified Production Asset

Figure 5: VELORA — Visual EvidenceVerified Production Asset

Figure 6: VELORA — Visual EvidenceVerified Production Asset

01 / THE PROBLEM BEING SOLVED

Operational & Technical Friction

Most gamified habit apps allow trivial client-side spoofing, have brittle reward engines, and fail to provide verifiable proof of completion.

02 / THE ARCHITECTED SOLUTION

Systemized Implementation

Built a secure, server-authoritative web platform where every mission submission, photo proof, XP reward, and streak increment is evaluated through atomic PostgreSQL procedures and Row-Level Security.

03 / ACTUAL IMPLEMENTATION & WORKFLOW

How It Operates in Production

Implemented using Next.js 16 App Router with React 19 server components. Integrated Supabase for PostgreSQL database, authentication, and encrypted object storage for photo proofs. Designed a relational schema enforcing streak continuity via automated triggers.

Engineered an automated cron-driven mission publisher, Supabase Storage photo-proof pipeline with client compression, and strict RLS policies ensuring users can only read their authorized scopes.

04 / SYSTEM ARCHITECTURE EXPLANATION

Data Flow & Infrastructure

The client layer communicates with Next.js Server Actions and Route Handlers, validating inputs with TypeScript schemas. The database layer consists of PostgreSQL with Row-Level Security (RLS) policies, database triggers for streak updates, and scheduled Supabase Edge Functions for daily reset routines.

Architectural Highlight: Rewards are enforced server-side, with PostgreSQL security policies designed to prevent players from manipulating their own progress.

05 / KEY ENGINEERING DECISIONS

Server-authoritative progression: All XP calculations, level thresholds, and streak validations execute strictly in database transactions or server functions to prevent tampering.

Atomic streak transitions: PostgreSQL stored procedures verify submission timestamps against user timezone offsets before awarding streak milestones.

Optimistic UI with rollback: Mission toggle and submission provide instantaneous feedback on client devices while rolling back cleanly if network or verification fails.

Storage optimization: Image proofs are resized and compressed on the client before direct signed upload to Supabase Storage, reducing transfer overhead by over 70%.

06 / CHALLENGES & MITIGATIONS

•Handling timezone anomalies when evaluating consecutive daily mission streaks across global midnight boundaries.

•Preventing concurrent submission race conditions where double-clicking a mission completion button could double-award XP.

•Structuring Row Level Security policies that allow public leaderboard aggregation without exposing private user audit logs.

07 / VERIFIED CAPABILITIES

Daily missions engine with automated publishing schedules

XP, coin economy, and dynamic level scaling algorithm

Continuous streak tracking with freeze and recovery logic

Multi-tier achievements system with custom visual badges

Daily consecutive login rewards with increasing multipliers

Live competitive leaderboards filtered by global and weekly rank

Mission submission workflow with photo-proof upload verification

Dedicated Administrator control plane for mission authoring and player audits

Return to Project Index Inquire About Similar Architecture