Beetle Battle

• 

  Menu

• 

  Game

With the exponential growth of AI, computer science has never been more accessible than now. However, the learning curve is still quite steep; these combinations create coders with deeply ingrained imposter syndrome. So, to stop this issue from escalating, we have created Beatle Battle, a competitive syntax trainer.

Beattle Battle helps students learn and memorize coding syntax without an AI crutch by giving them a prompt and requiring them to write the code while racing against time and a player. This game cultivates a fierce environment for junior-developers to mature into confident programmers.

We built the backend in JavaScript and used MongoDB to store players' stats. Using Gemini's API, we create unique questions for various programming languages and parse users' code to assign a proper score. For the frontend, we are using React to translate our Figma designs into working code: CSS, HTML, JSX. To bridge the frontend and backend, we used Node.js and Express to interact with the database and our parser.

Built With

• css
• express.js
• figma
• gemini
• github
• html
• javascript
• jsx
• mongodb
• node.js
• parcel
• react