https://github.com/faanid/quick-count
your counter component
https://github.com/faanid/quick-count
dark-theme html-css javascript jest-tests localstorage
Last synced: 2 months ago
JSON representation
your counter component
- Host: GitHub
- URL: https://github.com/faanid/quick-count
- Owner: faanid
- Created: 2022-11-27T08:48:18.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-01T16:05:31.000Z (over 1 year ago)
- Last Synced: 2025-04-07T10:59:24.746Z (over 1 year ago)
- Topics: dark-theme, html-css, javascript, jest-tests, localstorage
- Language: CSS
- Homepage: https://counter-faanid.netlify.app/
- Size: 1.17 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quick Count
Quick Count is a simple and efficient counter application with local storage support. It allows users to increment, decrement, and save count values, ensuring data persistence even after a page refresh.
## 🚀 Features
- **Increment & Decrement**: Increase or decrease the count easily.
- **Save Count**: Store count history for later reference.
- **Persistent Storage**: Uses local storage to retain values after refreshing.
- **Reset & Reset All**: Reset the counter or clear all saved data immediately.
- **+5 Increment**: Quickly increment by 5 for faster counting.
- **Optimized Performance**: Efficient DOM updates and local storage handling.
- **Dark & Light Theme**: Supports theme switching for better user experience.
- **Reusable Component**: The counter is built as a modular component for easy integration.
## 📌 Installation
Clone the repository and open the project:
```bash
git clone https://github.com/faanid/quick-count.git
cd quick-count
```
Then, open `index.html` in your browser.
## 🛠 Usage
1. Click **"+"** to increment the counter.
2. Click **"-"** to decrement (down to zero).
3. Click **"Save"** to store the current count in history.
4. Click **"Reset"** to reset only the counter.
5. Click **"Reset All"** to remove all stored values instantly.
6. Click **"+5"** to increase the count by 5.
7. Toggle **Dark/Light Mode** for a customizable theme experience.
## 🌐 Live Demo
Check out the live version: [Quick Count on Netlify](https://counter-faanid.netlify.app/)
## 📜 License
This project is licensed under the MIT License - feel free to modify and use it.
---
### ✨ Contributing
Feel free to fork, submit issues, or create pull requests to improve Quick Count!