CodeLecture Hub: An Integrated Platform for Learning and Coding

Abstract

In modern programming education, students frequently face interruptions as they navigate between various platforms for video lectures, coding, and note-taking. CodeLecture Hub resolves this issue by providing a unified, web-based platform that seamlessly combines all three functionalities into a single, user-friendly interface. While primarily aimed at students learning the C language, it also accommodates Java and JavaScript. The platform's code editor, developed with the CodeMirror library, includes features such as syntax highlighting, error detection, and a real-time output window for executing code directly in the browser. Users can upload lecture videos locally and stream them alongside the editor or notes in a split-view format. A note-taking module enables users to create contextually relevant notes during sessions, using AI-generated notes for C programming via Gemini, with the additional capability of downloading notes as PDFs through html2pdf.js. Furthermore, the 'CLH' module leverages Google’s Gemini API to offer instant concept searches specifically designed for C programming. Initial user feedback suggests enhanced learning outcomes, fewer distractions, and greater engagement.