BridgeLearn

Inspiration

Our journey began with a simple observation: many aspiring coders lack access to quality, hands-on tech education. Current platforms are often passive, uninspired, and fail to provide the real-time, engaging experience needed to truly learn. We were inspired to create a platform that doesn't just teach code, but makes it an active, fun, and competitive experience.

What it does

BridgeLearn is a next-generation learning platform built for the digital age. It transforms learning computer science skills into a dynamic, real-time experience. Our core features include: -1v1 DSA Battles: A competitive, gamified platform where users can challenge each other to solve data structures and algorithms problems in real time. -AI Learning Assistant: A personalized AI tutor that provides on-the-spot, context-aware explanations in various styles. -Interactive Lessons & Quizzes: Structured content with hands-on coding challenges and real-time feedback to solidify learning. -Real-time Leaderboard: A live, global ranking system that tracks user progress and points, fostering a healthy sense of competition.

How I built it

We built BridgeLearn as a modern, full-stack application using a powerful technology stack. Frontend: We used Next.js and React for a fast, responsive user interface. For a professional coding experience, we integrated the Monaco Editor, the same editor used in VS Code. Backend: We chose Firebase as our backend-as-a-service. We leveraged Firestore to manage real-time data for our 1v1 challenges and live leaderboard. Code Verification: For secure and reliable code execution, we integrated the Judge0 API. This external service runs user-submitted code in a sandboxed environment, protecting our platform from security risks and ensuring accurate results.

Challenges I ran into

Integrating with external APIs like Judge0 presented its own challenges. We had to ensure that our API calls were properly formatted, authenticated, and could correctly handle the returned data to determine a winner.

Accomplishments that I'm proud of

A Fully Functional DSA Battle: We successfully built a real-time, 1v1 coding challenge from scratch, complete with a timer, a code editor, and a system for declaring a winner.

What I learned

This project taught me a tremendous amount about building a full-stack, real-time application from scratch. I gained a deeper understanding of front-end state management in React, how to use Firebase and Judge0 for real-time data and code execution, and the critical importance of careful debugging and project setup.

What's next for BridgeLearn

Our next steps are to expand on the core features we've built. We plan to: Add more DSA problems and test cases to diversify the challenges. Implement a full user profile system with achievement badges and customizable avatars. Explore new APIs to add more interactive features, like a real-time chat for players during a challenge.