Skip to content

cblnco/coin-counter

Repository files navigation

💰 Coin counter

Mystery Block

A counter demo used to explain React basics.
You can use the counter right here.

This project was created with create-react-app.

📦 Installation and usage

To install this project run the following command in your teminal:

yarn install

Then you can play around with it, in your local development environment, with the following command:

yarn start

This project will start in the port 3000 of your localhost by default.

🛠️ Tweaking the Counter component

The counter component receives two props:

  • limit: A number that determines when the counter will stop increasing. [REQUIRED]
  • animationTimeout: animation duration in miliseconds. [OPTIONAL]

The following example will set a limit of 10 coins and the animation duration will be 230 ms:

<Counter limit={10} animationTimeout={230} />

⚖️ License

This project is licensed under the MIT License.