Trailblazer - A maze game

Trailblazer - A thrilling web-based maze game combining the power of React, PhaserJS, ExpressJS and AWS services to deliver an engaging gaming experience with real-time leaderboards!

Comment

🌟 Inspiration

The idea for Trailblazer was sparked by our passion for immersive and challenging games that test both critical thinking and quick decision-making. We envisioned a game that not only delivers exciting gameplay but also serves as a testament to the power of modern web technologies and cloud solutions.

🎮 What It Does

Trailblazer is an innovative web-based game where players navigate through progressively challenging mazes while competing for the top spot on a global leaderboard. Key features include:

  • Score Tracking: Players can save their scores and track their progress over time.
  • Global Rankings: A dynamic leaderboard that showcases the top players worldwide.
  • Seamless Experience: Effortless transitions between gameplay, rankings, and player profiles.

🛠️ How We Built It

To bring Trailblazer to life, we utilized cutting-edge technologies and cloud-based tools:

  • Frontend:
    • React for a sleek, responsive user interface.
    • PhaserJS for dynamic and interactive maze mechanics.
  • Backend:
    • Node.js with Express to manage game logic, score submissions, and leaderboard functionality.
    • Hosted on AWS Elastic Beanstalk for scalability and reliability.
  • Hosting:
    • Frontend hosted on AWS Amplify for seamless deployment and integrated CI/CD workflows.
  • APIs:
    • AWS API Gateway for secure and efficient backend communication, with proper CORS configuration.
  • Database:
    • AWS DynamoDB for high-performance storage of player scores and leaderboard data.
    • AWS S3 for managing assets like game music and additional code files.
  • AI Integration:
    • Amazon Bedrock to generate dynamic obstacle placements within the mazes.
  • Server:
    • Amazon EC2 for robust and scalable server capabilities.
  • Code Generation:
    • Leveraged Amazon Q Developer to write the majority of the code, speeding up development and ensuring high-quality, efficient coding practices.

🚧 Challenges We Faced

  • CORS Configuration: Properly setting up headers and permissions to ensure secure cross-domain communication was a steep learning curve.
  • Cloud Integration: Configuring AWS Elastic Beanstalk with API Gateway required meticulous debugging and testing.
  • Game Mechanics: Designing smooth, engaging maze logic while ensuring compatibility across browsers and devices was a significant hurdle.

🎉 Accomplishments We're Proud Of

  • Successfully developed and deployed a full-stack game application with a seamless integration of frontend, backend, and cloud services.
  • Overcame complex CORS-related issues to establish secure and efficient API communication.
  • Built a responsive, real-time leaderboard system that enhances the player experience.
  • Leveraged AWS services to create a scalable and high-performing infrastructure.

📚 What We Learned

  • Hands-on expertise with AWS services like Elastic Beanstalk, Amplify, API Gateway, DynamoDB, S3, Bedrock, and EC2.
  • Best practices for debugging API and hosting-related issues in cloud environments.
  • Advanced techniques for structuring and deploying modern, full-stack web applications.

🚀 What's Next for Trailblazer

We’re excited to expand Trailblazer with new features and capabilities:

  1. Multiplayer Mode: Introducing real-time multiplayer gameplay to foster competition and collaboration.
  2. Timed Challenges: Adding a time-attack mode to enhance the challenge.
  3. Advanced Analytics: Integrating AI-powered insights to help players analyze and improve their gaming patterns.
  4. Mobile Expansion: Developing a mobile version to make Trailblazer accessible to a wider audience.
  5. Custom Levels: Allowing players to design, share, and play custom maze creations, fostering a community-driven gaming experience.

With Trailblazer, we’ve combined our passion for gaming with technical innovation, and we’re thrilled to continue pushing boundaries in both gameplay and technology.

Built With

Share this project:

Updates