Rizki PratamaPortfolio ©2026
Loading experience
RPrizki.pratama
Based in South Jakarta6+ years in frontendHover the name · Click · Scroll

> Frontend Developer

Building and scaling web applications — from company profiles to national-scale platforms for LMS, ERP and HRIS. TypeScript, React, Next.js.

Scroll to explore

(01) — About

Portrait of Rizki Pratama
Rizki PratamaFrontend DeveloperJKT

Ibuildfrontendsthatscale—fromcompanyprofilestonationalplatformsservingmillions.Cleanarchitecture,fastpages,andinterfacespeopleactuallyenjoyusing.

Years building for the web
6+
Users on a national platform
3M+
Core LMS features shipped
16
Top Sprinter at CIMB Niaga
#1
GPA, Informatics Engineering
3.82

(02) — Experience

Where I've
shipped code

7 roles across government, banking, education and product companies. Tap a row to open it.

  1. Technology and creative solutions company. Placed on a national-scale education mapping and monitoring platform.

    • React
    • TypeScript
    • Data viz
    • Mapping
    • Key role on a national education monitoring platform serving 3M+ users across Indonesia.
    • Defined frontend architecture, boilerplate, coding standards and development patterns.
    • Built interactive mapping, monitoring dashboards, filtering and large-scale data views.
    • Optimized rendering, data fetching, caching and state management for heavy data loads.

(03) — Selected work

Things I've built

  • 012026Enterprise

    Mapping & monitoring platform for Kemendikdasmen serving 3M+ users nationwide.

    • React
    • TypeScript
  • 022025Enterprise

    ERP applications for Universitas Terbuka built on a new standard boilerplate.

    • React Vite
    • MUI
    • React Query
  • 032024Enterprise

    Human resource information system inside a large-scale banking environment.

    • React
    • Design System
  • 042024Web

    Company profile website with a focus on SEO and SEM.

    • Next.js 14
    • Tailwind
    • TanStack Query
  • 052024Web

    Highly animated game landing page, balanced with performance best practices.

    • Next.js 14
    • Tailwind
  • 062024Enterprise

    Learning management system for companies.

    • NX Monorepo
    • Atomic Design
    • Next.js 13
    • Recoil
  • 072023Enterprise

    Full rebuild of a learning platform on a modern monorepo architecture.

    • Monorepo
    • Next.js 13
    • Recoil
  • 082023Enterprise

    Web-based scoring of a person's identity, capacity and capabilities.

    • React Vite
    • Redux Toolkit
  • 092023Web

    Similarity checking application.

    • Next.js 13
    • Tailwind
    • Prisma
  • 102023Web

    Coffee shop landing page.

    • Next.js 14
    • Tailwind
  • 112023Web

    Website redesign requested by the client.

    • Next.js 14
    • Tailwind
    • Recoil
  • 122023Web

    Website redesign requested by the client.

    • Next.js 14
    • Tailwind
    • Recoil
  • 132022Enterprise

    Web-based learning management system.

    • React
    • Bootstrap
    • Redux Toolkit
  • 142022Clone

    Netflix-style streaming UI clone.

    • React
    • SCSS
  • 152022Academic

    Web-based food and beverage ordering application.

    • Laravel
    • Bootstrap
  • 162021Academic

    Laundry ordering application with a shuttle system.

    • CodeIgniter 4
    • Bootstrap

(04) — Toolkit

The stack

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • TanStack Query
  • Monorepo
  • Atomic Design
  • Redux Toolkit
  • Performance
  • SEO
  • Clean Code
  • Mentoring
  • Data Viz
  • Design Systems
  • Recoil
  • Vite
  • Claude
Drag & throw the logos
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • PHP
  • React
  • React Vite
  • Next.js
  • Tailwind CSS
  • Bootstrap
  • Material UI
  • Redux Toolkit
  • TanStack Query
  • Recoil
  • REST APIs
  • Monorepo
  • Atomic Design
  • Git
  • CI/CD
  • VSCode
  • Postman
  • Vercel
  • Figma
  • Claude

(05) — Education & recognition

Foundations

Tap a card to flip it for the details.

(06) — Contact

Let's build
something
that scales.

Send a message

replies within 24h