Bimbel YS — Full-Stack Web Application & CMS
← All Projects

Bimbel YS — Full-Stack Web Application & CMS

Company profile & CMS production untuk bimbingan belajar di Dharmasraya (5 programs, 17 packages, 2 locations, 11 DB tables). Live di bimbelys.me.

Next.jsReactTailwind CSSPostgreSQLPrismaZodTypeScriptVitestPlaywrightAzure Blob Storage

Bimbel YS adalah full-stack web application production yang menggabungkan public website dengan authenticated CMS untuk bisnis bimbingan belajar nyata di Dharmasraya.\n\nPeran: Full-Stack Web Developer end-to-end — Level 1 production scope yang sengaja dibatasi agar berguna hari ini tanpa memaksa kompleksitas learning-platform, multi-tenant, atau AI.\n\nPublic website: program, paket harga, profil tutor, prestasi siswa, profil perusahaan, lokasi & CTA kontak langsung. Admin CMS: manajemen terotentikasi untuk program, package, tutor (+ education/experience), achievement, company & contact.\n\nArsitektur: Modular monolith Next.js 16 + React 19 + TypeScript + Tailwind CSS 4, backend Route -> Service -> Repository -> Prisma 7.10 -> PostgreSQL 18.6, validasi Zod, pengujian Vitest & Playwright, upload server-controlled ke Azure Blob Storage (JPEG/PNG/WebP, max 5MB), keamanan Argon2id + opaque database sessions + HttpOnly/Secure/SameSite cookies + ADMIN authorization + rate limiting + same-origin mutation protection, serta SEO teknis/terstruktur + local SEO + Google Business Profile & Search Console (44 URL tersubmits).\n\nLive: https://bimbelys.me

Bimbel YS — CMS