Web Development🏢 SMKN 51 Jakarta Timur
SMK Digital Learning Platform (TutorLMS)
Full-featured learning management system for vocational schools with multi-role support (Admin/Teacher/Student), materials management, assignment workflow, quiz system, gradebook, and responsive mobile-first design currently deployed at smk.hanifmufid.com.
Project Overview
🎯
Objective
Create comprehensive digital learning platform specifically designed for vocational schools with teacher material management and student progress tracking
💼
My Role
Full-stack developer - architected backend API, React frontend, database design, and production deployment
⏱️
Timeline
3 months
🛠️
Tech Stack
Node.js, Express, React
📈
Key Results
- ✓Complete LMS features: Multi-role auth, academic structure (classes/subjects/enrollments), materials (PDF/video/links), assignments (submit/grade), quizzes (auto-grading)
- ✓Gradebook & progress tracking with announcements system and responsive mobile-first UI
- ✓Security: Role-based access control, DRAFT content protection, JWT authentication
- ✓Production: Live at https://smk.hanifmufid.com with PM2, Nginx reverse proxy, PostgreSQL database
Impact
99% completion (Phase 8/9)
Value
Production deployment live
📸
Visual Documentation
Screenshot 1
Screenshot 2
Screenshot 3
💬
Client Testimonial
“
This LMS platform exceeded our expectations. The interface is intuitive, the features are comprehensive, and the mobile experience is excellent. Our teachers love the gradebook system.
S
SMK Administrator
Educational Technology Coordinator
🔗Project Links
GitHub RepositoryPrivate
🚀Live WebsiteTools & Technologies
Node.jsExpressReactTypeScriptPrismaPostgreSQLPM2Nginx