This is a JavaScript clone of Super Mario Bros. designed for event booth activities, it comes in several parts:
- The Mario game itself
- A backend Express server to send the game data to Couchbase and to the frontend
- A frontend built with React that offers the following features:
- A leaderboard for the game
- A player sign-up form that is mobile optimized to be used at events with a QR code
- An administrative interface for event organizers to view, manage and export player data
Caution
This project is for demonstration only. If you really want to play Mario, please do it on a console. The graphics, sounds, and original design of Super Mario Bros. are all owned by Nintendo.
Detailed setup instructions for each component:
- Game: Instructions for running the Mario game locally and deploying it to GitHub Pages.
- Backend: Instructions for setting up the backend server and deploying it to Render.
- Dashboard: Instructions for setting up the React-based frontend and deploying it to Render.
The game is hosted on GitHub Pages. You can access it at the following URL, fill in the respective username and repository name:
https://<username>.github.io/<repository>
Players must complete a sign-up form before playing the game. Event organizers can display a link to the mobile sign-up form with a QR code from the event booth. Players find their name at the beginning of the game after completing the sign-up form in order to play.
This project is licensed under the MIT License - see the LICENSE file for details.
Thanks to Garrett Johnson for creating Mario.js, a JavaScript clone of Super Mario Bros. featuring a hand-built game engine using the HTML5 Canvas.