Play BattleShips

BattleShips Game

Overview

Welcome to BattleShips, an engaging naval warfare game where strategic thinking and tactical maneuvers will lead you to victory. Immerse yourself in the thrill of the high seas as you navigate your fleet and decipher your opponent's moves.

Features

• Battlefields:

  • Your Field: Highlighted in blue.
  • Opponent's Field: Marked in red.
  • X and Y coordinate grids for precise targeting.

• ShipYard:

  • Assemble your fleet with various ship types:
    • Destroyer (4 decks)
    • Submarine (3 decks)
    • Cruiser (2 decks)
    • Battleship (5 decks)
    • Another Destroyer (4 decks)

• GraveYard:

  • Track opponent's fleet with highlighted destroyed ships.

• Ship Placement:

  • Manual or random placement for strategic diversity.

• Visual Effects:

  • Explosive visuals upon a successful hit.
  • GraveYard reflects the destruction of opponent's ships.

• User Interface:

  • Buttons:
    • Start: Launches the game.
    • Reset: Resets for a new round.
    • Place your ships: Arrange your fleet.

Technologies

• HTML
• CSS
• Sass
• BEM
• Git
• JavaScript
• TypeScript
• React
• ReactRouter
• Redux/toolkit
• classNames
• boxicons

Getting Started

1. Clone the repository.
2. Open the terminal and navigate to the project folder.
3. Run the game application with npm start

Created by Denys Bokov