Code Runner

Code Runner Interface

Inspirations

Many of us know what type of racer is, but for us developers, it's not that useful. We spend most of our days writing code, and we don't have a fun tool to use in order to practice our coding speed. That is why we have created Code Runner, a platform where all developers will be able to practice their coding speed and experience in the language of their choice while enjoying their time!

What it does

It allows users to practice their code typing speed through an interactive game.

How we built it

We build our game using React Js.

Challenges we ran into

1) Our biggest challenge was to connect our writing to the text that was being displayed and change the color of that text accordingly. 2) Another challenge was to actually learn how to use ReactJs since we had no coding experience in this language. 3) Another challenge we ran into was to utilize the buttons in the code and make them work according to their functionality.

Accomplishments that we're proud of

For most of us, this is our first or second hackathon, and we were proud to make a website that actually works and learn about React JS through this experience.

What we learned

We learned a lot about the use of React Js (including the implementation of functions and event handlers), the implementation of JavaScript in Html code, and the debugging of Code.

What's next for Code Runner

We would like to add more code samples for each coding language. We would also like to complete the other sections of the topbar including the home page, and the achievements page, where users will be able to win prizes according to their progress on the website. It would also be great to improve the algorithm that determines the words written per minute and add an algorithm to stop the game when we reach the end of a displayed string. Finally, it would be nice to host this website and make it usable in multiplayer.