A modern React-based web application to help users learn finance concepts and test their knowledge through interactive quizzes.
- 📘 Finance Learning Modules – Learn about budgeting, investing, credit, personal finance, and more.
- ❓ Interactive Quizzes – Test your understanding with MCQs after each module.
- 📊 Progress Tracking – Visual indicators to track what you've learned.
- 🧠 Adaptive Difficulty – Questions adjust based on performance.
- 🌓 Dark/Light Mode – Toggle between light and dark themes.
- 🌐 Responsive Design – Mobile-friendly layout for learning on the go.
- Frontend: React, React Router, TailwindCSS / CSS Modules
- State Management: Context API / Redux
- Backend (Optional): Firebase / Node.js + Express (for storing progress, scores)
- Testing: Jest, React Testing Library
Clone the repository and install dependencies:
git clone https://github.com/your-username/finance-quiz-app.git
cd finance-quiz-app
npm install
npm start🧪 Run Tests To execute the test suite: npm test
Folder Structure src/ ├── components/ # Reusable UI components ├── pages/ # Learning modules and quiz pages ├── data/ # Static data (e.g. quiz questions) ├── context/ # Global state context ├── assets/ # Images, icons └── App.js # Main app entry
Learning Modules Each module includes:
A short interactive lesson
Examples and visuals
A 5–10 question quiz at the end
Sample Topics:
Introduction to Personal Finance
Budgeting Basics
Compound Interest
Stock Market Fundamentals
Credit Scores Explained
🌍 Deployment You can deploy the app using services like Vercel, Netlify, or GitHub Pages.
For example, to deploy with Vercel:
bash Copy Edit npm run build vercel deploy 🤝 Contributing Contributions are welcome! Please follow these steps:
Fork the repository
Create a new branch (git checkout -b feature-name)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin feature-name)
Open a pull request
📄 License This project is licensed under the MIT License.