Anjungan

Beranda	Ruang obrolan

Catatan: Data pada tangkapan layar ini hanya data simulasi (dummy) untuk demonstrasi. Tidak ada data asli yang ditampilkan.

Apa ini?

Sebuah antarmuka layar sentuh berbasis web yang membantu siswa mengecek saldo titipan mereka. Sistem ini juga memungkinkan siswa berkomunikasi dengan orang tua.

Ceritanya

Klien menginginkan alat tambahan agar sistem kasir mereka terasa lebih lengkap. Mereka membutuhkan sebuah antarmuka yang ditempatkan di beberapa titik di sekolah, supaya siswa bisa dengan mudah mengecek saldo titipan. Selain itu, mereka juga ingin ada cara bagi siswa untuk berkomunikasi dengan orang tua, karena ponsel tidak diperbolehkan di lingkungan sekolah. Karena saya yang membangun sistem kasirnya, saya juga ditugaskan untuk membuat antarmuka ini.

Apa yang saya buat

• Saya membangun sistem belakang (backend).
• Saya membuat antarmuka.
• Saya mengembangkan API yang terhubung dengan aplikasi seluler orang tua.

Teknologi yang digunakan

• AdonisJS 6
• React 18 (dengan Inertia)
• shadcn/ui
• WebSocket
• MySQL 8

Hal keren yang saya pelajari

Saya belajar banyak hal dari proyek ini, terutama tentang kerangka kerja JavaScript seperti AdonisJS dan komponen antarmuka seperti shadcn/ui.

Bagian yang paling menantang adalah membangun fitur komunikasi waktu nyata. Di situ saya belajar bahwa fitur seperti ini membutuhkan WebSocket, dan Laravel (kerangka kerja yang paling saya kuasai) terasa cukup menyulitkan untuk digunakan dengan WebSocket. Karena itu saya mencari alternatif dan menemukan AdonisJS, yang strukturnya terasa mirip dengan Laravel. Saya juga harus membangun API agar siswa bisa berkomunikasi dengan orang tua melalui aplikasi seluler sekolah. Proyek ini membantu saya memahami JavaScript mutakhir lebih dalam, dan pengalaman ini membuat saya merasa jauh lebih berkembang.