Tetris REMASTERED

Web platform to play Tetris with extra features like voice commands and a leaderboard.

Comment

Inspiration

For this project, we were mainly inspired by the classic game Tetris. We wanted to make a platform where we could add cool features and make the game have a more community feel by adding a leaderboard. In general, we also wanted to make a more casual and funny website rather than a serious one. These goals are all reflected in the final product.

What it does

Tetris REMASTERED is a website that allows players to play Tetris, save their scores, and compare themselves with other players on a leaderboard. In addition, it accepts AI-powered voice recognition commands to both improve accessibility and serve as an extra challenge.

How we built it

Utilizing the Javascript framework Phaser, we built the game. We then used React, Gatsby, and Bulma to create the website. Next, using ml5.js, we added a voice command feature. We also used MongoDB to store players' scores. To better collaborate with each other, we used the Live Share extension on VSCode and split up the project into different sections to work on. Finally, we pushed all our code to GitHub. If we had more time, we would have deployed our code to Gatsby Cloud, but unfortunately there were too many errors.

Challenges we ran into

We ran into multiple challenges along the way. First, the entire team was incredibly busy this weekend, so we had to twist schedules and pull all-nighters to work on the project. We were also all beginners, making it difficult to even get started. Due to collaborating virtually, we also had problems with glitches and lag making it difficult to communicate. Finally, we struggled with a lot of bugs, both in our code itself and when trying to work with frameworks. However, in the end, we were able to overcome these challenges and create something we're proud of.

Accomplishments that we're proud of

We are proud of the fact that we were able to produce a project in such a short amount of time with the little experience our team has. Our growth during these couple days has been stunning and none of us would have thought that we would be better to get where we are now: we are proud of our progress.

What we learned

We learned a lot throughout the course of this project. Coming into it, our team didn’t know very much about web development at all. We had to learn Javascript and struggled with lots of new frameworks. In the end, building Tetris REMASTERED substantially deepened our understanding of web development and opened our eyes to new possibilities in the field.

What's next for Tetris REMASTERED

The next step for Tetris REMASTERED is to add more features such as accounts, music, as well as different game modes which would increase the difficulty of the game. We would also like to add more unique features, such as Tetris with obstacles or with changing gravity. Overall, we have a lot of great plans for the future!

Built With

Share this project:

Updates