Balance chemical equations with step-by-step solutions, molar mass calculator, and reaction type identification. Build an interactive chemistry reference tool that walks students through the balancing process and explains the underlying concepts for each reaction type.
Build Prompt
Copy this prompt into Claude Code
Build a static HTML chemistry equation balancer and reference site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #a78bfa (purple). Data from inline `const EQUATIONS = [...]`, `const ELEMENTS = [...]`, `const REACTION_TYPES = [...]`.
Each equation has: id, unbalanced (string), balanced (string), coefficients[], reactionType (Synthesis/Decomposition/Single Displacement/Double Displacement/Combustion/Acid-Base/Redox), balancingSteps[] (array of step objects: description, currentState), molarMasses (object mapping formula to g/mol), realWorldExample (sentence), energyChange (exothermic/endothermic/neutral), difficulty (Easy/Medium/Hard), tags[].
Each element has: symbol, name, atomicNumber, atomicMass, group, period, category, electronegativity, valenceElectrons.
Layout: Header with tool name. Two-panel layout on desktop — left: equation input and controls, right: step-by-step solution panel.
Equation input: text field for entering unbalanced equation (e.g. "H2 + O2 -> H2O"), "Balance It" button, or select from library of 40 pre-loaded equations by reaction type. Render equations with proper subscript formatting.
Solution panel: animated step-by-step walkthrough — each step highlights which atoms are being balanced, shows the running atom count tally table (reactants vs products), and explains the reasoning. "Next Step" / "Previous Step" navigation. Final result shows balanced equation prominently.
Molar Mass Calculator: sidebar widget — enter any chemical formula, get atomic mass breakdown per element and total molar mass.
Reaction type reference section below: accordion for each of the 6 reaction types with definition, general form, real examples, and tips for balancing.
Periodic table mini-reference: compact table, click element to see symbol, mass, common oxidation states.
Quiz mode: show unbalanced equation, user enters coefficients, instant feedback with atom count comparison.
SEO: title, meta description, OG tags, JSON-LD EducationalResource. Seed with 40 equations covering all reaction types from simple (H2 + O2) to complex redox.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Organic Chemistry Focus
Expand to organic reactions — esterification, hydrolysis, polymerization, and functional group transformations.
Stoichiometry Calculator
Given grams of reactant, calculate moles and grams of each product using the balanced equation.
Limiting Reagent Finder
Enter amounts of each reactant and identify which runs out first with percent yield calculation.
Oxidation State Tracker
Highlight oxidation state changes in redox reactions with color-coded oxidized/reduced atoms.
Lab Safety Notes
Append safety warnings and required PPE for each reaction type commonly performed in labs.
AP Chemistry Alignment
Tag each equation with the AP Chemistry unit and learning objective it corresponds to.
Update Prompt
Update Prompt — Add more equations or expand a reaction type
Add 20 more equations to the EQUATIONS array focusing on [redox/organic/acid-base] reactions. For each, include the full step-by-step balancing walkthrough, molar masses, real-world example, and difficulty rating. Ensure the new equations are sorted correctly into their reaction type accordion sections. Redeploy.
SEO Tips
Target "balance [equation]", "how to balance [reaction type] equations" — students search specific equations constantly.
Use JSON-LD EducationalResource with educationalLevel (high school, college) and subject (Chemistry).
Create individual pages for the most-searched equations like "balance H2 + O2" and "balance combustion of methane".
Add FAQ schema for "What is a balanced equation?" and "How do I balance redox equations?"
Include a glossary of chemistry terms (stoichiometry, molar mass, coefficient) for long-tail keyword coverage.
Monetization Ideas
Sell chemistry problem set PDFs with 50 balanced equations per reaction type as study worksheets.
Affiliate links to chemistry textbooks, lab kits, and molecular model sets on Amazon.
Display targeted ads for chemistry tutoring, AP exam prep courses, and college prep services.
Premium "full solution" exports — downloadable PDF of any balanced equation with all steps and annotations.
Chemistry tutoring referrals — partner with Wyzant or Chegg for student referral commissions.