Battleship Game Project

Overview

Developed as part of The Odin Project's JavaScript course. Classic game of battleship (rules).

Live preview (1): https://mantesso.github.io/odin-battleship/

As an exercise (3.2) of DevOps with Docker course. I deployed this project to fly.io using github actions. It's available here: https://odin-battleship.fly.dev/

Concepts worked

• Object-Oriented Programming (OOP)
• Test-Driven Development (TDD). Tests written with jest (except DOM).
• Working with 2d Arrays and Objects.
• Challanged myself to add a "buffer zone" to ships so they can't be placed adjacent to each other.
• Usage of a backtracking algorithm to place the ships randomly on the board.
• Usage of the HTML Drag and Drop API
• webpack for bundling.
• TailwindCSS for styling.

Building and Running the Project

• Requires Node.js installed on your system.
• In the project directory in your terminal and run npm install to install required dependencies.
• Run npm run build to bundle the project using webpack and npm run dev to run the project locally.
• The project will be available on port http://localhost:3000/

Run a dockerized version of the project

As a part of the DevOps with Docker course I created a minimal docker image for this project as an exercise:

• Pull Image: docker pull mantesso/odin-battleship:nginx
• Run the Container: docker run -p 8080:80 mantesso/odin-battleship:nginx
• The project will be available on http://localhost:8080/