00:00

PBL 2026

Dept. of Computer Science & Engineering

ID : 2427030710

NextGen: Code Learning Platform

"Developing a gamified web-based coding platform to make learning more engaging and effective through real-time feedback and adaptive learning modules."

Problem Statement

need to advance and develop a gamified web-based coding platform that overcomes the limitations of passive video learning, repetitive problem sets, and limited feedback found in current systems. Students often struggle with low engagement, weak conceptual clarity, and inconsistent practice habits. By integrating meaningful gamification, adaptive learning, and real-time guidance, the platform aims to make coding education more interactive, motivating, and effective.

Literature Review

Exam-Focused Learning

(Pedagogy Research, 2020)

Research shows exam-focused coding practice improves scores but limits deeper understanding and real-world application skills.

Online Coding Platforms

(Watanobe et al., 2020)

Tools like LeetCode, HackerRank enhance proficiency but often lack conceptual teaching and detailed explanations.

Video-Based Learning

(EdTech Research, 2022)

Video platforms deliver high-quality lectures but create passive learning environments where students only watch rather than practice.

Lack of Real-Time Feedback

(Educational Computing Study, 2021)

Automated grading systems provide correctness checks but rarely give deep feedback explaining why something is wrong.

Gamification

(Zinovieva et al., 2021)

Gamification boosts motivation; however, poorly designed reward loops can become repetitive and fail to support long-term retention.

Adaptive Learning

(ResearchGate, 2023)

Adaptive systems tailor content to individual needs but require heavy data processing and complex algorithms.

Comparative Study

Existing Method Limitations NextGen Improvement
LeetCode / HackerRank Lack conceptual teaching; only pass/fail feedback provided. Integrates AI explanations, adaptive hints, and concept-based lessons.
Coursera / Udemy (Video) Passive learning environment with no real-time feedback. Converts learning into active coding with instant AI doubt-solving.
Exam-Focused Practice Limits deeper understanding; reduces real-world problem-solving skills. Balanced learning: Combines exam drills with real-world projects.
AI Chatbots (ChatGPT/Gemini) Risk of over-dependence and hallucinations in logic. Controlled AI: Explains logic and concepts instead of giving direct code.

System Methodology

⚛️

Frontend

React.js for a dynamic interface, Tailwind CSS for aesthetic design, and Monaco Editor for an in-browser IDE experience

⚙️

Backend

Node.js (with Express/NestJS) ensures efficient session management and robust API handling for all interactions.

🤖

AI Engine

GROQ API powers all smart tutoring, personalized feedback, and advanced code analysis capabilities

🗄️

Database

PostgreSQL stores user progress and gamification data, while Firebase Auth ensures secure login and user management

CORE MODULES

🤖

AI Tutor

Real-time logic debugging and smart hints powered by GROQ engine.

🎯

Lifeline Quizzes

Gamified assessments with Hint assistance to boost recall.

📑

Smart Notes

Dynamic syntax guides that sync with your current learning module.

💡

Flashcards

Active recall training to master complex C programming patterns.

Results & Analysis

Passive Learning

NextGen Active

Learning Efficiency (Level 1)

95.4%

Based on AI Buddy interactions and Quiz completion rates.

🤖

0.8s

AI Robo Buddy Speed

🎯

92%

Recap Quiz Accuracy

💡

less than 1.5s

Overall Speed

📚

100%

Module CheatSheet Sync

Academic Credits

Project Guide

Mrs. Tripti Kulshrestha

Supervisor

Team Member

Aakanksha Manral

Reg No: 2427030710