Inspiration As a student juggling multiple learning resources — from YouTube lectures to coding practice and note-taking — I found it difficult to stay organized and focused. Switching between tabs, tools, and platforms made learning chaotic. This inspired me to build CodingKit, a unified platform to help students access learning materials, write notes, and practice coding all in one place.
What it does CodingKit is an all-in-one learning environment designed for students. It allows users to:
Watch YouTube videos (lectures, tutorials, etc.) by pasting a link
Take real-time notes with timestamps alongside the video
Use an online compiler to practice coding in various languages
Access all tools from one browser tab to reduce distraction and improve productivity
How we built it Frontend: HTML, CSS, JavaScript, Bootstrap
Backend: python , flask, sqlite (for future enhancements like user data, saved notes, etc.)
Hosting: Render for deploying the app
Tools used: GitHub for version control and deployment tracking
Challenges we ran into Integrating YouTube video playback seamlessly with the UI
Designing a responsive layout that works well on all devices
Handling potential security issues when allowing users to enter YouTube links
Coordinating all features (video, notes, compiler) to work harmoniously without lag or conflict
Accomplishments that we're proud of Successfully built a multipurpose tool that helps students learn better
Deployed a functional live version of the app
Learned how to combine multiple technologies into one seamless experience
Simplified the way students can manage learning, note-taking, and coding
What we learned Practical integration of frontend technologies with real-world functionality
Importance of UI/UX in learning-based applications
Hosting and deploying full-fledged apps
How to handle user input dynamically and safely
What's next for CodingKit Add user authentication to save personal notes and history
Integrate ChatGPT or AI tools to help summarize videos or suggest code fixes
Support real-time collaboration on notes and code
Include multi-language support
Create a mobile-responsive version
Add dark/light mode toggle
Log in or sign up for Devpost to join the conversation.