Medical Students Questions Bank SaaS

Role : I was the Lead Full stack developer that created this SaaS in 2 months

Project goal : Mlearn, a cutting-edge Software as a Service (SaaS) platform based in Morocco, is transforming medical education for students. Specifically tailored for Med Students in Moroccan faculties, Mlearn offers subscription plans per semester. The highlight of this platform is the Question Bank (qBank), meticulously organized into modules and further categorized into exam-based and chapter-based questions. This innovative solution empowers students with access to official questions from their faculties, facilitating comprehensive study sessions.

User-Centric Views: Creating multiple views to cater to various user needs was a pivotal challenge. From a welcoming 'home page' for new users to dedicated pages for students, featuring modules, questions, settings, and discussion rooms akin to Discord. Admin dashboards, question submission pages, user management, bug tracking, and staff notification pages were essential components.

Dynamic Question Display and Interaction: Ensuring a dynamic system where questions are presented dynamically, allowing users to choose, submit, and later review their answers. Implementing a correction mechanism with statistical insights into other students' responses. In addition, a comment section with a notification system for liked comments and a robust bug reporting system were integral features.

Secure Authentication System: Recognizing the unique challenges in Morocco, where local payment solutions are prevalent, we needed to establish a secure authentication system. Since Stripe is not available, we had to devise a local payment management solution.

Responsive Design: Designing a dynamic and responsive user interface that seamlessly adapts to tablets, laptops, and phones, acknowledging the diverse devices students use for their studies.

Security Measures: Implementing stringent security measures to safeguard user data and ensure the integrity of the platform, considering the sensitive nature of medical education information.

Data Entry and Speed Optimization: Developing a streamlined process for entering and managing question data, coupled with a robust routine system using React Router library. This system allows personalized data display for each user based on their faculty, maintaining data integrity and limiting access to specific routes.

Account Security Measures: Addressing the need for a secure authentication system that prevents account sharing. If detected, an automatic logout mechanism notifies the system and logs out the user, ensuring account integrity and system security.

The Mlearn project presented a unique set of challenges, from diverse user views and dynamic question interaction to secure authentication and responsive design. The result is a sophisticated SaaS platform tailored to the specific needs of Med Students in Morocco, revolutionizing how they approach and engage with their medical studies.

For Mlearn, our focus was on delivering a top-notch SaaS .Specializing in MVPs and rapid delivery, we harnessed the power of React, Firebase, and Material-UI (MUI) to create a seamless learning experience.

1. User-Centric Views:Leveraging React's component-based architecture, we crafted diverse views to cater to each user's needs. From the inviting home page for new users to dedicated sections for students, admins, and staff, our solution provides an intuitive and tailored user experience. Utilizing MUI's responsive design elements, we ensured compatibility with various devices.

2. Dynamic Question Display and Interaction:Using React's dynamic rendering capabilities, questions are presented dynamically, allowing students to interact fluidly. The submission and correction process is streamlined through Firebase, providing real-time updates. MUI components enhance the user interface, offering an engaging and user-friendly platform for students.

3. Secure Authentication System:Understanding the local nuances of payment systems in Morocco, our secure authentication system is Firebase-backed. Firebase Authentication ensures robust user identity management, seamlessly integrating with local payment solutions to meet the unique needs of the Moroccan context.

4. Responsive Design:The responsive design, powered by MUI, ensures a consistent and appealing user interface across tablets, laptops, and phones. This flexibility aligns with the diverse devices students use for their studies, enhancing accessibility and user satisfaction.

5. Security Measures:Firebase's security features provide a solid foundation for safeguarding user data. The sensitive nature of medical education information is addressed through robust encryption and access controls, ensuring the integrity and confidentiality of the platform.

6. Data Entry and Speed Optimization:React Router's dynamic routing coupled with Firebase's real-time database capabilities facilitates a streamlined data entry process. The routine system ensures personalized data display for each user based on their faculty, enhancing data integrity and user-specific experiences.

7. Account Security Measures:To prevent account sharing, Firebase Authentication is configured to detect and respond to unauthorized access. An automatic logout mechanism and notifications are implemented to maintain account integrity and system security.

This solution is a testament to our commitment to MVP development and fast delivery. By combining the strengths of React, Firebase, and MUI, Mlearn stands as a sophisticated and efficient SaaS platform, revolutionizing medical education in Morocco