We are passionate video game enthusiasts, and creating a game emulator perfectly showcases our love for gaming. We embraced the cyberpunk/retro theme, making this project both a fun and nostalgic experience to implement.

Features--

User Authentication: Users can sign up and log in via Clerk, ensuring a secure and personalized experience.

Interactive Interface: Upon logging in, users are greeted with a static-filled TV screen that transforms into a playable console once a ROM is loaded. The side buttons animate with corresponding keyboard inputs, enhancing the interactive feel. A slider at the top allows easy switching between ROM types. A legend button displays current button mappings. Easy access to login/logout functionality.

Fully Functional Emulator:

  • Supports save and load files.
  • Allows custom control mappings.
  • Full screen mode
  • Volume slider
  • Includes a cheat code feature for an added layer of fun!

What we are proud of!

  • Mastering a wide range of new technologies, expanding our technical skills and knowledge.

  • Successfully bringing the app to life, ensuring it functions smoothly and provides an excellent user experience.

  • Collaborating with a team of talented and innovative individuals, fostering a creative and productive environment.

Tech Stack--

This full stack application is built using Javascript, HTML, React.js, Node.js along with Tailwind CSS and TypeScript. It supports ROMs for Game Boy, Game Boy Advance, and Nintendo DS.

Hackathon Experience--

This project was our first hackathon and our inaugural experience working together as a team. We dove into new technologies and strove to implement them to the best of our abilities.

Through this process, we gained valuable insights into:

  • Designing full stack applications.

  • Utilizing APIs effectively.

  • Implementing user authentication.

  • Enhancing our collaboration skills.

Future Improvements--

We have ambitious plans for future enhancements, including:

  • An achievement system that awards badges.

  • Design and functionality improvements.

  • Advanced features like AR/VR implementation.

Built With

Share this project:

Updates