The Archive

Digital
Architecture.

A curated collection of scalable web applications, system designs, and user-centric interfaces. Built with precision, engineered for performance.

Scroll to Explore
Case Studies

Selected
Masterpieces.

[ Project Preview Image ]RTM Class.ai
01Hackathon / EdTech Platform

RTM Class.ai

A modern classroom workflow platform created for the INFEST 2026 hackathon. RTM Class.ai brings class management, assignments, forums, learning materials, blogs, and AI-assisted content generation into one streamlined learning experience.

Core Technologies
Next.jsTypeScriptTailwind CSSAI Integration
End-to-End Classroom WorkflowsKey Impact
[ Project Preview Image ]Tax Center Gunadarma
02Institutional Website

Tax Center Gunadarma

An official profile and information website for Tax Center Universitas Gunadarma. I handled the frontend implementation, translating Figma designs into responsive Next.js layouts and integrating existing APIs for programs, services, tax education, news, and gallery content.

Core Technologies
Next.jsTypeScriptTailwind CSSAPI FetchingFigma
Frontend ImplementationKey Impact
[ Project Preview Image ]GunaSmash
03Sports Management Ecosystem

GunaSmash

A premium badminton community platform featuring automated attendance tracking, integrated membership management, and a content management system for club announcements and blogs.

Core Technologies
Next.js 15Express.jsMongoDBPrisma
End-to-End AutomationKey Impact
[ Project Preview Image ]SmartBank AI
04Fintech SaaS

SmartBank AI

An enterprise predictive lead scoring platform for banking. It processes customer data using Machine Learning models to identify high-value prospects, reducing customer acquisition costs by 40%.

Core Technologies
Next.js 16Python MLMongoTailwind
97.53% AUC ScoreKey Impact
[ Project Preview Image ]GunaKarir
05EdTech Platform

GunaKarir

A comprehensive career development ecosystem for Gunadarma students. Features include AI-driven resume reviews, job matching algorithms, and peer-to-peer mentorship booking systems.

Core Technologies
NestJSReactOpenAI APIMongo
500+ Active UsersKey Impact
[ Project Preview Image ]Brevet Tax Center
06Enterprise System

Brevet Tax Center

The official digitalization of Gunadarma's Tax Brevet certification. Handles student registration, payment verification, exam scheduling, and certificate generation automated workflows.

Core Technologies
Next.jsGoPostgreSQLDocker
Automated WorkflowKey Impact
Methodology

From Concept to Deployment.

01

Blueprint & Design

Translating requirements into Figma mockups and database schemas. Every pixel and relation is planned before code.

02

System Foundation

Setting up the architecture. Choosing the right tech stack (Next.js/NestJS), configuring CI/CD, and initializing repositories.

03

Core Construction

The heavy lifting. Writing clean, type-safe code. Integrating APIs, connecting databases, and ensuring component reusability.

04

Quality & Launch

Rigorous testing, performance optimization, and deployment to edge networks (Vercel/AWS). Monitoring for stability.

TALK

Have an Idea?
Let's engineer it into reality.