Loading Project Media
<200ms
Sync latency across rooms
5+
Document formats supported
3-in-1
Summaries, cards & quizzes
(Overview)
CSPturnsscatteredstudymaterialintolive,sharedclassrooms.Studentsjoinaroom,seethesamedocumentrenderedinstantly,andlearntogether—withanAIassistantgeneratingsummaries,flashcardsandquizzesfromwhatevertheclassisreading.
(The Challenge)
Keepingdocuments,chatandwhiteboardstateperfectlysynchronizedacrossdozensofconcurrentuserswasthecoreproblem.DocumentsarriveasDOCX/PPTX,needserver-sideconversiontoPDF,thenpage-by-pagerenderingwithtextselection—allwhileSocket.ioeventsfighttokeepeveryclientpixel-identical.
(The Solution)
Ibuiltaroom-stateauthorityonExpress+Socket.iowithevent-sourcedsyncsolatejoinersreconstructexactstate.Alibreoffice-convertpipelinenormalizesuploadstoPDF,andReactPDF/PDF.jsrendersinteractivepageswithhighlighting.Cloudinarystoresmedia;Firebasehandlesauthandfilehosting.
- 01
Designedandimplementedreal-timeclassroomstatesynchronizationandlivechatusingExpressandSocket.io.
- 02
IntegratedtextprocessingandsearchSDKstobuildanautomatedStudyAssistantcapableofgeneratinglecturesummaries,flashcards,andquizzes.
- 03
Configuredabackenddocumentprocessorusinglibreoffice-converttotransformDOCX/PPTXslidesintoPDFsforfrontendrendering.
- 04
Implementedmulti-formatPDFrenderingusingReactPDFandPDF.jstosupportinteractivewhiteboardandtexthighlightingfeatures.
- 05
IntegratedCloudinaryforpersistentmediaassetsandFirebaseSDKforsecurefilehostinganduserauthentication.
- 06
Builtresponsivestudentandteacherdashboardlayoutsfeaturingsmoothmicro-animationsusingReact,TailwindCSSv4,andFramerMotion.
Built with
ReactNode.jsExpressSocket.ioMongoDBStudy AssistantTailwind CSS
Haveaprojectinmind?
aitezazsikandar@gmail.com