Mnemonic-hub

• 

  home

• 

  mnemonics

Inspiration

As a student preparing for exams like JEE and NEET, I often struggled to remember formulas, theories, and tricky science concepts. I found that mnemonics made it easier, but there was no structured platform that offered subject-wise and chapter-wise mnemonics. This inspired me to build Mnemonic Hub — a student-focused learning companion that makes remembering complex topics fun and simple.

What it does

As a student preparing for exams like JEE , I often struggled to remember formulas, theories, and tricky science concepts. I found that mnemonics made it easier, but there was no structured platform that offered subject-wise and chapter-wise mnemonics. This inspired me to build Mnemonic Hub — a student-focused learning companion that makes remembering complex topics fun and simple.

How we built it

Frontend: Built using React and styled with Tailwind CSS for responsiveness and modern design Routing: Handled via React Router Math Rendering: Used better-react-mathjax to support MathJax expressions Data Structure: All mnemonics, videos, and steps are stored in structured JSON files (ready for backend integration) UI Components: Step-by-step sections use collapsible interaction with state management for better focus

Challenges we ran into

Rendering LaTeX math symbols clearly inside collapsible components Designing a layout that looks good for both short mnemonics and long explanations Handling both image and video support flexibly in the UI Making the interface intuitive for school and college students

Accomplishments that we're proud of

Built a smooth and student-friendly interface from scratch Integrated step-wise collapsible explanations that improve focus and clarity Enabled proper MathJax rendering for math-heavy subjects Designed a scalable data structure for future backend connection

What we learned

Managing complex UI state in React using arrays for collapsible logic Styling interactive elements with Tailwind CSS Working with MathJax and LaTeX expressions in dynamic content Planning a scalable structure for educational tools

What's next for Mnemonic-hub

Add user authentication and personal dashboards Enable real-time mnemonic submissions and moderation Integrate AI to auto-suggest mnemonics from topic keywords Add quizzes and flashcards for active recall practice Connect a backend (e.g., Firebase or MongoDB) to handle dynamic content

Built With

• css
• github
• mathjax
• react
• router
• tailwind
• vercel