Skip to content

Latest commit

 

History

History
37 lines (25 loc) · 1.79 KB

README.md

File metadata and controls

37 lines (25 loc) · 1.79 KB

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/

Example Image

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/