My team for my Internet Application Design and Development class chose to recreate a simple multiplayer game of using tanks to shoot an opponent on the opposing side of the screen. Tank City uses the MVC Design Pattern. The technology stack consists of Node, Express, pug files for the UI, and Postgresql for the database.
Users must first go through player registration and login before being allowed access to the main pages of the application, including being able to play the game.
Upon successful login, users are directed to the lobby, and can start a game by clicking the play button. The first player to enter a new game must wait for a second player to enter the same room to start the game.
Two players can "battle" each other in real time by aiming and clicking to shoot ammo via the mouse. Tanks can move forward and backward on the x-axis by using left and right arrow keys. While playing the game, players have their own private chatroom on the same page, and can communicate with each other using the textbox at the bottom of the screen. When a player wins, both players are prompted to go back to the Lobby.