CodeDuel Arena

Inspiration

I was inspired to do this project because I always found traditional leetcode and algorithmic coding so boring. I knew there had to be a better, more fun way to learn programming.

What it does

CodeDuel Arena allows you to engage in fun, 1v1 style programming battles with your friends or bots. You can in real-time engage in multiplayer coding battles, and the first person to solve the problem wins. There is also a rating system for dynamic difficulty settings, making the user experience better.

How we built it

Tailwind CSS for utility-first styling, Custom CSS for specific animations and components, Supabase for backend database and Auth. Pyodide for running the Python code.

Challenges we ran into

One of the biggest challenges I ran into was making the information transfer real-time and allowing for multiplayer features. Getting the questions/data to load at the same time across accounts, and making sure they were always synced up was a hassle.

Accomplishments that we're proud of

I'm proud of the multiplayer feature because this was the first time I've ever worked with multiplayer, and I'd never really touched real-time database storage. After a lot of debugging and testing, I finally got the multiplayer up and running.

What we learned

I improved my SQL skills, and got to learn more in the real-time data transfer field. Overall, it was a fun and unique learning experience.

What's next for CodeDuel Arena

Next, I'm hoping on adding a sort of AI tutor feature that allows you to submit code and talk to an AI that can give you tips on how to simplify and improve your code to get better.

Built With

• javascript
• react
• supabase
• vite