This project is archived. Initially, this project was built with basic JavaScript and HTML. Then I wanted to add more features, So I decided to move on to use Next.js
The new project at here: https://github.com/phongtn/simple-match-challenge.
This game is built with the support of ChatGPT which ChatGPT is the main worker.
My responsibility is prompting to ChatGPT. ChatGPT responds to coding and research questions.
Initially, ChatGPT also had designed the layout for the game but it's terrible. So, I decided to update the layout for the game.
ChatGPT also writes all of the documentation below.
Huge thanks to the OpenAI the author of ChatGPT.
This application is designed to provide an interactive and educational experience for users by presenting multiplication problems and allowing them to test their skills. The application features a countdown clock, a score tracker, and a series of multiplication problems with multiple-choice answers.
The Web Application offers the following features:
At the top of the screen, you will see a countdown clock that starts from 10 seconds and counts down to zero. This clock indicates the time remaining to answer the current multiplication problem.
Next to the countdown clock, there is a label component that displays the user's score. The score increases by 1 point for each correct answer and decreases by 1 point for each incorrect answer.
Below the score tracker, a multiplication problem with two digits is displayed. The user needs to solve the problem and select the correct answer from the two options provided.
Below the multiplication problem, there are two buttons representing the possible answers. Only one of the answers is correct. Click on the button with the correct answer to proceed.
After selecting an answer, the web application will generate a new multiplication problem automatically. This allows users to practice their multiplication skills continuously.
When the user selects an answer, the score will be updated based on the correctness of the answer. Two points will be added for a correct answer, and one point will be deducted for an incorrect answer.
If the countdown clock reaches zero, the web application will generate a new multiplication problem automatically. This ensures that users always have a new problem to solve.
The ChatDev Web Application is designed to be responsive and compatible with mobile devices. The multiplication problem and answer buttons are larger to be child-friendly, and the multiplication problem is highlighted with a different color for better visibility.