[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":12,"_29":30,"_31":30,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69daa59b91d88191aa7d3f8a64ee8d8f","versionInt","title","Adhd Formulas Maths Tutor Uk React","type","code/react","content","import React, { useMemo, useState, useEffect } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Input } from \"@/components/ui/input\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { CheckCircle2, XCircle, RotateCcw, Lightbulb, Clock3, BookOpen, AlertTriangle, Target, RefreshCw } from \"lucide-react\";\n\nconst theoryCards = [\n {\n title: \"What is a formula?\",\n text: \"A formula is a maths rule written with letters and numbers. The letters stand for values that can change.\",\n example: \"Example: C = 0.5m + 1 means the total cost C is made from 50p per minute for m minutes, plus a £1 fixed fee.\",\n mistake: \"Common mistake: forgetting that the letter stands for a number, not an object. The letter m means the number of minutes.\"\n },\n {\n title: \"Subject and expression\",\n text: \"The subject is the single letter written on its own on one side of the equals sign. The expression is the calculation on the other side.\",\n example: \"Example: In V = lwh, the subject is V. The expression is lwh.\",\n mistake: \"Common mistake: writing the formula backwards or leaving more than one letter alone on one side when the task asks for one subject.\"\n },\n {\n title: \"Substituting values\",\n text: \"Substituting means replacing letters with numbers you know, then carrying out the calculation carefully.\",\n example: \"Example: If P = 2000 + 500x and x = 6, then P = 2000 + 500(6) = 2000 + 3000 = 5000.\",\n mistake: \"Common mistake: missing brackets or only replacing one of the letters when more than one value is given.\"\n },\n {\n title: \"Fixed amount and repeated amount\",\n text: \"Many real-life formulae have a starting value and a changing value. The changing value is usually multiplied by time, number of items, distance, or another measure.\",\n example: \"Example: A taxi fare might be £3 to start, then £2 for each mile. Formula: C = 2m + 3.\",\n mistake: \"Common mistake: mixing up what is added once and what is multiplied again and again.\"\n },\n {\n title: \"Using units properly\",\n text: \"Always keep an eye on units such as pounds, grams, centimetres, or cubic centimetres.\",\n example: \"Example: Volume of a cuboid with width 2 cm, height 4 cm and length 5 cm is 2 × 4 × 5 = 40 cm³.\",\n mistake: \"Common mistake: giving the right number but forgetting the correct unit in the final answer.\"\n }\n];\n\nconst questions = [\n {\n id: 1,\n type: \"formula\",\n skill: \"Write a formula\",\n prompt: \"A café sells tea and coffee. A cup of tea costs £1.50 and a cup of coffee costs £2. Write a formula for the total cost C of x cups of tea and y cups of coffee.\",\n accepted: [\"C=1.5x+2y\", \"1.5x+2y\", \"C = 1.5x + 2y\", \"C=2y+1.5x\", \"C = 2y + 1.5x\"],\n answer: \"C = 1.5x + 2y\",\n steps: [\n \"Tea costs £1.50, so x cups cost 1.5x.\",\n \"Coffee costs £2, so y cups cost 2y.\",\n \"Add the two parts to get the total cost.\",\n \"Write the subject first: C = 1.5x + 2y.\"\n ],\n commonMistake: \"A common mistake is writing 1.5 + 2xy. That would mix the two parts together incorrectly. Tea and coffee costs should be separate and then added.\"\n },\n {\n id: 2,\n type: \"number\",\n skill: \"Substitute values\",\n prompt: \"Use your formula from Question 1 to work out the cost of 2 cups of tea and 3 cups of coffee. Type the number only.\",\n accepted: [\"9\", \"9.0\", \"9.00\"],\n answer: \"9\",\n steps: [\n \"Start with C = 1.5x + 2y.\",\n \"Substitute x = 2 and y = 3.\",\n \"C = 1.5(2) + 2(3).\",\n \"C = 3 + 6 = 9.\",\n \"So the total cost is £9.\"\n ],\n commonMistake: \"A common mistake is doing 1.5 + 2 + 3. You must multiply the price by the number of cups first.\"\n },\n {\n id: 3,\n type: \"formula\",\n skill: \"Write a formula\",\n prompt: \"The volume V of a cuboid is found by multiplying length l, width w and height h. Write the formula.\",\n accepted: [\"V=lwh\", \"lwh\", \"V = lwh\", \"V= lwh\"],\n answer: \"V = lwh\",\n steps: [\n \"Volume of a cuboid is length × width × height.\",\n \"Using letters, that becomes l × w × h.\",\n \"Write the subject first.\",\n \"So the formula is V = lwh.\"\n ],\n commonMistake: \"A common mistake is adding the dimensions instead of multiplying them. Volume uses multiplication here.\"\n },\n {\n id: 4,\n type: \"number\",\n skill: \"Substitute values\",\n prompt: \"A cuboid has width 2 cm, height 4 cm and length 5 cm. What is the volume? Type the number only.\",\n accepted: [\"40\"],\n answer: \"40\",\n steps: [\n \"Use V = lwh.\",\n \"Substitute l = 5, w = 2 and h = 4.\",\n \"V = 5 × 2 × 4.\",\n \"V = 40.\",\n \"So the volume is 40 cm³.\"\n ],\n commonMistake: \"A common mistake is writing 11 because 5 + 2 + 4 = 11. Here you must multiply, not add.\"\n },\n {\n id: 5,\n type: \"formula\",\n skill: \"Real-life formula\",\n prompt: \"Lorenzo buys a vintage car for £80,000. Every year the value goes up by £600. Write a formula for V, the value of the car after y years.\",\n accepted: [\"V=80000+600y\", \"V = 80000 + 600y\", \"80000+600y\", \"V=600y+80000\", \"V = 600y + 80000\"],\n answer: \"V = 80000 + 600y\",\n steps: [\n \"The starting value is £80,000.\",\n \"The car increases by £600 each year.\",\n \"After y years, the increase is 600y.\",\n \"Add this to the starting value.\",\n \"So V = 80000 + 600y.\"\n ],\n commonMistake: \"A common mistake is multiplying 80000 by y. The £80,000 is the starting value, so it is added once, not repeated each year.\"\n },\n {\n id: 6,\n type: \"number\",\n skill: \"Substitute values\",\n prompt: \"Using the car formula, what will the car be worth after 6 years? Type the number only.\",\n accepted: [\"83600\"],\n answer: \"83600\",\n steps: [\n \"Use V = 80000 + 600y.\",\n \"Substitute y = 6.\",\n \"V = 80000 + 600(6).\",\n \"V = 80000 + 3600 = 83600.\",\n \"So the car will be worth £83,600.\"\n ],\n commonMistake: \"A common mistake is doing 80000 + 600 + 6. The 600 must be multiplied by the 6 years.\"\n },\n {\n id: 7,\n type: \"formula\",\n skill: \"One-off plus repeated cost\",\n prompt: \"Kirstie is paid £2000 to join a curling team, and then £500 every month after that. Write a formula for P, the amount in pounds she has earned after x months.\",\n accepted: [\"P=2000+500x\", \"P = 2000 + 500x\", \"2000+500x\", \"P=500x+2000\", \"P = 500x + 2000\"],\n answer: \"P = 2000 + 500x\",\n steps: [\n \"There is a starting amount of £2000.\",\n \"Each month adds £500.\",\n \"After x months, the extra amount is 500x.\",\n \"Add the starting amount and the monthly amount.\",\n \"So P = 2000 + 500x.\"\n ],\n commonMistake: \"A common mistake is using 2500x. That treats the starting fee as if it happens every month, which it does not.\"\n },\n {\n id: 8,\n type: \"number\",\n skill: \"Time conversion and substitution\",\n prompt: \"How much will Kirstie have earned after a year and a half? Type the number only.\",\n accepted: [\"11000\"],\n answer: \"11000\",\n steps: [\n \"A year and a half is 18 months.\",\n \"Use P = 2000 + 500x.\",\n \"Substitute x = 18.\",\n \"P = 2000 + 500(18) = 2000 + 9000 = 11000.\",\n \"So she will have earned £11,000.\"\n ],\n commonMistake: \"A common mistake is using 1.5 as the number of months. The formula uses months, so convert 1.5 years into 18 months first.\"\n },\n {\n id: 9,\n type: \"formula\",\n skill: \"Formula from words\",\n prompt: \"An adventure company charges £30 per hour to hire a quad bike, plus £25 for insurance. Write a formula for C, the total cost in pounds to hire q quad bikes for t hours.\",\n accepted: [\"C=30qt+25\", \"C = 30qt + 25\", \"30qt+25\", \"C=25+30qt\", \"C = 25 + 30qt\"],\n answer: \"C = 30qt + 25\",\n steps: [\n \"£30 per hour for each quad bike means 30 × q × t.\",\n \"That gives the time-based cost 30qt.\",\n \"Insurance is a fixed £25, so add 25.\",\n \"Write the subject first.\",\n \"So C = 30qt + 25.\"\n ],\n commonMistake: \"A common mistake is writing 30 + q + t + 25. The £30 is a rate, so it must be multiplied by both the number of quad bikes and the number of hours.\"\n },\n {\n id: 10,\n type: \"number\",\n skill: \"Substitute values\",\n prompt: \"Use your quad bike formula to work out the total cost for 2 quad bikes hired for 3 hours. Type the number only.\",\n accepted: [\"205\"],\n answer: \"205\",\n steps: [\n \"Use C = 30qt + 25.\",\n \"Substitute q = 2 and t = 3.\",\n \"C = 30(2)(3) + 25.\",\n \"C = 180 + 25 = 205.\",\n \"So the total cost is £205.\"\n ],\n commonMistake: \"A common mistake is doing 30 × 3 + 25 and forgetting the 2 quad bikes. Make sure every given value is used.\"\n }\n];\n\nconst praiseMessages = [\n \"Correct — nice work.\",\n \"Well done — you nailed that one.\",\n \"Yes — that was spot on.\",\n \"Brilliant — you used the rule properly.\",\n \"Great job — steady and accurate.\"\n];\n\nconst encouragementMessages = [\n \"You’ve matched the rule and used the information properly.\",\n \"That was careful maths. Keep that same method going.\",\n \"You stayed focused and got the structure right.\",\n \"Good thinking — you separated the fixed part from the changing part.\",\n \"Nice one — your substitution was accurate.\"\n];\n\nfunction normalise(input) {\n return input.replace(/\\s+/g, \"\").replace(/£/g, \"\").toLowerCase();\n}\n\nfunction checkAnswer(input, accepted) {\n const cleaned = normalise(input);\n return accepted.some((a) => normalise(a) === cleaned);\n}\n\nfunction formatTime(totalSeconds) {\n const mins = Math.floor(totalSeconds / 60);\n const secs = totalSeconds % 60;\n return `${mins}:${String(secs).padStart(2, \"0\")}`;\n}\n\nexport default function ADHDFormulasTutor() {\n const [section, setSection] = useState(\"learn\");\n const [mode, setMode] = useState(\"all\");\n const [theoryIndex, setTheoryIndex] = useState(0);\n const [questionIndex, setQuestionIndex] = useState(0);\n const [answer, setAnswer] = useState(\"\");\n const [status, setStatus] = useState(null);\n const [showWorking, setShowWorking] = useState(false);\n const [secondsLeft, setSecondsLeft] = useState(30 * 60);\n const [score, setScore] = useState(0);\n const [attempts, setAttempts] = useState({});\n const [completed, setCompleted] = useState([]);\n const [wrongQuestionIds, setWrongQuestionIds] = useState([]);\n const [blockBreak, setBlockBreak] = useState(false);\n const [lastPraise, setLastPraise] = useState(praiseMessages[0]);\n const [lastEncouragement, setLastEncouragement] = useState(encouragementMessages[0]);\n\n const activeQuestions = useMemo(() => {\n if (mode === \"redoWrong\") {\n const wrongOnly = questions.filter((q) => wrongQuestionIds.includes(q.id));\n return wrongOnly.length ? wrongOnly : questions;\n }\n return questions;\n }, [mode, wrongQuestionIds]);\n\n useEffect(() => {\n if (section !== \"practice\") return;\n if (questionIndex >= activeQuestions.length) return;\n if (blockBreak) return;\n const timer = setInterval(() => {\n setSecondsLeft((prev) => (prev > 0 ? prev - 1 : 0));\n }, 1000);\n return () => clearInterval(timer);\n }, [section, questionIndex, activeQuestions.length, blockBreak]);\n\n const currentTheory = theoryCards[theoryIndex];\n const currentQuestion = activeQuestions[questionIndex];\n const progressValue = useMemo(() => {\n if (section === \"learn\") return ((theoryIndex + 1) / theoryCards.length) * 100;\n if (!activeQuestions.length) return 0;\n return (completed.length / activeQuestions.length) * 100;\n }, [section, theoryIndex, completed.length, activeQuestions.length]);\n\n const currentBlock = Math.min(3, Math.floor(questionIndex / 3) + 1);\n const questionInBlock = (questionIndex % 3) + 1;\n const breakNeeded = section === \"practice\" && questionIndex > 0 && questionIndex < activeQuestions.length && questionIndex % 3 === 0;\n\n useEffect(() => {\n if (breakNeeded && !status) {\n setBlockBreak(true);\n }\n }, [breakNeeded, status]);\n\n const submitAnswer = () => {\n if (!answer.trim() || !currentQuestion) return;\n const correct = checkAnswer(answer, currentQuestion.accepted);\n const tries = (attempts[currentQuestion.id] || 0) + 1;\n setAttempts({ ...attempts, [currentQuestion.id]: tries });\n setStatus(correct ? \"correct\" : \"wrong\");\n setShowWorking(true);\n\n if (!correct && !wrongQuestionIds.includes(currentQuestion.id)) {\n setWrongQuestionIds([...wrongQuestionIds, currentQuestion.id]);\n }\n\n if (correct && !completed.includes(currentQuestion.id)) {\n setCompleted([...completed, currentQuestion.id]);\n setScore((prev) => prev + 1);\n const praiseIndex = (currentQuestion.id + tries) % praiseMessages.length;\n const encouragementIndex = (currentQuestion.id + tries) % encouragementMessages.length;\n setLastPraise(praiseMessages[praiseIndex]);\n setLastEncouragement(encouragementMessages[encouragementIndex]);\n }\n };\n\n const retryQuestion = () => {\n setAnswer(\"\");\n setStatus(null);\n setShowWorking(false);\n };\n\n const nextQuestion = () => {\n setAnswer(\"\");\n setStatus(null);\n setShowWorking(false);\n setQuestionIndex((prev) => prev + 1);\n };\n\n const startPractice = () => {\n setSection(\"practice\");\n setMode(\"all\");\n setQuestionIndex(0);\n setAnswer(\"\");\n setStatus(null);\n setShowWorking(false);\n setSecondsLeft(30 * 60);\n setScore(0);\n setAttempts({});\n setCompleted([]);\n setWrongQuestionIds([]);\n setBlockBreak(false);\n };\n\n const resetPractice = () => {\n startPractice();\n };\n\n const redoWrongQuestions = () => {\n if (!wrongQuestionIds.length) return;\n setSection(\"practice\");\n setMode(\"redoWrong\");\n setQuestionIndex(0);\n setAnswer(\"\");\n setStatus(null);\n setShowWorking(false);\n setSecondsLeft(10 * 60);\n setScore(0);\n setAttempts({});\n setCompleted([]);\n setBlockBreak(false);\n };\n\n const continueAfterBreak = () => {\n setBlockBreak(false);\n };\n\n if (section === \"done\" || questionIndex >= activeQuestions.length) {\n const accuracyBase = activeQuestions.length || 1;\n const accuracy = Math.round((score / accuracyBase) * 100);\n return (\n

\n \n \n Brilliant work.\n \n \n

\n Score: {score}/{activeQuestions.length}\n Accuracy: {accuracy}%\n Time left: {formatTime(secondsLeft)}\n

\n\n

What went well

You worked through formula writing, substitution, and common real-life maths patterns. You also kept going after mistakes, which is exactly how progress happens.

\n\n

Remember these key checks

Start with the subject on the left.
Separate the fixed amount from the repeated amount.
Substitute every value carefully.
Check whether you need to multiply or add.
Give the answer in the right unit.

\n\n

Questions to redo

\n {wrongQuestionIds.length ? (\n

You made mistakes on {wrongQuestionIds.length} question{wrongQuestionIds.length > 1 ? \"s\" : \"\"}. Use the redo button to practise only those questions again.

\n ) : (\n

No wrong-question bank this time. Nice and tidy.

\n )}\n

\n\n

\n \n \n \n

\n \n \n

\n );\n }\n\n return (\n

\n \n \n \n

Formulas

ADHD-friendly maths practice in UK English

\n setSection(\"learn\")}\n >\n Learn\n \n setSection(\"practice\")}\n >\n Practise\n \n

\n\n

\n {section === \"learn\" ? `Theory card ${theoryIndex + 1} of ${theoryCards.length}` : `Question ${questionIndex + 1} of ${activeQuestions.length}`}\n {Math.round(progressValue)}%\n

\n \n

\n \n \n\n \n \n

\n Focus time\n

{formatTime(secondsLeft)}

This set is organised into 3 short focus blocks with mini breaks.

\n One question at a time\n Detailed steps\n Retry option\n

\n \n \n \n\n {section === \"learn\" ? (\n \n \n

Theory

{currentTheory.title}

{currentTheory.text}

Example

{currentTheory.example}

Common mistake to avoid

{currentTheory.mistake}

\n\n

Quick memory hook

Subject = the letter on its own.
Expression = the maths you do.
Fixed amount = add once.
Repeated amount = multiply.
Substitute carefully, then calculate.

\n\n

\n setTheoryIndex((prev) => Math.max(0, prev - 1))}\n disabled={theoryIndex === 0}\n >\n Previous\n \n {theoryIndex < theoryCards.length - 1 ? (\n \n ) : (\n \n )}\n

\n \n \n ) : blockBreak ? (\n \n \n

\n \n

Mini break

You have finished block {currentBlock - 1} of 3. Take a short pause, stretch, sip water, then come back.

Quick reset ideas

Stand up and shake out your arms for 10 seconds.
Look away from the screen and blink slowly.
Take three steady breaths.
Say: one question at a time.

\n \n \n \n ) : (\n \n \n \n

\n {currentQuestion.skill}\n Score: {score}/{activeQuestions.length}\n Attempts: {attempts[currentQuestion.id] || 0}\n Block {currentBlock} of 3\n Question {questionInBlock} in this block\n

\n\n

{currentQuestion.prompt}

\n\n

\n Your answer\n

\n setAnswer(e.target.value)}\n placeholder=\"Type your answer here\"\n className=\"h-14 rounded-2xl text-lg\"\n onKeyDown={(e) => {\n if (e.key === \"Enter\") submitAnswer();\n }}\n />\n \n

\n\n {status && (\n \n

\n {status === \"correct\" ? (\n \n ) : (\n \n )}\n

\n {status === \"correct\" ? lastPraise : \"Not quite yet — let’s fix it step by step.\"}\n

\n {status === \"correct\"\n ? lastEncouragement\n : \"Mistakes are useful here because they show exactly what to improve next.\"}\n

\n\n {showWorking && (\n

Answer and steps

Answer: {currentQuestion.answer}

{step}

\n\n

Common mistake to avoid

{currentQuestion.commonMistake}

\n )}\n\n

\n {status === \"wrong\" && (\n \n )}\n \n

\n \n )}\n\n {wrongQuestionIds.length > 0 && (\n

Wrong-question bank

So far, {wrongQuestionIds.length} question{wrongQuestionIds.length > 1 ? \"s\" : \"\"} will be saved for redo practice later.

\n )}\n \n \n \n )}\n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch","shouldPrefetchAccount",true,"shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","7355727761863760134","traceTime",1782345867911]