This is a simple counter application built using React and Redux-toolkit with redux-saga. It allows you to increment, decrement, and reset a counter value. You can also increment or decrement the counter by a custom amount specified by the user.
Report bug
·
Pull requests
To run this application locally, follow these steps:
- Clone the repository:
git clone https://github.com/CreativeThinker2023/counter-application.git
- Navigate to the project directory:
cd counter-application - Install the dependencies:
yarn install
- Start the development server:
yarn run dev
Open your web browser and visit http://localhost:5173/ to access the application
The counter is displayed on the screen, and you can interact with it using the following buttons and input field:
- "+" Button: Increments the counter value by 1.
- "-" Button: Decrements the counter value by 1.
- "+10" Button: Increments the counter value by 10.
- "async Event +2" Button: Initiates an asynchronous event that increments the counter value by 2 after a short delay.
- "Reset" Button: Resets the counter value to 0.
- Increment Amount Input: Allows you to specify a custom increment or decrement amount for the counter.
- "Increase Amount" Button: Increments the counter value by the specified custom amount.
- "Decrease Amount" Button: Decrements the counter value by the specified custom amount.
- Increment and decrement the counter value by 1.
- Increment the counter value by 10.
- Asynchronous increment of the counter value by 2.
- Reset the counter value to 0.
- Customizable increment and decrement amounts.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on the GitHub repository. If you'd like to contribute code, please follow these steps:
- Fork the repository.
- Create a new branch.
- Make your changes and commit them.
- Push your changes to your fork.
- Submit a pull request explaining your changes.
This project is licensed under the MIT License.