React-Battleships-Game

---

Live Demo

---

Overview 📖

React-Battleships-Game is a video game created in React/JavaScript and also uses the UI kit Material-UI and React-Router. It is based upon the classic board game "Battleships" made by Hasbro. this project has features such as different enemy AI difficulty levels, ship placement, both manual and random, and a settings menu to adjust the board size and difficulty.

Details 👨‍💻

Technologies & concepts

• React
• React-Router
• Material-UI

Features

• Setup your board and place ships manually or randomly
• Different game states between the player and the computer
• Enemy AI with different states (easy, medium, hard)
• A settings menu with the ability to change AI difficulty and board size

Visuals 🎬

Settings menu:

Ship Placement

Play against AI