Inspiration
Healthcare education has become increasingly complex, requiring hands-on training, continuous assessments, and skill validation. We were inspired to create MedVerse—a comprehensive learning platform for medical professionals—to bridge the gap between theoretical knowledge and practical application. With growing demand for personalized learning, progress tracking, and certification management, MedVerse empowers learners to advance their skills while enabling instructors to monitor performance effectively.
What it does
MedVerse is a medical education platform that provides: Course Management: Offers structured courses with interactive lessons, quizzes, and assessments.
Progress Tracking: Tracks learning progress, quiz scores, and daily login streaks to encourage consistent learning habits.
Certifications: Generates downloadable certificates with QR codes for verification.
Dynamic Content Delivery: Allows learners to navigate through stages, lessons, and quizzes dynamically based on performance.
Real-time Analytics: Provides performance insights based on assessments and quizzes to measure learning outcomes.
How we built it
Frontend: Next.js (React Framework): For building a scalable, SSR-enabled user interface.
Tailwind CSS: For responsive design and rapid UI development.
Axios: For secure API communication with backend services.
Backend: Node.js with Next.js API Routes: For handling server-side logic and database interactions.
MongoDB with Mongoose: As the database to store users, courses, enrollments, and quiz data.
JWT Authentication: For token-based security and session handling.
APIs: Developed RESTful APIs for courses, enrollments, user authentication, and analytics.
Implemented dynamic routing and middleware for API protection.
Dev Tools: Postman: For API testing.
Vercel: For deployment and hosting.
GitHub: For version control and collaboration.
Challenges we ran into
Dynamic Data Loading: Ensuring seamless population of quizzes, lessons, and progress tracking based on user interactions.
Weighted Quiz Grading: Calculating scores with weighted averages for quizzes (25%) and assessments (75%) required fine-tuning formulas and debugging edge cases.
Environment Variables in Production: Handling environment variables securely during deployment in Vercel was a learning curve, especially for API configurations.
PDF Certificate Generation: Ensuring certificates were downloadable with proper formatting and QR codes required integrating html2canvas and jsPDF efficiently.
Progress Tracking Logic: Managing lesson and quiz completion states dynamically while accounting for real-time updates.
Accomplishments that we're proud of
Using single codebase for implementing API and Backend Features as well as handling Frontend, thanks to NextJS framework.
Successfully implemented weighted quiz grading logic to handle diverse assessments dynamically.
Integrated progress tracking and daily login streaks, enhancing user engagement.
What we learned
The importance of environment variable management during deployment for seamless API communication.
Advanced MongoDB aggregation pipelines for calculating enrollment counts and user progress dynamically.
Implementing secure authentication workflows and middleware for protecting routes.
Using Axios interceptors to handle token injection and error handling for secure API requests.
What's next for MedVerse
Gamified Learning: Introduce badges and leaderboards to make learning more engaging.
AI-Powered Recommendations: Use AI to suggest courses and quizzes based on performance.
Peer Collaboration: Enable group discussions and peer reviews to foster collaborative learning.
Live Classes and Webinars: Add support for live sessions with real-time Q&A.
Mobile App Version: Extend functionality to mobile platforms for better accessibility.
Log in or sign up for Devpost to join the conversation.