Typeslayer

Choose your path, conquer bosses, and rise to the top!

Comment

Inspiration

The primary inspiration for this project was Monkeytype, a typing game I initially sought to emulate. However, as development progressed, the game evolved into something somewhat unique, mixing roguelike with typing. I’m truly proud of what it has become.

What it does

TypeSlayer is an RPG-inspired typing game with elements reminiscent of roguelikes. Players can defeat monsters, earn gold, purchase items to strengthen their character, and aim to progress as far as possible through an endless wave of monsters. The game also features a practice mode where players can adjust difficulty settings to achieve high scores by typing flawlessly or simply enjoy typing for fun. Additionally, it includes a leaderboard showcasing the players who have defeated the most bosses alongside their scores.

How I built it

The project began with the Amplify React Vite template provided by Amazon. After brainstorming and documenting the game’s core concept and features in a word document, I started coding one feature at a time. Each feature was designed to incorporate React components, as one of my goals was to utilize as many components as possible to enhance the game.

With AWS Lambda and API Gateway, I implemented a leaderboard system. Game assets, such as the word dictionary and background music, were stored in an S3 bucket, and the website was hosted on AWS Amplify. Amazon Q was instrumental in generating initial code ideas and assisting with debugging throughout development.

I also used AI-generated images for bosses, paths, and items, all of which are credited in the repository. Additionally, I incorporated music from the Free Music Archive, crediting the songwriter both in the game settings and in the repository. link

Challenges I ran into

The challenges were plentiful, ranging from basic syntax errors—this being my first React project—to deployment issues such as maximum stack errors. Adapting to Amazon's suite of tools and resources was initially overwhelming. However, with persistence and the support of Amazon Q, I was able to overcome these challenges and learn extensively.

Accomplishments that we're proud of

I’m proud of the progress and dedication I poured into this project. This game reflects countless hours of effort and learning. I’m especially thankful for the free tier provided by Amazon, which allowed me to explore and implement various tools and resources seamlessly.

While the project may not fully adhere to the clean and efficient development practices taught in university, I’m incredibly proud of the final product. Despite the challenges, I managed to implement most of the features I initially envisioned.

What we learned

This project has been a tremendous learning experience. I’ve gained extensive knowledge in React, Amplify, Vite, and Amazon services like S3, API Gateway, Lambda, and Key Management. Although the journey was challenging, it was deeply rewarding, and I’m grateful for the invaluable experience.

What's next for TypeSlayer

Looking ahead, I plan to implement additional features, including:

  • More boss types
  • Predefined word prefixes for boss battles
  • Attack and item animations
  • Additional paths
  • A cleaner and more intuitive UI

For this hackathon, I focused on delivering the core idea of the game, showcasing its fundamental gameplay and mechanics. In the future, I aim to refine the gameplay experience and enhance usability by incorporating these additional features.

Built With

Share this project:

Updates