Sep Chem Academy

A React + Vite project for Mr. Sep's interactive A Level Chemistry learning web app.

Built-in features

• React + Vite structure
• Home dashboard
• AS Chemistry page
• A2 Chemistry page
• Topic page template
• Interactive tools page
• Exam practice page
• Teacher resources page
• Topic cards
• Progress bars
• Prior knowledge checks
• Vocabulary lists
• Flashcards
• Quiz blocks with instant feedback
• Mole calculator
• Concentration calculator
• Formula mass calculator
• Progress saved in browser with localStorage

Design rules

• Use realistic images and videos for lab apparatus, practical skills, and chemical processes.
• Avoid cartoon-style apparatus, floating objects, or decorative animations when a real lab scene would make the chemistry clearer.
• Keep scientific labels outside the image where possible so the visual still looks like real equipment.

How to run

npm install
npm run dev

Then open the local URL shown in the terminal.

Suggested first development tasks

1. Add more lessons to src/data/lessons.js.
2. Add more quizzes to src/data/quizzes.js.
3. Add more tools in src/tools/.
4. Replace placeholder worksheet links with real files in public/assets/worksheets/.
5. Later, connect Supabase for student accounts and class progress tracking.