Portfolio Showcase

Real Projects,Production-Level Case Studies

Explore completed projects, architecture breakdowns, metrics, and live links in one curated showcase.

Total Projects

7

Live Projects

6

Categories

7

Tech Used

31

Featured Project

dicodingschool preview

dicodingschool

Full-stack coding education platform with live practice, quizzes, and structured learning paths.

dicodingschool is a coding learning platform inspired by modern educational websites, designed to help users learn programming through courses, lessons, quizzes, and hands-on coding directly in the browser.

Next.jsReactTypeScriptMongoDBTailwind CSSMonaco Editor

Editor

Monaco

Auth

JWT + Cookies

Learning

Courses + Quizzes

Access

RBAC

Live DemoView Case Study

Quick Snapshot

  • Category: Coding Learning
  • Slug: dicodingschool
  • Tech Count: 6

Top Highlights

  • Secure JWT authentication with HTTP-only cookies
  • Integrated Monaco code editor for in-browser coding practice
  • Structured courses, lessons, and quizzes
ClinixAI preview

ClinixAI

Healthcare Platform

#1

HIPAA-compliant patient management system with AI-driven diagnostics.

A production healthcare platform built for secure patient workflows, real-time data access, and low-latency diagnostics at scale.

Architecture: Full Stack Case Study

Tech Stack

ReactNode.jsMongoDBRedisDocker

Key Highlights

  • HIPAA-compliant patient record workflows
  • AI-assisted diagnostics and care support
  • Real-time updates for clinical coordination

Latency

< 200ms

Users

10k+ DAU

Uptime

99.99%

Compliance

HIPAA

View DetailsLive Demo
SchoolCentral preview

SchoolCentral

EdTech SaaS

#2

Multi-tenant school management ERP handling scheduling, grading, and payments.

A multi-tenant education ERP for schools that combines academic operations, payments, and role-based workflows in one platform.

Architecture: Full Stack Case Study

Tech Stack

Next.jsGoPostgreSQLStripeTerraform

Key Highlights

  • Multi-tenant architecture for schools
  • Payments and billing workflows
  • Scheduling, grading, and class management

Tenants

50+ Schools

Transacted

$2M+

Query Time

45ms Avg

Migrations

Zero Data Loss

View DetailsLive Demo
Soundbook preview

Soundbook

Media Streaming

#3

High-fidelity audio streaming platform with global content delivery network.

A globally distributed media platform focused on high-quality streaming, low startup latency, and efficient edge delivery.

Architecture: Full Stack Case Study

Tech Stack

Vue.jsPythonDynamoDBAWS LambdaCloudFront

Key Highlights

  • Adaptive bitrate streaming
  • Global edge delivery through CDN
  • Serverless media processing pipeline

TTFB

< 1s

Concurrent

50k+

Storage

PB Scale

Cost

-40% vs Legacy

View Details
ScanToOwner preview

ScanToOwner

QR-based Platform

#5

Privacy-first QR platform that lets people contact vehicle owners instantly without exposing personal phone numbers.

ScanToOwner is a complete end-to-end communication platform with web app, mobile app, admin dashboard, and scalable backend that enables secure, real-time contact with vehicle owners through QR scans.

Architecture: Full Stack Case Study

Tech Stack

Go (Golang)Chi RouterPostgreSQLRedisReact + ViteReact Native (Expo)JWTFirebase Cloud MessagingS3 / MinIODockerNginx

Key Highlights

  • QR-based contact flow: scan, select message, send, notify
  • Anonymous communication without exposing owner phone numbers
  • Real-time owner notifications on scan and message events

Contact

QR Instant Flow

Privacy

No Number Exposure

Auth

JWT Secured

Platform

Web + Mobile + Admin

View DetailsLive Demo
Prime Partner Studio preview

Prime Partner Studio

Marketing Platform

#6

Modern platform website connecting advertisers and affiliates to scale campaigns and maximize performance ROI.

Prime Partner Studio is a marketing platform website built to connect advertisers and affiliates through a clear product structure, industry-focused solutions, and a smooth onboarding flow for growth partnerships.

Architecture: Full Stack Case Study

Tech Stack

HTMLCSSJavaScriptResponsive UI Design

Key Highlights

  • Modern responsive marketing platform website
  • Structured pages for advertisers, affiliates, and industries
  • Product showcase for tools, automation, and fraud prevention

Type

Platform Website

Focus

Performance Marketing

Design

Responsive UI

Audience

Advertisers + Affiliates

View DetailsLive Demo
Dana Al Kuwait preview

Dana Al Kuwait

E-commerce Perfume Store

#7

Online perfume store for Kuwait customers to browse branded fragrances and purchase through a smooth checkout flow.

Dana Al Kuwait is an e-commerce perfume website designed to showcase international fragrance brands in an organized catalog, helping customers discover products quickly and complete secure online purchases.

Architecture: Full Stack Case Study

Tech Stack

HTMLCSSJavaScriptResponsive UI DesignE-commerce Website Structure

Key Highlights

  • Modern e-commerce perfume storefront
  • Organized product catalog with branded fragrances
  • Detailed product pages with pricing and product information

Type

Perfume E-commerce

Catalog

Branded Fragrances

Checkout

Online Purchase Flow

UX

Responsive Storefront

View DetailsLive Demo

How to Add New Complete Projects

The projects list is rendered from lib/portfolioProjects.ts. Add a new object in that file and this page will auto-update.

Sample structure:

{
  id: 8,
  slug: "my-project",
  title: "My Complete Project",
  category: "Web App",
  oneLineDesc: "One line pitch",
  summary: "Short project summary...",
  tech: ["Next.js", "TypeScript"],
  features: ["Feature one", "Feature two"],
  architecture: { frontend: "...", backend: "...", database: "...", deployment: "..." },
  details: { problem: "...", solution: "...", challenge: "...", impact: "..." },
  metrics: { Users: "10k+", Uptime: "99.9%" },
  liveUrl: "https://...",
  githubUrl: "https://..."
}