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

2361

0

0

Sample Application for Automated Testing POC

2299

0

0

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

2145

0

0

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

1933

0

0

User Account Management and Login System

2026

0

0

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

2052

0

0

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

3868

0

0

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

2156

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

2398

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

2288

0

0

Examples of using external functions in low code

1983

0

0