https://github.com/aminumado/battleships
A battleship game made with vanilla javascript
https://github.com/aminumado/battleships
html-css-javascript jest npm tdd webpack
Last synced: 2 months ago
JSON representation
A battleship game made with vanilla javascript
- Host: GitHub
- URL: https://github.com/aminumado/battleships
- Owner: AminuMado
- License: mit
- Created: 2021-12-26T21:34:17.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-07T15:12:50.000Z (about 4 years ago)
- Last Synced: 2025-08-10T21:27:21.458Z (11 months ago)
- Topics: html-css-javascript, jest, npm, tdd, webpack
- Language: JavaScript
- Homepage: https://aminumado.github.io/battleships/
- Size: 4.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# battleships
🔗 **Live preview:**
Summary
This is a Battleship Game where players take turn dropping bombs on each other until one of the players' ships are all sunk. The Odin Project's javascript curriculum. The goal of this project was to learn how to use test driven development with Jest and factory functions.
Demo GIF
Desktop
### Functionality & Features
- You can place your ships manually.
- You can rotate your ships before placing it on your board.
- `Randomize` button places all your ships randomly on your board for you.
## Built with
### Technologies
- HTML
- CSS
- JavaScript
### Tools
- Visual Studio Code
- Linux terminal
- Git and GitHub
- Npm
- Webpack
- prettier
- eslint
## Outcome
- Used **ES6 Modules** for more modular code.
- Used CSS3 **grid** and **flex** to create layout.
- Used **Git** and **GitHub** for project management.
- Used **Jest** for TDD
- Used **webpack**
## Summary
### What I learned
- ES6 Modules
- Test Driven Development
- Unit Testing with Jest
### Future Fixes
- possibly add a drag and drop feature
- make AI smarter
## Author
👤 **AminuMado**
- GitHub: [AminuMado](https://github.com/AminuMado)