REC · Berkas 01 · Web developer · full-stack
MBA Laundry Express
Ringkasnya: Situs profil usaha dan panel admin yang membuat staf bisa memperbarui sendiri seluruh isi website.
Ceritanya
Pemilik usaha butuh wadah online resmi supaya pelanggan gampang cek cabang, harga, dan promo. Masalahnya, setiap kali ada promo baru atau artikel, semuanya harus lewat saya dulu. Jadi saya membangun bukan cuma sisi publiknya, tapi juga panel admin tempat staf bisa mengubah isinya sendiri.
Sisi publik berisi 19 halaman: daftar cabang, daftar harga, promo, kalkulator biaya laundry, artikel blog, karir, dan kemitraan. Di balik login admin ada pengelolaan cabang, promo, blog dengan editor teks, grafik ringkasan aktivitas, serta kotak masuk untuk membalas pesan pelanggan. Semuanya satu aplikasi React 19 dan TypeScript, dengan PocketBase sebagai backend dan Docker di VPS Linux.
- halaman publik
- 19
- dashboard admin
- 1
- jalan di VPS
- 24/7
Cara kerjanya
- 01Pengunjung19 halaman publik
- 02React SPAReact 19 + TypeScript
- 03PocketBaseauth · basis data · berkas
- 04Panel adminkelola konten
- 05Docker di VPSNginx + HTTPS
Isi repo
- /pages/cabang
- /pages/harga
- /pages/promo
- /pages/blog
- /pages/kalkulator
- /pages/karir
- /pages/kemitraan
- /admin/konten
- /admin/blog
- /admin/pesan
- /admin/statistik
- /admin/auth
Teknologi
- React 19
- TypeScript
- Vite
- Tailwind CSS
- PocketBase
- PWA
- Docker
- Nginx
Galeri proyek · 03
