codingkit

🌟 Inspiration As a BTech CSE student, I often found myself juggling between multiple tabs while trying to learn coding — YouTube tutorials, online compilers, taking notes, and managing links. This constant switching slowed me down and distracted me. That’s what inspired CodingKit — a platform that brings all these essentials into one seamless space for beginner coders.

🧠 What I Learned This project helped me understand full-stack development by combining frontend design with backend logic. I learned how to structure a clean UI/UX, manage persistent data using SQLite, and connect everything with Flask. I also improved my skills in JavaScript DOM manipulation, routing in Flask, and responsive design using Bootstrap.

🛠️ How I Built It Frontend: HTML, CSS, Bootstrap for layout and responsiveness

JavaScript: for dynamic behavior, video controls, note-taking

Backend: Python Flask framework for routing and connecting the app

Database: SQLite for persistent login, notes, and favorite links

Deployment: Hosted on Render

Extras: Used YouTube API for video handling and implemented a simple login system.

💡 Challenges I Faced Integrating timestamped notes with YouTube playback

Handling real-time code compiling features securely

Maintaining clean UX while combining multiple tools

Deploying on Render with correct SQLite database configuration

CodingKit is a simple but powerful tool built for learners like me — to make coding focused, fun, and frustration-free.

⚙️ Built With HTML

CSS

Bootstrap

JavaScript

Python (Flask)

SQLite

Render (for deployment)

Built With

• bootstrap
• css
• flask)
• html
• javascript
• python
• sqlite