Project Overview
TEDUH adalah portal komunitas (informasi & event) yang membantu mengorganisir kegiatan, relawan, dan konten edukasi lokal dengan antarmuka publik dan halaman admin ringan.
Dampak & Skala Implementasi:
Saya mengimplementasikan event listing yang dapat difilter (kategori, tanggal), halaman detail event dengan form pendaftaran responsif, sistem notifikasi UI (toasts) untuk konfirmasi pendaftaran, dan gallery media. Teknis termasuk optimasi gambar (responsive srcset), lazy-loading, form validation, dan penggunaan component library untuk konsistensi tampilan. Fokus saya memastikan pengalaman mobile-first untuk pengguna lapangan dan relawan.
Problem
Komunitas sulit menyebarkan informasi acara dan mengelola pendaftaran secara terpusat; banyak peserta melewatkan informasi karena halaman tidak mobile-friendly.
Goal
Menyediakan portal acara yang mudah diakses dari ponsel, membuat proses pendaftaran cepat, dan memberi admin kontrol sederhana untuk mempublikasikan event.
Solution
Membangun halaman event responsif dengan filter/kategori, form pendaftaran yang sederhana namun valid, dan optimasi performa front-end sehingga pengalaman pengguna tetap cepat di jaringan mobile.
Tech Stack
- Next.js — routing & performance
- Ant Design — UI components
- Bootstrap 5 — responsive grid
Key Features
- Event listing & filtering
- Responsive registration form
- Media gallery with lazy-loading
- Admin publish workflow (basic)
Architecture
Public-facing pages teroptimasi untuk mobile-first; admin module dibangun modular sehingga bisa diperluas ke fitur manajemen pendaftar.