Online Battleship Game

Description

Online Battleship Game is a multiplayer web-based implementation of the classic Battleship board game. It allows players to compete against each other in real-time battles on the high seas. The game features an intuitive user interface and interactive gameplay.

Features

• Real-time multiplayer gameplay
• Place and preview ships on the board
• Interactive user interface for shooting opponents' ships
• Responsive design for seamless gameplay on different devices
• Display game state updates in real-time

Technologies Used

• Frontend: HTML, CSS, JavaScript
• Backend: Node.js, Express.js
• WebSockets for real-time communication
• Heroku for dynamic website deployment

How to Play

1. Access the game website at https://online-battleship-a3a18b105d89.herokuapp.com/.
2. Press Ready button and wait for another player.
3. Drag and drop your ships onto the board to place them strategically.
4. Wait for the opponent to place their ships.
5. Take turns shooting at the opponent's ships by clicking on the cells of the grid.
6. Sink all the opponent's ships to win the game!
7. Enjoy endless battles with friends or random opponents.

Local Development

1. Clone the repository: git clone https://github.com/jamesngn/Online-Battleship
2. Install dependencies: npm install
3. Run the development server: npm run dev
4. Open your browser and navigate to http://localhost:8000 to access the game.