[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_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","6a05cbf8f5b48191a5bd7ef765548eea","versionInt","title","Miam Level 2 Exam Theatre App","type","code/react","content","import React, { useMemo, useState } from \"react\";\n\nconst AREAS = [\n {\n id: \"percentages\",\n title: \"1. Percentages, reverse percentages and discounts\",\n learnerProblem: \"Learners often find a percentage but miss when the question asks them to work backwards.\",\n successRule: \"Always decide first: am I finding a percentage of a number, increasing/decreasing, or finding the original amount?\",\n steps: [\n \"Underline the original amount, final amount and percentage change.\",\n \"For a discount, the final amount is less than 100%. For an increase, it is more than 100%.\",\n \"Write the percentage left after the change.\",\n \"Use 1% or divide by the percentage multiplier to work back to the original amount.\",\n \"Check whether your answer is sensible. Original price before a discount should be higher.\"\n ],\n example: \"A coat costs £72 after a 20% discount. 100% - 20% = 80%. So £72 is 80%. 1% = £72 ÷ 80 = £0.90. 100% = £0.90 × 100 = £90.\",\n quickChecks: [\n {\n question: \"If £240 is the price after a 20% discount, what was the original price?\",\n answer: [\"100% - 20% = 80%\", \"£240 is 80%\", \"1% = £240 ÷ 80 = £3\", \"100% = £3 × 100 = £300\", \"Original price = £300\"]\n },\n {\n question: \"A phone costs £360 after a 10% increase. What was the original price?\",\n answer: [\"100% + 10% = 110%\", \"£360 is 110%\", \"1% = £360 ÷ 110 = £3.27\", \"100% = £3.27 × 100 = £327.27\", \"Original price = £327.27 to the nearest penny\"]\n },\n {\n question: \"A jacket costs £80. It is reduced by 25%. What is the sale price?\",\n answer: [\"25% of £80 = £80 ÷ 4 = £20\", \"Discount = £20\", \"Sale price = £80 - £20\", \"Sale price = £60\"]\n }\n ]\n },\n {\n id: \"ratio\",\n title: \"2. Ratio and proportion\",\n learnerProblem: \"Learners often divide by the wrong number because they do not find the total parts first.\",\n successRule: \"Add the ratio parts before sharing the total.\",\n steps: [\n \"Write the ratio clearly.\",\n \"Add the parts to find the total number of parts.\",\n \"Divide the total quantity by the total parts.\",\n \"Multiply each ratio part by the value of one part.\",\n \"Check the shares add back to the original total.\"\n ],\n example: \"Share 200 in the ratio 3 : 2 : 5. Total parts = 10. One part = 200 ÷ 10 = 20. Shares are 60, 40 and 100.\",\n quickChecks: [\n {\n question: \"120 sweets are shared in the ratio 2 : 3 : 5. How many sweets are in the largest share?\",\n answer: [\"Total parts = 2 + 3 + 5 = 10\", \"One part = 120 ÷ 10 = 12\", \"Largest share = 5 parts\", \"5 × 12 = 60\", \"Largest share = 60 sweets\"]\n },\n {\n question: \"£84 is shared in the ratio 4 : 3. How much is the smaller share?\",\n answer: [\"Total parts = 4 + 3 = 7\", \"One part = £84 ÷ 7 = £12\", \"Smaller share = 3 parts\", \"3 × £12 = £36\", \"Smaller share = £36\"]\n },\n {\n question: \"A recipe uses flour and sugar in the ratio 5 : 2. If 350 g of flour is used, how much sugar is needed?\",\n answer: [\"Flour represents 5 parts\", \"One part = 350 g ÷ 5 = 70 g\", \"Sugar represents 2 parts\", \"2 × 70 g = 140 g\", \"Sugar needed = 140 g\"]\n }\n ]\n },\n {\n id: \"units\",\n title: \"3. Units, conversions and scale\",\n learnerProblem: \"Marks are lost when learners mix metres with centimetres, or forget that area and volume conversions are not the same as length conversions.\",\n successRule: \"Make all units the same before calculating.\",\n steps: [\n \"Circle every unit in the question.\",\n \"Convert to one unit before you calculate.\",\n \"For length: 1 m = 100 cm. For money: £1 = 100p.\",\n \"For time: 1 hour = 60 minutes. Do not treat time as base 100.\",\n \"Write the final answer with the correct unit.\"\n ],\n example: \"A room is 4 m by 350 cm. Convert 350 cm to 3.5 m. Area = 4 × 3.5 = 14 m².\",\n quickChecks: [\n {\n question: \"A journey takes 1 hour 45 minutes. How many minutes is this?\",\n answer: [\"1 hour = 60 minutes\", \"Add the extra 45 minutes\", \"60 + 45 = 105\", \"The journey takes 105 minutes\"]\n },\n {\n question: \"Convert 3.6 m into centimetres.\",\n answer: [\"1 m = 100 cm\", \"3.6 × 100 = 360\", \"3.6 m = 360 cm\"]\n },\n {\n question: \"A bottle contains 1.5 litres. How many millilitres is this?\",\n answer: [\"1 litre = 1000 ml\", \"1.5 × 1000 = 1500\", \"1.5 litres = 1500 ml\"]\n }\n ]\n },\n {\n id: \"area-perimeter-volume\",\n title: \"4. Area, perimeter and volume\",\n learnerProblem: \"Learners confuse perimeter with area, or use the right numbers with the wrong formula.\",\n successRule: \"Perimeter is around the outside. Area covers the surface. Volume fills the space.\",\n steps: [\n \"Decide what the question is asking: perimeter, area or volume.\",\n \"Write the correct formula before substituting numbers.\",\n \"Check all measurements use the same unit.\",\n \"Calculate carefully and include the correct squared or cubed unit.\",\n \"Ask whether the answer should be a length, surface or capacity.\"\n ],\n example: \"A rectangle is 8 m by 5 m. Perimeter = 8 + 5 + 8 + 5 = 26 m. Area = 8 × 5 = 40 m².\",\n quickChecks: [\n {\n question: \"A box is 6 cm long, 4 cm wide and 5 cm high. What is its volume?\",\n answer: [\"Volume = length × width × height\", \"Volume = 6 × 4 × 5\", \"6 × 4 = 24\", \"24 × 5 = 120\", \"Volume = 120 cm³\"]\n },\n {\n question: \"A rectangle is 9 m long and 4 m wide. What is its area?\",\n answer: [\"Area of rectangle = length × width\", \"Area = 9 × 4\", \"9 × 4 = 36\", \"Area = 36 m²\"]\n },\n {\n question: \"A square has sides of 7 cm. What is its perimeter?\",\n answer: [\"Perimeter means distance around the outside\", \"A square has 4 equal sides\", \"Perimeter = 7 + 7 + 7 + 7\", \"Perimeter = 28 cm\"]\n }\n ]\n },\n {\n id: \"averages\",\n title: \"5. Mean, median, mode and range\",\n learnerProblem: \"Learners often use the wrong average, especially median and range.\",\n successRule: \"Mean means add and divide. Median means middle after ordering. Mode means most common. Range means biggest minus smallest.\",\n steps: [\n \"Read which average the question asks for.\",\n \"Put data in order if finding median or range.\",\n \"For mean, add all values then divide by how many values there are.\",\n \"For median, find the middle value after ordering.\",\n \"For range, subtract the smallest value from the largest value.\"\n ],\n example: \"Values: 3, 7, 7, 9, 14. Mean = 40 ÷ 5 = 8. Median = 7. Mode = 7. Range = 14 - 3 = 11.\",\n quickChecks: [\n {\n question: \"Find the median of 12, 4, 9, 15, 6.\",\n answer: [\"Put the numbers in order\", \"4, 6, 9, 12, 15\", \"The middle value is 9\", \"Median = 9\"]\n },\n {\n question: \"Find the mean of 6, 8, 10 and 12.\",\n answer: [\"Add the values: 6 + 8 + 10 + 12 = 36\", \"There are 4 values\", \"Mean = 36 ÷ 4\", \"Mean = 9\"]\n },\n {\n question: \"Find the range of 3, 18, 7, 11 and 20.\",\n answer: [\"Largest value = 20\", \"Smallest value = 3\", \"Range = 20 - 3\", \"Range = 17\"]\n }\n ]\n },\n {\n id: \"formulae\",\n title: \"6. Formulae and substitution\",\n learnerProblem: \"Learners can know the formula but lose marks by substituting values in the wrong place or skipping written working.\",\n successRule: \"Write the formula first, then substitute carefully.\",\n steps: [\n \"Copy the formula accurately.\",\n \"Identify what each letter stands for.\",\n \"Substitute the values into the correct places.\",\n \"Follow the correct order of operations.\",\n \"Include units and check the answer makes sense.\"\n ],\n example: \"Speed = distance ÷ time. If distance = 90 miles and time = 2 hours, speed = 90 ÷ 2 = 45 mph.\",\n quickChecks: [\n {\n question: \"Use speed = distance ÷ time. A cyclist travels 36 km in 3 hours. What is the speed?\",\n answer: [\"Formula: speed = distance ÷ time\", \"Substitute the values: speed = 36 ÷ 3\", \"36 ÷ 3 = 12\", \"Speed = 12 km/h\"]\n },\n {\n question: \"Use cost = number of items × price. 8 items cost £3 each. What is the total cost?\",\n answer: [\"Formula: cost = number of items × price\", \"Substitute the values: cost = 8 × £3\", \"8 × £3 = £24\", \"Total cost = £24\"]\n },\n {\n question: \"Use distance = speed × time. A car travels at 50 mph for 2.5 hours. What distance does it travel?\",\n answer: [\"Formula: distance = speed × time\", \"Substitute the values: distance = 50 × 2.5\", \"50 × 2.5 = 125\", \"Distance = 125 miles\"]\n }\n ]\n },\n {\n id: \"multi-step\",\n title: \"7. Multi-step word problems and exam pressure\",\n learnerProblem: \"Learners often understand the maths but answer too early, missing the second or third step.\",\n successRule: \"Do not calculate until you know the full journey of the question.\",\n steps: [\n \"Read the question twice.\",\n \"Underline the question sentence, not just the numbers.\",\n \"List the steps needed before calculating.\",\n \"Work one step at a time and label each answer.\",\n \"Return to the question and check you have answered what was asked.\"\n ],\n example: \"A jacket costs £80. It is reduced by 20%, then by another 10%. First discount: £80 × 0.8 = £64. Second discount: £64 × 0.9 = £57.60.\",\n quickChecks: [\n {\n question: \"A £50 item is increased by 10%, then reduced by 10%. Is the final price £50?\",\n answer: [\"First increase by 10%\", \"10% of £50 = £5\", \"New price = £50 + £5 = £55\", \"Then reduce £55 by 10%\", \"10% of £55 = £5.50\", \"Final price = £55 - £5.50 = £49.50\", \"No, the final price is £49.50\"]\n },\n {\n question: \"A learner buys 3 books at £7.50 each and pays with £30. How much change should they receive?\",\n answer: [\"Cost of 3 books = 3 × £7.50\", \"3 × £7.50 = £22.50\", \"Change = £30 - £22.50\", \"Change = £7.50\"]\n },\n {\n question: \"A train leaves at 09:40 and arrives at 11:15. How long is the journey?\",\n answer: [\"From 09:40 to 10:40 = 1 hour\", \"From 10:40 to 11:15 = 35 minutes\", \"Total time = 1 hour 35 minutes\"]\n }\n ]\n }\n];\n\nconst KEYWORDS = {\n percentages: [\"percent\", \"%\", \"discount\", \"increase\", \"decrease\", \"vat\", \"original price\", \"sale\", \"reduced\"],\n ratio: [\"ratio\", \"share\", \"proportion\", \"parts\", \"recipe\"],\n units: [\"convert\", \"cm\", \"metre\", \"mm\", \"km\", \"minutes\", \"hours\", \"litres\", \"ml\", \"kg\", \"scale\"],\n \"area-perimeter-volume\": [\"area\", \"perimeter\", \"volume\", \"rectangle\", \"circle\", \"cuboid\", \"cylinder\", \"square\"],\n averages: [\"mean\", \"median\", \"mode\", \"range\", \"average\"],\n formulae: [\"formula\", \"speed\", \"distance\", \"time\", \"substitute\", \"equation\"],\n \"multi-step\": [\"total\", \"altogether\", \"best value\", \"compare\", \"remaining\", \"profit\", \"cost\", \"final\"]\n};\n\nfunction detectArea(text) {\n const lower = text.toLowerCase();\n let best = { id: \"multi-step\", score: 0 };\n Object.entries(KEYWORDS).forEach(([id, words]) => {\n const score = words.reduce((total, word) => total + (lower.includes(word) ? 1 : 0), 0);\n if (score > best.score) best = { id, score };\n });\n return AREAS.find((area) => area.id === best.id) || AREAS[6];\n}\n\nexport default function App() {\n const [selectedAreaId, setSelectedAreaId] = useState(\"percentages\");\n const [learnerText, setLearnerText] = useState(\"\");\n const [confidence, setConfidence] = useState(\"not-sure\");\n const [postPracticeConfidence, setPostPracticeConfidence] = useState(\"not-tested\");\n const [showAnswers, setShowAnswers] = useState({});\n const [tab, setTab] = useState(\"guidance\");\n const [uploadedFileName, setUploadedFileName] = useState(\"\");\n\n const selectedArea = AREAS.find((area) => area.id === selectedAreaId) || AREAS[6];\n const detectedArea = useMemo(() => detectArea(learnerText), [learnerText]);\n const activeArea = learnerText.trim() ? detectedArea : selectedArea;\n\n function toggleAnswer(index) {\n setShowAnswers((current) => ({\n ...current,\n [index]: !current[index]\n }));\n }\n\n function downloadPlan() {\n const lineBreak = String.fromCharCode(10);\n\n const checks = activeArea.quickChecks\n .map((check, index) => {\n const answerSteps = check.answer\n .map((step, stepIndex) => `${stepIndex + 1}. ${step}`)\n .join(lineBreak);\n\n return `Question ${index + 1}: ${check.question}${lineBreak}Answer:${lineBreak}${answerSteps}`;\n })\n .join(`${lineBreak}${lineBreak}`);\n\n const methodSteps = activeArea.steps\n .map((step, index) => `${index + 1}. ${step}`)\n .join(lineBreak);\n\n const text = [\n \"Maths in a Month - MIAM Exam App Guidance\",\n \"\",\n `Area: ${activeArea.title}`,\n \"\",\n \"Question or situation:\",\n learnerText || \"No question entered.\",\n \"\",\n \"Common issue:\",\n activeArea.learnerProblem,\n \"\",\n \"Success rule:\",\n activeArea.successRule,\n \"\",\n \"Step-by-step method:\",\n methodSteps,\n \"\",\n \"Worked example:\",\n activeArea.example,\n \"\",\n \"Quick check questions and answers:\",\n checks,\n \"\",\n `Confidence rating: ${confidence}`,\n \"\",\n \"Next step: Practise one similar question, then check whether the method still works under time pressure.\"\n ].join(lineBreak);\n\n const blob = new Blob([text], { type: \"text/plain\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = \"miam-exam-app-guidance.txt\";\n link.click();\n URL.revokeObjectURL(url);\n }\n\n function resetApp() {\n setSelectedAreaId(\"percentages\");\n setLearnerText(\"\");\n setConfidence(\"not-sure\");\n setPostPracticeConfidence(\"not-tested\");\n setShowAnswers({});\n setTab(\"guidance\");\n setUploadedFileName(\"\");\n }\n\n const tabClass = (name) =>\n `rounded-xl px-4 py-2 text-sm font-semibold ${tab === name ? \"bg-slate-900 text-white\" : \"bg-white text-slate-700 border border-slate-200\"}`;\n\n return (\n

Maths in a Month

MIAM Exam App

\n A structured support tool for the 7 most common Level 2 Functional Skills maths failure points.\n

\n \n \n

\n\n

Choose a problem area

\n {\n setSelectedAreaId(event.target.value);\n setShowAnswers({});\n setTab(\"guidance\");\n }}\n >\n {AREAS.map((area) => (\n \n ))}\n \n

Current focus

{learnerText.trim() ? detectedArea.title : selectedArea.title}

\n\n

Describe the exam question or situation

\n {\n setLearnerText(event.target.value);\n setShowAnswers({});\n }}\n />\n\n

\n Upload exam paper or learner file\n {\n const file = event.target.files?.[0];\n if (file) {\n setUploadedFileName(file.name);\n }\n }}\n />\n {uploadedFileName && (\n

File added: {uploadedFileName}

\n )}\n

\n Add screenshots, exam papers or learner attempts for future AI review support.\n

\n Confidence level\n setConfidence(event.target.value)}\n >\n \n \n \n \n \n

