/battleship

Command your fleet and conquer the seas in our Battleship showdown!

Primary LanguageJavaScriptMIT LicenseMIT


Battleship

Command your fleet and conquer the seas in our Battleship showdown!


❯   View Demo  ·  Report Bug  ·  Request Feature   ❮


Mobile Preview

Project Overview

  • Battleship project was crafted with the main goal of exploring Test-Driven Development (TDD) using Jest.
  • Built during partial completion of Odin Project's Full-Stack JavaScript Path.
  • Each essential modules like Player, Gameboard, and Ship were meticulously tested before diving into the user interface (UI) development.
  • This approach ensures a robust foundation, allowing for a smooth and reliable gaming experience.
  • I have additional features to incorporate; however, due to time constraints, I will address them in the future.

Learn to Play Battleship

  • If you're already familiar with the rules of Battleship, you can skip this section.
  • However, if you're new to the game or need a quick refresher, you can read the Game's Manual on Wikipedia.
  • For a visual guide, check out this video tutorial on Youtube.

Installation

Note

If you prefer not to install it locally, you can also access the live demo version

To set up the Battleship Application locally, follow these steps:

  1. Clone the GitHub repository to your local machine:

    git clone https://github.com/0xabdulkhalid/battleship.git
  2. Navigate to the project's directory:

    cd battleship
  3. Install the project's dependencies using npm:

    npm install
  4. Build the project to bundle JavaScript, minify HTML and CSS, and move images:

    npm run build
  5. The build files can be found on dist (distribution) directory.


Pagespeed Insights Score

  • Overall Score 99.4%, Average of Mobile and Desktop
    [ Mobile devices score is only shown below ]
    Scoreboard
    Check out Pagespeed Insights to get live score

Built With

HTML5   CSS3   JavaScript   Webpack   html-minifier   CSS3


Tools Used

NPM   Google   Prettier   Eslint   Visual Studio Code

  Git   Figma   Jest   Babel


Let's Connect 👋

Linkedin Profile    mail/    Github Profile