Loading Project Media
(Overview)
Avirtualclassroomplatformwhereteachersandstudentssharelecturematerialsandinteractinrealtime.Insteadofrelyingonstaticfiledownloads,classroomsloaddocumentsdirectlyontosynchronizedcanvaseswithlivepenstrokes,instantpageflips,audiotranscription,andanembeddedAIstudyassistant.
(Architecture)
InstructorsuploadcoursefilesinPPTX,DOCX,orPDFformat.ThebackendspawnsaheadlessLibreOfficeprocesstoconvertpresentationsintostandardizedPDFdocuments,withanin-memorypdf-libgeneratorhandlingplaintextandfallbackscenarios.OutputbuffersaresaveddirectlytoCloudinaryrawstorage.Ontheclient,pdfjs-distrenderspagesontoHTML5canvaseswithoffscreenneighborpre-renderingtokeeptransitionsfluid.Acoordinate-normalizedoverlaycanvascapturesdrawingstrokes,highlighters,andpagechanges,broadcastingthemthroughSocket.ioroomhierarchiesandpersistingnotesperuserandpageinMongoDB.
(Engineering)
TheAIstudyassistantusesadual-enginestreamingarchitecture.ItprimarilystreamsresponsesfromGroqusingLlamamodels,automaticallyfallingbacktoGoogleGeminiwhenratelimitsorquotasarereached.ExpressdeliverstokensviaServer-SentEventstotheactiveuserwhilesimultaneouslyrelayingchunksoverSocket.iotopeers.Anautomatedquizgeneratorscansslidetextdirectlyinthebrowser,createsmultiple-choiceorshort-answerassessments,andevaluateswrittenstudentsubmissionswithfractionalgradingagainstreferenceanswers.JitsiMeetrunsinsideafloating,draggablepicture-in-pictureframesoparticipantscantalkovervideowithoutlosingtheirplaceintheslides.
- 01
Builtthereal-timepresentationengineusingExpressandSocket.iowithdedicatedroomhierarchiesforpageflipsandlivepencoordinates.
- 02
Implementedtheserver-sidedocumentconversionpipelineusingheadlessLibreOfficeandin-memorypdf-libforPPTX,DOCX,andPDFuploads.
- 03
Engineeredthedual-modelAIstudyassistantusingGroqandGoogleGeminiwithtokenstreamingoverServer-SentEventsandSocket.io.
- 04
CreatedtheHTML5canvasannotationoverlaywithcoordinatenormalization,highlighters,andper-userpersistentMongoDBstorage.
- 05
BuilttheAIquizgeneratorandsemanticshort-answerevaluationsystemwithautomaticscoringandclassperformancetracking.
- 06
IntegratedJitsiMeetinsideapersistentfloatingpicture-in-picturecontainertoallowsimultaneousvideocallsandslidenavigation.
Gallery
Built with
React 19Node.jsExpress 5Socket.ioMongoDBLibreOfficepdfjs-distCloudinaryFirebaseGroqGoogle Gemini
Explore this project
Inspect the live deployment or browse the repository code.