HootCode

Practice Page
Roadmap Page

Inspiration

HootCode was inspired by our own experiences learning to code. Most conventional coding instruction fails to incorporate interactivity and live feedback, leaving beginners in a struggle to absorb concepts effectively. We noticed a gap between theoretical knowledge and practical implementation, and self-learners often floundered at debugging, creating learning paths, and seeking adequate coding help. Inspired by the potential of AI to personalize education, we aimed to create a platform offering instant feedback, interactive learning, and AI-provided hints to make coding easy and fun to learn.

What it does

HootCode is an interactive coding environment powered by AI that assists learners of any level in enhancing their coding abilities by:

Real-time AI Support – Offers Hints without giving solutions directly.

AI Code Reviewer - Reviews the code and provides support to optimise in the best possible way.

Interactive Learning Paths – Provides an interactive Learning path.

Sandboxed Code Execution – Allows users to write, test, and execute code safely within a secure environment.

Rich Curriculum – Provides complete coverage of programming basics, data structures, algorithms, and higher-level topics.

How we built it

Frontend: Built on React and Tailwind CSS for a responsive, contemporary UI with smooth animations and easy navigation.

Backend: FastAPI powered and Poetry-managed for smooth API performance and ease of maintenance.

Code Execution Engine: Judge0, a secure and scalable online code execution engine for executing user-provided code in real-time.

Database: Utilized MongoDB to hold user progress, problem history, and learning paths.

AI & Machine Learning: Integrated models for code examination, intelligent hinting and code reviewing.

Challenges we ran into

Balancing AI Support with Autonomy in Learning – How to give sufficient help without overly dependence on AI was a fundamental design choice.

Ensuring Secure Code Execution – Blocking malicious code execution while ensuring seamless user experience was a key challenge.

AI Model Optimization – Fine-tuning machine learning models to provide accurate and relevant feedback without unnecessary computational overhead.

Accomplishments that we're proud of

Successfully developed a fully functional AI-driven code assistant.

Introduced Owlie as an interactive mascot to create a more enjoyable and supportive learning experience.

Created an engaging, user-friendly platform that has received positive feedback from early users.

Implemented a secure, real-time sandbox environment for coding practice.

Designed an interactive learning system.

What we learned

AI in Education – We discussed how AI can be used to examine code, offer intelligent suggestions, and adjust learning paths according to user advancement.

User Experience Design – Developing an intuitive and interactive interface was essential for user retention and efficient learning.

Real-time Code Execution – Providing a smooth coding experience necessitated creating a secure sandbox environment for users to write and execute code securely.

Scalability & Performance – Handling real-time interactions, debugging support, and feedback generation at scale posed interesting technical hurdles.

Security & Privacy – As our platform is based on running user-submitted code, we needed to apply robust security protocols to avert vulnerabilities and misuse.