React counter-app

About This Space

Simple React Counter Components


Last updated on September 30, 2021

Public Permissions:   View   Run   Comment  

React.js Simple Counter Application

Planned Enhancements:

  1. Button to add new counters.
  2. Ability to name/rename counters.
  3. Ability to decrement. (Added 9/8/2021)
    • Added disable to decrement button (-) if counter is Zero.
  4. Ability to reset individual counters.
  5. Ability to color-code counters.
  6. Store counters to a db table.
  7. Store and display counters for individual users.
  8. Do not display counters the current user did not create.
  9. Ability to share a readonly version of the counter page.
  10. Ability to drag and position counters anywhere on screen or within a section.
  11. Ability to categorize counters.
  12. Ability to collapse, hide, and delete categories of counters.
  13. Ability to select multiple counters to group into categories, move, or delete.
  14. Ability to add counters that cannot be manually incremented and increment only on certain events, i.e. click anywhere, press the d key on the keyboard, middle button scroll, timed interval.
  15. Ability to press and hold a key or mouse button to increment continuously, in short intervals so the user will have time to react, until released.
  16. Ability to select different ways of displaying the current value. i.e. draw tally marks that condense into groups of 5, roman numerals, written out (like "three"), written in another language (like in Japanese, "ichi, ni, san, shi,..."), display in kanji (like in Japanese kanji, "一、二、三、四、。。。").

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

Filters:

Popular Recent

Session StopWatch using javascript classes

450

0

0

Simple CRUD with Edit Screen

1686

0

0

Simply Low Code Inquiry Application

2225

0

0

Example of using javascript classes with Low Code

2168

0

0

Example of using winston logger with Low Code

2290

0

0