Detected focus

{learnerText.trim() ? detectedArea.title : selectedArea.title}

\n\n

\n \n \n \n

\n\n {tab === \"guidance\" && (\n

{activeArea.title}

{activeArea.learnerProblem}

Success rule

{activeArea.successRule}

Step-by-step method

\n {index + 1}\n {step}\n

What to do now

\n {learnerText.trim()\n ? \"Use the steps above to break your question down. Do not jump to the final answer until each step is labelled.\"\n : \"Type or paste your exam question, or choose an area from the list to practise the method.\"}\n

\n )}\n\n {tab === \"practice\" && (\n

Practice the method

Worked example - take a note of the steps for future reference :)

{activeArea.example}

\n {activeArea.quickChecks.map((check, index) => (\n

Quick check {index + 1}

{check.question}

\n \n {showAnswers[index] && (\n

Step-by-step answer

{step}

\n )}\n

\n ))}\n

\n\n

Confidence check after practice

\n After completing the practice questions, how confident do you now feel with this topic?\n

\n\n setPostPracticeConfidence(event.target.value)}\n >\n \n \n \n \n \n\n {(postPracticeConfidence === \"same\" || postPracticeConfidence === \"worse\") && (\n

Further support recommended

\n Your confidence does not appear to have improved after practice. Please contact Martin at Maths in a Month as soon as possible for further guidance and structured support before your exam.\n

\n )}\n\n {postPracticeConfidence === \"improved\" && (\n

Good progress

\n Your confidence has improved. Continue practising similar questions to strengthen the method under exam conditions.\n

\n )}\n

\n )}\n\n {tab === \"review\" && (\n

Exam checklist - do you feel ready?

\n {[\n \"Have I answered the exact question asked?\",\n \"Have I used the correct units?\",\n \"Have I shown enough working for method marks?\",\n \"Have I checked whether the answer is sensible?\",\n \"Did I complete every step, not just the first one?\",\n \"Could another learner follow my working?\"\n ].map((item) => (\n

\n {item}\n

\n ))}\n

Do you feel ready?

\n If you are not fully confident, contact MIAM for details of the full exam diagnostic and structured support before your exam.\n

\n )}\n

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