GitHub ↗

PROJECT / Fullstack

Platform E-Learning Interaktif dengan Code Compiler & Payment Gateway

Membangun platform e-learning modern secara kolaboratif tim, mencakup pengembangan sejumlah halaman frontend yang terintegrasi dengan API, serta pengembangan backend untuk modul sertifikat, kursus, kategori, kelas, dan bahasa interpreter.

ROLE

Fullstack Developer (Frontend & Backend)

CLIENT / RELATED ENTITY

Proyek Kolaboratif Tim ↗

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

01 / 05

PROJECT OVERVIEW

Geser (swipe) atau klik navigasi untuk melihat dokumentasi layar lainnya.

PROJECT STORY

Contribution & impact

What I owned throughout delivery and what changed after the platform was introduced.

My Contribution

  • 01

    Fullstack Developer — Frontend: Membangun beberapa halaman yang terhubung langsung ke API (fetch data real-time). Backend: Mengembangkan dan mengelola modul Sertifikat, Kursus, Kategori, Kelas, dan Bahasa Interpreter termasuk desain schema Prisma dan ekspor endpoint-nya.

  • 02

    Mengintegrasikan sistem dengan praktik terbaik dalam fullstack development, memastikan skalabilitas dan performa yang optimal.

  • 03

    Terlibat secara proaktif dalam diskusi teknis, evaluasi kebutuhan operasional, serta pengujian sistem menyeluruh sebelum perilisan (UAT).

IMPACT

Fitur Code Compiler interaktif langsung di browser untuk menjalankan kode JavaScript & Python tanpa instalasi tambahan.

  • Fitur Code Compiler interaktif langsung di browser untuk menjalankan kode JavaScript & Python tanpa instalasi tambahan.
  • Sistem sertifikat digital otomatis diterbitkan saat pengguna berhasil menyelesaikan kelas.
  • Integrasi Midtrans Payment Gateway (Virtual Account, QRIS) untuk pembelian kelas premium.
  • Sistem multi-role (Siswa, Instruktur, Admin) dengan dashboard manajemen yang terpisah dan aman.

TECHNOLOGY

Core tools used to deliver the platform.

React 18ViteRedux ToolkitTailwind CSSDaisyUICodeMirrorReact Router DOMNode.jsTypeScriptExpress.jsPrisma ORMPostgreSQLFirebase AuthMidtransImageKit