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

A demo of how to build, test and consume APIs

2180

0

0

Sample Application for Automated Testing POC

2162

0

0

Example of Changing the Options in a Select Box based on the selection of another

1990

0

0

Example of Grid Row Drag-and-Drop Using Client Side Javascript

1764

0

0

User Account Management and Login System

1870

0

0

This example shows how to build a javascript class from database information

1881

0

0

https://mermaid-js.github.io/mermaid/#/

3641

0

0

Page-by-page Example using a module for retrieving database records

1997

0

0

The example is built from the react-beautiful-dnd tutorial found at: https://egghead.io/lessons/react-course-introduction-beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd

2238

0

0

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

2120

0

0

Examples of using external functions in low code

1819

0

0