Beat the Racer

Inspiration

We took inspiration from sites such as Kahoot, Quizlet, and Typeracer because it gamifies learning in a way that encourages friendly competition. We thought that creating a website that uses aspects from each of these sites would help encourage student learning because students would be able to test themselves against each other and see each other's progress in real time.

What it does

Beat the Racer lets the user create a flashcard set and then lets the user compete against an NPC to the finish line.

How we built it

We built our site with HTML, CSS, and Javascript. We tried implementing an SQL database, but it wasn't working on computers that cloned the repository.

Challenges we ran into

We are a full team of first-time hackers. We struggled in the beginning to understand the rules and what was expected of us. We also struggled to find a project that we were excited to work on since we came into it not knowing what to expect. At the end of the first day, we were ecstatic to have brainstormed a project that we were passionate about.

We ran into challenges in the beginning because we were trying to work with React.js. We were unable to figure it out after 4 hours of reading documentation and looking at React.js projects, so we swapped to using plain Javascript and HTML/CSS. We also encountered an issue using the SQL database because only one of us was able to run the code correctly. When other users pulled from the repository, we were unable to run it.

Accomplishments that we're proud of

We are proud of the artwork, user interaction, and design of Beat the Racer. Our artist, Adrian, spent a lot of time working on the sprites and backgrounds for our site. We also are proud that we were able to animate the sprites on the page. We are also proud that we were able to use SQL to fetch data from the database and the webpage.

What we learned

We learned how to use SQL, how to use Javascript, and how to style the page using HTML and Javascript. We also learned how to use Github to collaborate, and how to use Node.js to set up a server.

What's next for Beat the Racer

We would like to implement multiplayer so that multiple users can connect to the server and play against each other. We would also like to store individual flashcard sets for each user.