Learnflow : An extensive platform for learning and development
Learnflow is a full-stack web application designed to streamline essential academic operations within colleges. Built as part of our Final Year Project, the platform addresses the core needs of students and faculty by integrating four main modules: secure authentication, coding practice, attendance tracking, and performance monitoring. The platform allows students to practice coding in real-time using the Monaco Editor, with backend code execution securely handled through Docker containers—ensuring language isolation and system safety. Teachers can monitor attendance and enter grades through a dedicated dashboard, while students can track their academic performance via interactive visualizations. A hybrid database model was implemented, using PostgreSQL for structured data like attendance and grades, and MongoDB with GridFS for managing code files and unstructured content. The frontend was developed using React.js, Tailwind CSS, and Ant Design, ensuring responsiveness and usability across all devices.This project demonstrates a practical, scalable, and innovative solution for managing academic processes digitally, delivered within a two-month timeline.
Project Details
Year
2025
Duration
2 Months
Tools
The Challenge
The current academic systems lacked a unified, user-friendly, and responsive platform that could seamlessly support key student-faculty interactions such as secure authentication, live coding, real-time attendance tracking, and performance monitoring. A major hurdle was delivering these features within a two-month deadline while ensuring the system's modularity, scalability, and ease of use across devices.
The Solution
We designed and developed Learnflow, a web-based, user-centered platform focused on intra-college management. The system was built with a modular MVP including authentication, coding, attendance, and dashboard modules. Using modern tools like React, Docker, PostgreSQL, and MongoDB, we delivered a secure, responsive interface with features like in-browser code execution using Monaco Editor and Docker containers, automated attendance reporting, and visual dashboards for academic performance—all tailored for both students and faculty across any screen size.
Project Gallery
