SYS // LOG_SYNC

2026-08-16

SYS // SYSTEM_TIME

2026-08-16

SYS // SUBJECT_ID

NAME:
Nandana Ammar Triabimanyu
CALLSIGN:
21-01
ROLE:
Front-End Developer
UID:
0xNA2101
AFFILIATION:
Computer Science @State University of Jakarta

SYS // GEOLOCATION

RADAR_ACTIVE
Map of Jakarta
LOCATION:
JAKARTA, INDONESIA
COORDINATES:
06°11'41.07"S, 106°52'41.33"E

SYS // REPO_SYNC

LIVE_SYNC
REPOS:

17

COMMITS:

198

STREAK:

7D

ACTIVITY_MATRIX16_WEEKS
01 // ABOUT
SECTION_LOADED

MEM_ADDR: 0x01_BIO

Hello! I am Nandana Ammar Triabimanyu, a Front-End Developer and Computer Science student based in Jakarta, Indonesia.

I specialize in engineering immersive, highly performant web applications that seamlessly bridge technical system architecture with striking visual identity. My work centers on creating rich, reactive user experiences using modern frontend technologies, rigorous component design systems, and fluid motion design.

Whether building retro-futuristic CRT terminal interfaces or production-grade design systems, I prioritize precision, responsiveness, and performance at every layer of the stack.

MEM_ADDR: 0x02_SPECIALIZATIONS

[3_MODULES]
  • [>]UI/UX Engineering

    Crafting scalable, accessible component architectures & sleek cyberpunk interfaces.

  • [>]Motion & Interaction

    Fluid physics, GSAP choreographies, and hardware-accelerated animations.

  • [>]Modern Web Systems

    High-performance React 19, React Router, Vite, and CSS-first Tailwind v4 tokens.

02 // EDUCATION
SECTION_LOADED

MEM_ADDR: 0x01_INSTITUTION_ID

CANDIDATE
INSTITUTION:
State University of Jakarta (UNJ)
FACULTY / DEPT:
Mathematics & Natural Sciences // CS Dept
DEGREE_PROGRAM:
Bachelor of Computer Science (S.Kom)
ACADEMIC_TIMELINE:
2021 – Present (Expected 2025)

MEM_ADDR: 0x02_ACADEMIC_LOG

[4_PHASES]
[PHASE_01]Computer Science Foundations & Mathematics
2021 – 2022CLEARED

Core computing theory, mathematical modeling, data structures, algorithm analysis, and discrete systems.

KEY_MODULES:Data Structures & AlgorithmsDiscrete MathematicsObject-Oriented ProgrammingLinear Algebra
[PHASE_02]Systems Engineering & Web Architecture
2022 – 2023CLEARED

Relational database design, Unix operating system fundamentals, computer networking protocols, and modern web application development.

KEY_MODULES:Database Systems (SQL)Computer NetworksOperating SystemsWeb Programming
[PHASE_03]Advanced Frontend & Interaction Design
2023 – 2024CLEARED

Frontend architecture, component-driven design systems, human-computer interaction (HCI), and reactive state modeling.

KEY_MODULES:Software EngineeringHuman-Computer InteractionUI/UX EngineeringMobile Application Dev
[PHASE_04]Undergraduate Capstone & Research
2024 – PRESENTIN_PROGRESS

Final thesis research, advanced web performance optimization, modern UI framework engineering, and capstone deployment.

KEY_MODULES:Undergraduate ThesisAdvanced Web SystemsSystem Testing & QA

MEM_ADDR: 0x03_CERTIFICATIONS

4_VERIFIED
[CERT_01] // Meta / Coursera2024

Meta Front-End Developer Professional Certificate

ReactJavaScriptUI/UX DesignVersion Control
[CERT_02] // Dicoding Indonesia2024

Menjadi Front-End Web Developer Expert

PWAWeb PerformanceClean ArchitectureTesting
[CERT_03] // freeCodeCamp2023

Responsive Web Design & Algorithms

CSS3 / Flex & GridES6+ AlgorithmsAccessibility (a11y)
[CERT_04] // HarvardX / edX2023

CS50x: Introduction to Computer Science

CPythonSQL & Relational DBsMemory & Data Structures
03 // SKILLS
SECTION_LOADED

MEM_ADDR: 0x01_FRONTEND

CORE_STACK

Front-End Engineering

Component architectures & type-safe web systems.

  • [>]React 19 concurrent patterns & SSR
  • [>]Framework Mode routing & Vite pipelines
  • [>]Tailwind v4 design tokens & atomic styling
TECH_STACK:
React 19React Router v8TypeScriptTailwind v4Next.jsVite

MEM_ADDR: 0x02_UIUX_MOTION

INTERACTION

UI/UX & Motion Design

Cyberpunk interfaces & fluid interaction physics.

  • [>]GSAP timeline choreographies & ScrollTrigger
  • [>]Lenis inertial scroll & CRT canvas shaders
  • [>]Accessible Figma design system foundations
TECH_STACK:
GSAP CoreScrollTriggerLenis ScrollFigma DSCanvas ShadersWCAG AA

MEM_ADDR: 0x03_AGENTIC_DEV

AI_SYSTEMS

Agentic Coding & AI

AI-assisted engineering & autonomous agent workflows.

  • [>]Antigravity IDE & custom subagent orchestration
  • [>]Model Context Protocol (MCP) integrations
  • [>]Deterministic agent skills & codebase rules
TECH_STACK:
Antigravity IDEMCP ServersAgent SkillsSubagentsPrompt Workflows

MEM_ADDR: 0x04_DEV_TOOLS

DEV_ENV

Developer Tools & Workflow

Developer environment, build chains & API testing.

  • [>]Git branching & CI/CD workflow automation
  • [>]PowerShell scripting & Unix shell pipelines
  • [>]REST API debugging & Postman testing
TECH_STACK:
Git / GitHubPowerShellVite / RollupPostmanVS CodeVercel
04 // EXPERIENCE
SECTION_LOADED

MEM_ADDR: 0x01_DEPLOYMENT_LOGS

3_MISSIONS
[MISSION // 01]// 2024 – PRESENT
INTERNSHIPACTIVE

Front-End Developer Intern

Digital Solutions & Tech Agency

  • [>]Engineered performant, responsive React/Next.js interfaces with reusable component architectures.
  • [>]Collaborated with design and backend teams to integrate REST APIs and ensure WCAG AA compliance.
  • [>]Improved web vitals and reduced runtime bundle size through code splitting and asset optimization.
STACK:React 19Next.jsTypeScriptTailwind CSSREST APIsGit
[MISSION // 02]// 2023 – PRESENT
CONTRACTACTIVE

Freelance Web Developer

Independent Engagements / Client Projects

  • [>]Delivered end-to-end bespoke web applications and interactive landing pages for diverse clients.
  • [>]Built fluid physics-based micro-interactions and smooth scroll animations using GSAP and Lenis.
  • [>]Managed project lifecycles from Figma prototyping to production deployment and SEO optimization.
STACK:React Router v8Tailwind v4GSAPViteFigmaVercel
[MISSION // 03]// 2023 – 2024
ACADEMICCOMPLETED

CS Laboratory Teaching Assistant

State University of Jakarta (UNJ)

  • [>]Facilitated lab practicums for 60+ students in Data Structures, Algorithms, and Modern Web Basics.
  • [>]Conducted structured code review sessions and mentored students on debugging and algorithmic complexity.
  • [>]Designed interactive coding exercises and automated grading test scripts.
STACK:Data StructuresAlgorithmsJavaScriptPythonGit