Back to Portfolio
Perangkat Pembelajaran SMPN 27 Jakarta

Perangkat Pembelajaran SMPN 27 Jakarta

2023
Fullstack Developer

A 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.

Location
Jakarta, Indonesia (Remote)
Duration
2023
Team Size
2 members
Visit Live Site

My 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

Next.js

Full-stack framework for both the teacher dashboard and student portal

Tailwind CSS

Tailwind CSS

Styling framework for responsive design that works across desktop and mobile

Firebase

Firebase

Backend services including Authentication, Firestore database, and Cloud Storage