Medic-Run-Game-Website

Web Applications and Databases Coursework, Second Year of Computer Science

Scenario

• Website that enables the user to play a game.
• The user plays the game alone or against a second player
• The website is implemented in HTML, CSS, JavaScript and PHP.
• Users can register with the website and login.
• The website has a page that displays the top scores of all registered users.
• User data and scores are stored in JSON format using HTML local storage.
• PHP functions are used to output navigation menus, footers, etc.

In a nutshell, the aim of the game is to get across to the other side of the field without getting hit by the moving bullets (speed of the bullets is proportional to the player's points). Collision detection, controls and other functions used.

Below are images of the pages of the website:

•   Home page

    

•   Game page

  Prompt

    

  1-Player

    

  2-Players

    

•   Leaderboard page. Every time the player finishes the game, the HTML local storage is updated and the leaderboard will display the logged in user's score and compare it with other registered users.

    

•   Login/Register page. Includes many error-handling methods such as regex for registration, checking whether user is already logged in, and if correct information is entered when a login is attempted.

    

•   Logout page. Ensures active session is cleared and user is logged out.