Yann-GitHub / tennis-score-redux

Simple tennis score app using global state with Redux

Tennis Score App

This is a simple application that displays the score of a tennis match and includes a feature that randomly awards points to each player. It also has an autoplay function that starts the game automatically.

The main purpose of this project was to practice global state management using Redux. Additionally, the Immer library was utilized to simplify the manipulation of complex objects in React or Redux.

Getting Started

Prerequisites

The program requires the following elements:

• Web browser (Google Chrome, Mozilla Firefox...)
• IDE (VSCode, IntelliJ, ...)
• Package manager (Yarn or Npm...)

Dependencies

This project also has the following dependencies:

"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"immer": "^9.0.21",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.0.5",
"react-scripts": "5.0.1",
"redux": "^4.2.1",
"web-vitals": "^2.1.4"

Installing

• Clone this repository to your local machine using the following command:

git clone [e-mail]:Yann-GitHub/tennis-score-redux.git

• Then install the dependencies by running the command:

npm install or yarn install

Running the app

Runs the app in the development mode by running the command:

npm start or yarn start

Open http://localhost:3000 to view it in your browser.

License

This project is licensed under the MIT License