Trellotris

The best way to complete tasks is to arrange them into rows and clear them before they pile up.

Comment

Inspiration

I am inspired by my experiences in Agile software development, in the form of several group projects that didn't turn out so well.

Mostly, I just thought that it would be funny to make a game that looks like Trello.

What it does

Trellotris provides a highly realistic simulation of Agile software development, in which people move cards (representing tasks) around columns and arrange them in rows until they eventually disappear. Trellotris accurately demonstrates this process in a highly accelerated manner. Deal with a variety of serious and realistic cards such as "Investigate mysterious bug" and "Refactor unnecessary feature" and "Remove API key from GitHub."

Trellotris is a horizontal Tetris variant made to look like Trello. Use the WSD keys to move and EQ to turn the tetromino. Press E + Shift to flip the tetromino. Drop tetrominoes into full rows to clear them and earn points. Clear multiple rows at once to earn even more points. Use Shift+D to hard-drop the piece instantly for bonus Agile points.

If the cards pile up to the backlog, then it's game over.

How we built it

I used React and JavaScript and VS Code and a friend's VPS.

I used Domain.com to register the website at hardlyworking.net

Challenges we ran into

I faced several bugs thanks to the fact that I was using JavaScript. I had to recall things about React state management. I also had trouble figuring out how to deploy the app online - I tried Vercel but could not figure it out. Finally, I borrowed a friend's VPS to host the project.

I had to carefully allocate my mental energy towards this project. I've been very hardly working on it.

Accomplishments that we're proud of

For the first time, I used React to make and deploy a web game. This is not the first time I've made a game, but it is the first time I've used React to do it.

What we learned

I learned how to make a web game in React

What's next for Trellotris

  • More features to poke fun at Agile software development.
  • More card descriptions
  • Maybe animations for moving cards. Someone suggested that I add colored cards, but I'm not sure if that's realistic.

Built With

Share this project:

Updates