Tutorial: How to Use the Counter Tool

The Counter Tool is a versatile tool designed for tracking, managing, and customizing multiple counters in one interface. It combines a rich set of features to cater to diverse needs, such as goal tracking, stopwatch functionality, color customization, and data persistence. The application is perfect for tracking activities, managing tasks, or simply keeping a record of counts.

Key Features

1. Multiple Counters: Create and manage up to 50 counters simultaneously, each with its own customizable properties.
2. Customizable Counter Names: Easily edit counter names for better organization.
3. Increment/Decrement Controls: Adjust counters by customizable values. Each counter can have unique increment and decrement settings.
4. Goal Tracking: Set goals for each counter. Get notified when a goal is reached.
5. Color Customization: Change background and text colors dynamically using a color picker.
6. Stopwatch: Integrated stopwatch for timing tasks or activities. The stopwatch runs independently of the counters.
7. Photo Attachments: Attach photos to counters for added context or visual tracking.
8. Save & Load Counter Sets: Save the state of your counters and load them later for continuity.
9. Share Functionality: Share counters.
10. Export Export counter sets for backup.
11. Adjustable Settings: Configure font sizes, font families, and button layouts for a personalized experience.
12. Progress Indicators: Visualize progress toward goals with progress bars.
13. Sound & Haptics: Enjoy optional sound effects and haptic feedback for incrementing or decrementing counters.

Tutorial: How to Use the Counter Application

Getting Started

1. Launch the Application: Open the app, and the first counter will be automatically created.
2. Add More Counters:
   • Click the "Add" button (plus icon) in the header to create new counters.
   • You can create up to 50 counters.

Customizing Counters

1. Edit Counter Names:
   • Click on a counter's name to enter edit mode.
   • Type the new name and press Enter or click outside the input box to save.
2. Change Counter Values:
   • Use the plus and minus buttons to increment or decrement the count.
   • To reset, click the reset icon.
3. Set Goals:
   • Click the goal icon in the counter’s toolbar.
   • Enter the goal value in the pop-up modal. Enable or disable the goal toggle as needed.
   • When the goal is achieved, you will be notified with a sound and modal.

Using the Stopwatch

1. Show Stopwatch: Click the stopwatch icon in the header to toggle its visibility.
2. Start, Stop, and Reset: Use the play, pause, and reset buttons within the stopwatch section.

Color Customization

1. Open the Color Picker: Click the color icon in the counter toolbar.
2. Select a Color:
   • Choose between background or text color options.
   • Drag the slider in the color picker to set your desired color.
   • Or click 'd' to go back to default.

Attaching Photos

1. Add Photos:
   • Click the camera icon in the counter toolbar.
   • Take a photo.
   • The photo will appear in the counter’s photo section.

Saving and Loading Counters

1. Save a Counter Set: Click the save icon in the header. Enter a name for the counter set and click Save.
2. Load a Counter Set: Click the open icon in the header. Choose a saved counter set from the list to load.

Sharing Counters

1. Share as Text: Share counter details (including names, values, and goals) via the share menu.

Export

1. Export Counters: Use the Export button in the load modal to back up your saved counters.
2. Delete All: Use the Delete All button to remove all saved counter sets.

Settings

1. Access Settings: Open the settings modal to customize font size, family, and button layout.
2. Text Buttons: Enable text labels below icons for better accessibility.
3. Customize Buttons: Toggle the location of the plus button (left or right).

Resetting and Clearing Counters

1. Clear All Counters: Click the clear icon in the header to remove all counters and start fresh.
2. Reset Individual Counters: Use the reset button within a counter to set its value back to zero.