Colors-Craze-Game

Overview

This project offers an exciting game where you eliminate enemy colors from a table full of colors. Each level has unique enemy colors that you must clear by changing square colors. Just click on an item to change its color and clear all enemies to progress!

---

Live demo:
colors-craze-game

---

Command lines:

• npm install
  Install all the necessary packages for running and developing the project.
• npm run start
  For running the project.
• npm run build-jsdocs
  For JSDocs of the utils functions, after running open the 'index.html' file located inside the 'js-docs' folder.

---

Experience the game in action:

Short-Demo.mp4

---

The technologies used in this project include:

• ReactJS : the project is built on the ReactJS framework.
• SASS : the project's style is implemented using SCSS.
• Media-query : media queries have been employed to ensure compatibility with smaller screens.

Additional technologies used as development tools include:

• ESLINT : the project adheres to the ESLint guidelines and follows the best practices recommended by airbnb.
• Custom NPM packages : the project incorporates custom NPM packages developed by me, aiming to enhance efficiency and facilitate easier updates, the packages are:
  • Colors-table : generates a dynamic game board filled with colors.
  • Countdown : a circular progress bar is implemented to display the remaining time for the current level.
  • Digital-clock : in a digital format, the current time is displayed.

---

Author

Afek Sakaju

• LinkedIn: @afeksa
• GitHub: @Afek-Sakaju