This group project was the mini front-end project as part of the Bright Network 12-week Full-Stack Bootcamp with the aim of developing our skills with HTML, CSS and vanilla JS.
It was developed using HTML, CSS and JS along with some other libraries such as canvas-confetti and fontawesome. As shown below the application has a clean and responsive design allowing users to play locally against friends or against the CPU on both desktop and mobile.
What did I learn?
- How to wireframe an application and use HTML, CSS and vanilla JS to develop a basic game
- How to use GitHub for collaboration (using branches and dealing with merge conflicts)
- Using CSS Flexbox, Grid and Media Queries for a responsive design
- Using HTML classes in interesting ways such as keeping track of occupied positions
- Using external libraries like canvas-confetti and fontawesome
- Using Promises/SetTimeOut and manipulating the asychronous nature of JS to simulate a CPU move
