Hide Zero Cards

Ginagawang set ng draggable cards ng Hide Zero Cards ang anumang whole number mula 1 hanggang isang bilyon, isa bawat digit, bawat isa ay may label ng tunay na value ng digit. Mag-type ng 5,432 at makakakuha ka ng cards na nagsasabing 5,000, 400, 30, at 2, color-coded ayon sa place group: reds para sa ones hanggang hundreds, yellow para sa thousands, green para sa millions, blue para sa billions. Ang pag-drag sa cards ay pisikal na naghihiwalay ng numero sa place-value components nito.

Ang namesake interaction ay ang zero toggle. Ang zero digit ay nagiging placeholder card na nagsasabing 0,000 sa halip na value card, at ang Zero toolbar button ay nagtatago o nagpapakita ng mga placeholder na iyon, na naglalarawan ng pagkakaiba sa pagitan ng walang digit at may zero digit. Ang dice button ay nagro-roll ng random numbers na may adjustable range at Zero-focus mode na patuloy na nagro-roll hanggang ang numero ay may zero, para ang practice ay sadyang nagsasanay sa konsepto.

Ang Number Forms dialog ay nire-render ang parehong numero sa apat na paraan: Standard, Word (sa pamamagitan ng hand-rolled number-to-words converter), Unit (5 thousands, 4 hundreds, 3 tens, 2 ones), at Expanded (5,000 + 400 + 30 + 2). Ang in-app guide ay nagdaragdag ng limang classroom activities at assessment checks, na may first-visit welcome dialog at celebratory toast kapag ang estudyante ay nakabuo ng unang numero niya.

Binuo sa Next.js 15, React 19, TypeScript, at shadcn/ui. Ang dragging ay isang hand-rolled hook sa Pointer Events na may pointer capture sa halip na drag-and-drop library, para ang cards ay tumutugon nang pareho sa mouse, touch, at stylus. Pampubliko ang buong source sa GitHub.