Code Battle

• 

  Home Page

• 

  Signup Page

• 

  Login Page

• 

  Categories

• 

  Difficulty level selection

• 

  Coding Environment

• 

  Editor

Inspiration

We college students found it very boring to solve competitive coding questions alone. So we came up with the idea of Code Battle where the users can solve time-based questions with their friends in real time which will thus create a competitive environment and also motivate them.

What it does

Code Battle is a platform for competitive coding enthusiasts to come together and compete in real-time to solve problems in various topics and get on the top of the leaderboard.

How we built it

We used the MERN tech stack for the most part along with WebSockets through socket.io to give users a real-time experience of the battle we have in store for them.

Challenges we ran into

Implementing web sockets was a difficult task for us as we were doing it for the first time.

Accomplishments that we're proud of

This was our first Real-time project that allowed real-time events to occur.

What we learned

We learned how to implement web sockets and create a real-time coding environment.

What's next for Code Battle

We plan on implementing private rooms so users can have friendly competitions among their peers on questions of their choice, weekly category-wise leaderboards, a profile management system and improving the overall UI/UX experience

Built With

• bootstrap
• express.js
• javascript
• mongodb
• mongoose
• node.js
• python
• react.js
• socket.io