Arcade Game | Front-End Nanodegree

An arcade game like Frogger for Udacity's Front-End Web Developer Nanodegree

Try It Out

https://mggwxyz.github.io/frontend-nanodegree-arcade-game

Table of Contents

1. Project Overview
2. Setting up the project
3. Running the project
4. How to play
5. Resource Links

Project Overview

The purpose of this project was to gain experience using the HTML canvas and building responsive web pages using HTML, CSS, and JavaScript. This project was part of Udacity's Front-End Web Developer Nanodegree.

Setting up the project

Clone the git repository into a directory using a bash terminal

git clone https://github.com/mggwxyz/frontend-nanodegree-arcade-game.git

Navigate into the new project directory

cd frontend-nanodegree-arcade-game

Download the project's dependencies

npm install

Running the project

Once the project has been setup, it can be started up at http://127.0.0.1:8080

npm start

How to play

• Use the arrow keys to move the player forward, backwards, left, and right.
• The goal of the game is to get your player to other side of the road as many times as you can without dying.
• If you touch the creepy crawlies, you will lose a life and will be brought back to the beginning side.
• Lose all 5 lives and your game is over.
• Don't worry, though. Just hit OK when the game ends and you can continue playing all day.

Resource Links

• Online Demo
• Source Code