https://github.com/sanjeetbth7/limit-counter
LimitCounter is a simple and interactive web application that allows users to increment or decrement a counter value within a specified range. The counter is bounded between 0 and 150, and the app features a dynamic progress bar that visually represents the current count.
https://github.com/sanjeetbth7/limit-counter
flowbite-react react-icons reactjs tailwindcss
Last synced: 2 months ago
JSON representation
LimitCounter is a simple and interactive web application that allows users to increment or decrement a counter value within a specified range. The counter is bounded between 0 and 150, and the app features a dynamic progress bar that visually represents the current count.
- Host: GitHub
- URL: https://github.com/sanjeetbth7/limit-counter
- Owner: sanjeetbth7
- Created: 2024-08-18T21:23:16.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-18T21:59:56.000Z (almost 2 years ago)
- Last Synced: 2024-08-18T22:52:09.644Z (almost 2 years ago)
- Topics: flowbite-react, react-icons, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://limit-counter.vercel.app
- Size: 49.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LimitCounter
**LimitCounter** is a simple and interactive web application that allows users to increment or decrement a counter value within a specified range. The counter is bounded between 0 and 150, and the app features a dynamic progress bar that visually represents the current count. It also includes an undo/redo functionality, ensuring that users can easily reverse or reapply their last actions.
## Features
- **Increment/Decrement Counter**: Two buttons to add or subtract from the counter value, with enforced limits (0 ≤ count ≤ 150).
- **Progress Bar**: A visually appealing progress bar that updates dynamically based on the current count.
- **Undo/Redo**: Easily undo or redo the last action to adjust the counter state.
- **Smooth Transitions**: Animated transitions for the progress bar to enhance the user experience.
## Demo
Check out the live demo: [LimitCounter Demo](https://limit-counter.vercel.app/)
## Usage
- **Increment/Decrement**: Click the "Add" button to increase the count by 1, or the "Subtract" button to decrease it by 1. The count will not exceed 150 or drop below 0.
- **Undo/Redo**: Use the Undo and Redo buttons to reverse or reapply your last action.
- **Progress Bar**: Watch the progress bar dynamically update as the count changes.