CrackIt is a full-stack aptitude test web application that lets users practice topic-wise tests, track their performance over time, and improve their scores.

• 🌐 Live at CrackIt — hosted on Render.

Users can register, log in, select a test category and difficulty, attempt timed MCQ tests, and view their performance history — all in one seamless platform.

Register / Login
      ↓
Browse Test Categories & Topics
      ↓
Select Difficulty (Easy / Medium / Hard)
      ↓
Attempt MCQ Test
      ↓
View Score & Explanations
      ↓
Track Performance History

• Topic-wise aptitude tests (categorized and difficulty-based)
• MCQ format with 4 options per question
• Per-question explanations after submission
• Guest mode with a sample test (no login required)

• Register & login with JWT authentication
• Edit profile (name, phone)
• Secure password hashing with bcrypt
• Protected routes via auth middleware

• View test history by topic
• Score breakdown per attempt
• Visual charts powered by Recharts

• Dark mode support
• Smooth animations via Framer Motion
• Mobile responsive Bootstrap layout
• Toast notifications for user feedback
• Glassmorphism-inspired design

• RESTful API with Express.js
• MongoDB + Mongoose for data persistence
• Bulk question upload support
• Modular MVC architecture

CrackIt/
│
├── backend/
│   ├── index.js
│   ├── .env
│   ├── config/
│   │   └── db.js
│   ├── controllers/
│   │   ├── userController.js
│   │   ├── questionController.js
│   │   └── testResultController.js
│   ├── middleware/
│   │   └── authMiddleware.js
│   ├── models/
│   │   ├── User.js
│   │   ├── Questions.js
│   │   ├── QuestionPack.js
│   │   ├── TestResult.js
│   │   └── UserMsg.js
│   └── routes/
│       ├── userRoutes.js
│       ├── aptTestRoutes.js
│       └── testResultRoutes.js
│
└── frontend/
    ├── index.html
    └── src/
        ├── App.jsx
        ├── pages/
        │   ├── HomePage.jsx
        │   ├── TestCategories.jsx
        │   ├── TestDifficulty.jsx
        │   ├── TestPage.jsx
        │   └── PerformanceTracker.jsx
        ├── components/
        │   ├── common/
        │   ├── home/
        │   └── modals/
        ├── store/
        └── utils/

git clone https://github.com/your-username/CrackIt.git
cd CrackIt

cd backend
npm install

Create a .env file in the backend/ folder:

PORT=3000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret

Start the backend:

npm run dev

cd frontend
npm install
npm run dev

http://localhost:5173

• Admin panel for question management
• Email verification on registration
• AI-based weak topic suggestions

This project demonstrates:

• ✔ Full-stack MERN development
• ✔ JWT-based authentication & protected routes
• ✔ RESTful API design with MVC pattern
• ✔ State management with Zustand
• ✔ Data visualization with Recharts

Give it a star — it helps a lot!