Back to Portfolio
Fullstack Developer

Perangkat Pembelajaran SMPN 27 Jakarta
2023A learning management platform for SMPN 27 Jakarta that helps teachers create, organize, and distribute educational materials while enabling students to access resources and track their learning progress.
Visit Live SiteMy Contributions
- Designed and built the complete application architecture from scratch
- Implemented teacher dashboard for creating and managing learning materials
- Implemented authorization system with Firebase Authentication for role-based access control for teachers
- Implemented Firestore database schema for educational content storage
- Implemented responsive design for both desktop and mobile users with Tailwind CSS
- Built preview documment feature for teachers to preview the learning materials before publishing such as pdf, ppt, docx, and video
- Deployed and configured the application on Vercel with Firebase integration
Challenges
- 1Designing a database schema in Firestore that supports flexible content types
- 2Building an intuitive content editor for teachers with limited technical background
- 3Ensuring the application works well on low-end devices commonly used by students
- 4Previewing various document formats in the browser without requiring downloads, using libraries like PDF.js for PDFs and custom solutions for PPTX and DOCX files
Technology Stack
Next.js
Full-stack framework for both the teacher dashboard and student portal
Tailwind CSS
Styling framework for responsive design that works across desktop and mobile
Firebase
Backend services including Authentication, Firestore database, and Cloud Storage