ChessTrainer

Chess is a board game played by two players on an 8x8 grid with 16 pieces. The goal is to checkmate the opponent's king, achieved by the strategic use of different pieces. The game can also end in resignation or a draw. This project aims to offer a user-friendly and immersive learning experience for chess beginners. The web application uses JavaScript (JS), Cascading Style Sheets (CSS), and Firebase for authentication and back-end database management. The user can play against an Artificial Intelligence (AI) opponent, adjust difficulty levels, and learn strategic moves. The primary focus is on providing an exceptional user experience and ease of use to improve chess skills.

Installlation Instruction

NodeJS Installation

Install node using this link: https://nodejs.org/en/download

IMPORTANT INFORMATION

Make sure NodeJS is on version "16.17.0"

Check NodeJS Version

node -v

If it is already on version 16.17.0, skip this stage and proceed to the next step. If not, click this link ----> https://hackernoon.com/best-way-to-install-node-and-keep-it-up-to-date

IDE Terminal Code

git clone https://github.com/Hyperoid29/Dissertation---Chess-Trainer-.git

cd Dissertation---Chess-Trainer-

.code
code .

Install Necessary Dependancies and Packages

npm install # using npm
or 
yarn install # using yarn

IMPORTANT INFORMATION

Create an .env file and paste in the following code: Create an .env file on the IDE file explorer and paste in the following code:

SKIP_PREFLIGHT_CHECK=true

Click save and proceed to the next step.

Install Necessary Dependancies and Packages

npm install --force 

Run Application

npm start # using npm
or 
yarn run start # using yarn
npm start 

Optional Instruction to revert NodeJS version

* Go to this website "https://github.com/coreybutler/nvm-windows/releases"
* Install "nvm-setup.exe"
* Run setup
* After running the program, type "nvm list" on command line (This should display the current nodeJS version)
* Type "nvm install 16.17.0" and press enter
* Type "nvm use 16.17.0"
You should now be running nodeJS on version 16.17.0 

Screenshot

Home Page

Guide Page

Play Vs AI Page

Ranked Page

Analysis Page

Watch Page

FAQ Page

Analytics Page

Forum Page

Leaderboard Page

Quantitative Survey

Quantitative Research Topic


How frequently do you play chess?

What is your experience level with chess?


Which of the following features would be the most important to you in a chess web application for beginners?


What device(s) do you typically use to access web applications?


How important is it for the chess web application to have a clean and user-friendly interface?


How important is it for the chess web application to have a feature that tracks your progress and improvement over time?


How important is it for the chess web application to have a feature that allows you to practice against different difficulty levels of computer opponents?


On a scale of 1 to 5, how easy do you find chess to learn?


How/why do you play chess?


What aspects of chess do you like and dislike?


What platforms do you watch Chess in?


Are there any specific features or functionality you would like to see in a future version of a chess web application?


Feedback Survey

Feedback Survey Title


On a scale of 1 to 5, how satisfied were you with the overall use-interface of the web application?


On a scale of 1 to 5, how easy was it to understand the step-by-step instructions provided in the application?


How satisfied were you with the AI opponent's level of difficulty?


Did you find the analytics provided helpful in improving your game? Why or why not?


On a scale of 1 to 5, how challenging did you find the AI opponent to be?


How useful did you find the chess opening instructional resource provided in the application?


On a scale of 1 to 5, how satisfied were you with the variety and quality of the forum discussions?


Did you feel comfortable posting your own questions or comments in the forum?


On a scale of 1 to 5, how likely are you to continue using the forum page in the future?


Is there any additional functionality or features that you would like to see added to the forum page?


How often did you check the leaderboard while using the application?


Did you find the leaderboard to be motivating in improving your chess skills?


Did the win/loss ratio motivate you to improve your gameplay?


Would you be interested in participating in tournaments or challenges with other players on the leaderboard?


How frequently did you check your win/loss ratio?


Did the win/loss ratio accurately reflect your skill level?


Would you like to see more detailed win/loss ratio analysis, such as by opponent or time period?


Do you have any suggestions for improving the application's features or functionality?


Bibliography

Chess icons created by Freepik - Flaticon

Manual icons created by Eucalyp - Flaticon

Screenshot icons created by Freepik - Flaticon

Quantitative icons created by Eucalyp - Flaticon

Survey icons created by smashingstocks - Flaticon