Overview
Key Features
- AI Onboarding Quiz A multi-step quiz that collects information about the user's skills, interests, available time, and income goals — forming the input for AI analysis.
- AI Analysis Engine Groq AI processes quiz answers and returns three realistic, personalized income paths with difficulty ratings, income ranges, and required skills.
- Roadmap Generator For each career path, Groq generates a detailed step-by-step action plan with estimated timelines and learning resources.
- User Dashboard A personal workspace where users can save, view, and track their chosen career paths and roadmap progress.
- JWT Authentication Secure register, login, and logout flow with stateless JWT-based session management and bcrypt password hashing.
- Path Bookmarking & Progress Tracking Users can bookmark favorite paths and mark individual roadmap steps as complete, with visual progress indicators.
Technologies Used
- React 18 + Vite (Frontend) For building a fast, component-based, and responsive user interface with modern hooks and great developer experience.
- Tailwind CSS + shadcn/ui Utility-first styling with a consistent, beautiful component library for rapid UI development.
- Zustand (State Management) Lightweight global state management for auth and quiz data — simpler than Redux, perfect for a mid-size application.
- Node.js + Express.js (Backend) Lightweight REST API layer for handling authentication, quiz submissions, AI calls, and data management.
- MongoDB + Mongoose (Database) Flexible schema design for storing users, quiz responses, AI-generated paths, and roadmaps with relational references.
- Groq AI API (AI) Used for skill analysis and roadmap generation via carefully engineered prompts that return structured JSON responses.
- JWT + bcryptjs (Authentication) Stateless, secure authentication with industry-standard password hashing.
- Zod + Joi (Validation) Type-safe validation on both the frontend (Zod) and backend (Joi) for end-to-end data integrity.
Challenges and Learnings
Outcome
This project highlights full-stack MERN development, AI API integration, prompt engineering, and the ability to design systems that turn user input into meaningful, personalized outcomes.