Inspiration

We're a community of highly skilled coders, each with our own unique expertise. But what if we could put numbers to our talent? Enter CodeBattle. It's the brainchild of our desire to quantify our coding prowess and connect with others who share our level of skill. It's not just about code; it's about forging connections and challenging ourselves alongside like-minded individuals.

What it does

CodeBattle revolutionizes the coding experience by pairing you with a fellow coder of similar skill level for competitive problem-solving sessions. As you tackle coding challenges together, your performance in accuracy, speed, and efficiency earns you a score that reflects your standing among peers.

How we built it

React framework, providing a dynamic and responsive user interface. To facilitate real-time communication between two players, WebSockets have been employed, utilizing technologies such as socket.io for efficient and seamless interaction. The core functionality involves a backend compiler that executes and evaluates the submitted code from each player, employing secure code execution environments

Challenges we ran into

Encountering issues with Cross-Origin Resource Sharing (CORS) when working with WebSockets is a common challenge. Also, we thought about saving. the Users data in the backend but due to time constraints we were not able to implement it.

Accomplishments that we're proud of

The successful integration of the React framework for the frontend, providing a modern and responsive user interface.Overcoming challenges and establishing efficient real-time communication between two players using WebSocketsImplementing a secure backend compiler that runs and tests players' code efficiency within controlled environments

What we learned

A deeper understanding of integrating React for building modern and dynamic user interfaces. Gaining expertise in using WebSockets for establishing efficient and real-time communication between clients and the server. Learning how to design and implement a backend compiler that securely executes and evaluates code submissions.

What's next for CodeBattle

Refine and optimize the code evaluation process to provide more accurate and detailed feedback on participants' submissions. Introduce additional ranked stages with varying difficulty levels to cater to a broader audience and accommodate participants with different skill levels. Create a user profile system where participants can register and store their coding solutions, achievements, and progress.

Built With

Share this project:

Updates