Embedded Files
Whole Group
Small Groups
Indepedent Practice
Implementation Ideas & Workflows
Math: Use as a digital station rotation activity for students to practice procedural fluency across all four fraction operations.
Math: Facilitate "Quiz Mode" challenges as a quick, low-stakes formative assessment at the end of a unit.
ELA/Procedural Writing: Have students utilize the "Hint" text to draft their own step-by-step guides on how to solve specific fraction operations.
"Build Your Own" AI Prompt
Want to create your own version of this sort of app?ย
To get started, put prompt below into GEMINI.
"Act as an expert educational web developer specializing in K-12 math tools. Create a single-file HTML5 application called "Fraction Smash Ultimate!". The UI should be modern, vibrant, and incredibly engaging, utilizing the 'Fredoka' font. Key functionalities must include: selectable operations via toggles (Addition, Subtraction, Multiplication, Division); two distinct game modes: "Practice Mode" (infinite play) and "10-Question Quiz Mode" (grading A-F); a dynamic scoring system that includes a streak multiplier (e.g., 2x score for 3+ in a row, 3x score and "fire" visual effects for 5+ in a row); operation-specific hints; basic sound effects using Web Audio API (toggleable); and a confetti effect on correct answers. The logic must accept mathematically equivalent answers (e.g., 2/4 is correct for 1/2) using cross-multiplication checking to avoid floating-point issues. Ensure a subtraction guard prevents negative results. Include a results modal for quiz completion. The design must be mobile-responsive and self-contained in one file without external image assets. "
How to Deploy What Gemini Builds
Quick Option (Gemini Canvas): Run and use the app directly inside Gemini Canvas mode to generate assets live.
Shareable Option (Google Sites / Canvas LMS): Ask Gemini to "provide a single HTML code block." Copy the code, go to your Google Site or Canvas page, select Embed > Embed Code, and paste it in.ย
File Option (Google Drive): Save the HTML code as an .html file and upload it to Google Drive to share directly with students/staff.ย
COMP3 & Tech Apps TEKS Alignment
COMP3 Strategy
Algorithmic Thinking โ Students must identify and execute the unique mathematical procedure (algorithm) required for each distinct fraction operation to arrive at equivalent answers.ย
Tech Apps TEKS Strand
Computational Thinking (Grades 3โ5 or 6โ8) โ (D)
Use mathematical logic and computational thinking to solve problems.
Page updated
Report abuse