An interactive e-learning platform for Class 8 CBSE Mathematics (DAV Public School Syllabus)
Originally built in 2020. Rebuilt in 2025 with modern web technologies.
In 2020, I was a Class 8 student who noticed that many of his classmates struggled to find joy in learning mathematics. As a passion project, he built the first version of Solution Finder — a website with live chat support, YouTube explainer videos, and custom JavaScript calculators to help students verify their homework answers instantly, without having to wait for the next day's class.
Fast forward to 2025 — I joined BMS Institute of Technology to pursue Computer Science Engineering. This repository is his effort to rebuild that childhood passion project using the modern tech stack he works with today, bringing the same helpful spirit to a far more polished product.
Covers the complete Class 8 Mathematics curriculum as per the CBSE / DAV Public School syllabus — from rational numbers and algebraic expressions to mensuration and data handling.
Dedicated instant calculators for complex topics, including:
- Compound Interest Calculator — Enter principal, rate, and time; get the answer instantly.
- Polynomial Solver — Quickly verify polynomial operations.
- Algebraic Identities Checker — Validate identity-based expansions on the fly.
Students can verify their final answers without waiting, building confidence and enabling self-paced learning.
Every chapter features a 10-question multiple-choice quiz with:
- A strict 20-minute countdown timer
- Instant scoring on submission
- Zero server dependency — fully client-side
Students scoring 80% or higher on any chapter quiz automatically receive a Certificate of Achievement, generated in-browser and downloadable as a high-resolution PNG — powered by html2canvas.
A dynamic leaderboard that ranks top-performing students, gamifying the learning experience and motivating students to push their scores higher.
A clean, Google-inspired interface styled with Tailwind CSS v4, featuring smooth animations and transitions powered by Framer Motion — designed to make math feel approachable and even enjoyable.
| Category | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript 5 |
| Styling | Tailwind CSS v4 |
| Animations | Framer Motion 12 |
| Icons | Lucide React |
| Certificate Generation | html2canvas |
Make sure you have Node.js (v18 or higher recommended) installed on your machine.
-
Clone the repository:
git clone https://github.com/abhigyan24-ops/SolutionFinder.git cd SolutionFinder -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser: Navigate to http://localhost:3000
| Command | Description |
|---|---|
npm run dev |
Start the development server |
npm run build |
Build the app for production |
npm run start |
Start the production server |
npm run lint |
Run ESLint |
solution-finder/
├── app/ # Next.js App Router pages & layouts
│ ├── layout.tsx # Root layout
│ ├── page.tsx # Home page
│ └── chapters/ # Chapter pages & quizzes
├── components/ # Reusable UI components
│ ├── ui/ # Base components (buttons, cards, etc.)
│ ├── Calculator/ # Interactive answer checker components
│ ├── Quiz/ # Quiz engine & timer
│ ├── Certificate/ # Certificate generator (html2canvas)
│ └── Leaderboard/ # Wall of Fame component
├── lib/ # Utilities, helpers, quiz data
├── public/ # Static assets
├── next.config.ts
├── tailwind.config.ts
└── tsconfig.json
The platform covers all 16 chapters of the Class 8 DAV Mathematics syllabus:
- Rational Numbers
- Exponents and Powers
- Squares and Square Roots
- Cubes and Cube Roots
- Playing with Numbers
- Algebraic Expressions and Identities
- Polynomials
- Linear Equations in One Variable
- Understanding Quadrilaterals
- Practical Geometry
- Mensuration
- Data Handling
- Introduction to Graphs
- Direct and Inverse Proportions
- Factorisation
- Compound Interest
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Fork the repository
- Create your feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add some amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is open source. See the LICENSE file for details.
Built with ❤️ by Abhigyan
Making Math Joyful, One Chapter at a Time.