← Back to Portfolio

StudyQ

TechnologiesFigma, Flutter, Next.js, React, Postgres, Supabase, Firebase, Nest.js, DigitalOcean
Live ProjectVisit Website

Architecture at a Glance

%%{init: {'theme': 'default', 'themeVariables': { 'background': '#ffffff', 'canvasBackground': '#ffffff', 'primaryColor': '#fff' }}}%%
flowchart TD
    subgraph Frontend [Client Layer]
        Figma[Design System]
        Flutter[Flutter App]
        Nextjs[Next.js Web Portal]
    end

    subgraph Backend [Core Services]
        Nestjs[Nest.js API]
        Supabase[Supabase Auth & DB]
        Firebase[Firebase Services]
    end

    subgraph Data [Persistence & Ops]
        Postgres[(Postgres DB)]
        DO[DigitalOcean Hosting]
    end

    Figma --> Flutter
    Figma --> Nextjs
    Flutter --> Nestjs
    Nextjs --> Nestjs
    Nestjs --> Supabase
    Nestjs --> Firebase
    Nestjs --> Postgres
    Nestjs --> DO
    Supabase --> Postgres

The Problem

Traditional exam preparation tools are often fragmented, offering static interfaces that fail to bridge the gap between content creators and learners effectively.

The Solution

We engineered a robust, decoupled ecosystem that synchronizes expert-curated content with a bespoke, lightweight UI. By separating financial truth from content access, we ensured seamless, high-performance interactions across all student touchpoints.

The Impact

A refined learning environment where fluid micro-interactions and intelligent state management empower users to focus exclusively on concept mastery, rather than navigating technical friction.

Gallery
Project Gallery Image