Skip to content

Latest commit

 

History

History
57 lines (38 loc) · 1.67 KB

README.md

File metadata and controls

57 lines (38 loc) · 1.67 KB
Raw

Battleship

A JavaScript implementation of the popular Battleship game.

This project helped me practice DOM manipulation, state management, and problem-solving skills. Some of the difficult challenges that I faced were coming up with a way to randomly generate ship locations, and developing an algorithm to check whether the locations are valid or not.

How The Game Works

  • The game board is a 7x7 grid
  • Three ships will be randomly generated at the beginning of the game
  • A ship will occupy three consecutive cells either in the horizontal or vertical direction
  • If the player clicks on a cell that is occupied by a ship, then a hit will be registered on that ship
  • If the player clicks on an empty cell, then it will be a miss, and a point will be deducted
  • A ship will be destroyed once all three of its cells are hit
  • The player will get 15 shots to destroy all the ships

Link to the app: https://ayon95.github.io/js-battleship/

Tools and technologies used

  • HTML
  • CSS
  • JavaScript

Deployment

Deployed with GitHub Pages.

Get started

Open up a terminal and clone this repo:

# Clone this repository
$ git clone https://github.com/Ayon95/js-battleship.git

# Navigate to the project folder
$ cd js-battleship

# Remove current origin repository
$ git remote remove origin

# If you want, you can add a new remote repository
$ git remote add origin https://github.com/<your-github-username>/<your-repo-name>.git

Then, install the project dependencies using npm:

# Install dependencies
$ npm install

# Start development server
$ npm start

This will start a development server and open the app in your default browser.