Add contribution guidelines for this breakout game

@DhanushNehru Please assign me this issue

Update README.MD with more clear explanation & updated images / gifs

Currently after the game is played, either lost or won the popup is just a normal prompt

Can this be customised with html or css & make it to look better

Feature

Can we add a high score feature to this game, to make it more engaging?

Currently, the slider in our Breakout game is controlled by the mouse pointer movement. While this is functional, using the arrow keys for slider movement can provide a more traditional and precise gaming experience.

An option to be configured by the user via frontend to decrease or increase the size of the ball which hits the blocks.

Creativity welcomed 🙂

Currently if you are playing the breakout game, the slider moves as per the mouse movement

Can it be handled to move based on keyboard arrow keys

Description:

We need to set up a Continuous Integration (CI) pipeline for our project to ensure code quality and consistency. The CI pipeline should run linting checks automatically and fix any issues when possible.

Tasks:

Configure Linting:

• Ensure npm run lint is set up to check for code style and quality issues.
• Ensure npm run lint:fix is set up to automatically fix linting issues.

Set Up CI Pipeline:

• Integrate a CI service (e.g., GitHub Actions, Travis CI, CircleCI) with our repository.
• Create a configuration file (e.g., .github/workflows/lint.yml for GitHub Actions) to run linting commands on every push and pull request.

Expected Outcome:

• Automated linting checks on each commit and pull request.
• Consistent code style and reduced manual linting effort.

Additional Notes:

• Ensure the pipeline is set up to provide clear feedback on linting errors.
• Optionally, set up a badge in the README to display the CI status.

When watching the gif in the readme and trying out the game, I noticed that half of the ball could go through a brick before the game recognizes that it made contact, and a ball hitting a corner of a brick would not collide at all. If it's alright, I'm going to work on a PR to fix this behavior.

An option to be configured by the user via frontend to decrease or increase the speed of the ball which hits the blocks.

Creativity welcomed 🙂

When there are some blocks to break, the ball continues to hit the same points on the map wall.

I want to fix it. I'm going to add something that does a little modification when it bounces. with that it should vary where it will bounce

Currently the blocks in the right side are not properly aligned. Make it similar to how the blocks are in left

After the game stops I want to show the user the score he has scored and also the background requires some changes so that needs some update also.

When the game ends the Lives display on the top right, becomes -1 instead of remaining 0 on subsequent clicks

Hey, I don't really like the design of the site currently, so I'd like to change it but make it look better.

The CONTRIBUTION.md does not contain git commands to clone the repo, creating new branch and pushing the changes.
I can add these instructions in the CONTRIBUTION.md to make it easy for beginners to contribute in the project.

Implement a pull request template to enable users to review essential steps before submitting a pull request.

Update the README.md file by including the following:

1. The technologies used to create the game.
2. Latest images/gifs of the game.
3. Rules of the game / How the game is played.
4. Features of the game.

Hey; I'm wondering if I can work on making the HTML W3C Valid?

I also noticed there's some Accessibility Contrast Issues that I can try to improve as well.

Currently based on the mouse pointer the slider moves, it should incorporate movement via keyboard keys as well

Background
Currently, the copyright year displayed on our website is hardcoded to "2022". This requires manual updates each year to reflect the correct year, which can easily be overlooked and lead to outdated information being displayed.

Objective
The goal of this issue is to modify the copyright year so that it dynamically updates based on the current year. This will ensure the website always shows the correct copyright year without needing manual intervention.

Currently the blocks are all blue in color. Is it possible to have multi color blocks ?

I want to add lives to the blocks, with this the player must hit the same block several times before breaking it