SmartProf logo

SmartProf

Enterprise learning management system for corporate training and professional development

8 months
2 developers
Frontend Developer

Technology Stack

NxNextJsTailwindNestJsNodeJsTypeORMGraphQLApollo

Project Screenshots

SmartProf screenshot 1
SmartProf screenshot 2
SmartProf screenshot 3

Project Overview

SmartProf is a comprehensive learning management system designed specifically for corporate training and professional development. As the lead frontend developer, I architected and implemented a scalable platform that serves thousands of learners across multiple companies in Morocco and beyond. The platform features interactive course creation tools, advanced progress tracking, certification management, and detailed analytics dashboards. I was responsible for designing the entire user experience, from the intuitive course navigation to the responsive design that works seamlessly across all devices. The system handles complex learning workflows including video-based courses, interactive quizzes, assignments, and collaborative learning features. Built with a modern tech stack using Nx monorepo architecture, it ensures maintainability and scalability for future growth.

My Key Contributions

Implemented responsive UI with Tailwind CSS for optimal mobile and desktop experience

Created real-time notification system using GraphQL subscriptions for course updates

Optimized performance achieving 95+ Lighthouse scores across all metrics

Integrated with backend APIs using Apollo GraphQL client with intelligent caching

Implemented role-based access control for students, instructors, and administrators

Built comprehensive dashboard with data visualization for users management and analytics

Implement courses page with real-time tracking and rewarding system

Challenges & Solutions

Challenge: Optimizing video streaming

Challenge: Implementing multi-language across the whole platform

Challenge: Managing complex state across multiple learning modules and user sessions

Challenge: Ensuring real-time synchronization of learning progress between employees of the same organization

Challenge: Ensuring full customization with organization logo and colors

Project Outcomes & Impact

Result: Improved user engagement by 40% with interactive features and gamification

Result: Reduced page load times by 60% through performance optimizations and lazy loading

Result: Achieved 99.9% uptime during peak usage periods with 1000+ concurrent users

Result: Successfully onboarded 50+ corporate clients including major Moroccan companies

Result: Increased course completion rates by 35% through improved UX design

Interested in this project?

I'd love to discuss the technical details, challenges, and lessons learned from this project.