PathwiseAI is a comprehensive, next-generation career management platform driven by advanced AI. Designed to guide professionals through every pivotal stage of their career journey, it empowers users with tools ranging from ATS-optimized resume building and targeted cover letter generation to real-time, data-driven industry insights and interactive mock interviews. Leverage the robust capabilities of Google Gemini AI to receive deeply personalized, role-specific guidance and elevate your professional trajectory.
This repository serves as a full-scale production-ready learning project illustrating modern frontend paradigms, resilient backend architecture, seamless AI integration, web accessibility standards, and robust performance optimization.
🔗 Live Website
👉 PathwiseAI
(Analytics & Tracking Powered by Google Analytics & Vercel Analytics)
- AI-Driven Personalization: Dynamically tailors all career assets (resumes, cover letters, mock assessments) to meticulously align with specific job roles and industry expectations.
- Automated Industry Insights: Background jobs powered by Inngest orchestrate weekly updates, keeping users abreast of the latest market trends, compensation benchmarks, and skill pipelines.
- ATS-Optimized Resume Builder: A premium, intuitive markdown editing experience paired with intelligent AI content generation and flawless one-click PDF export via
html2pdf.js. - Mock Interview Simulator: Realistic, high-fidelity interview practice featuring structured, constructive AI feedback to dramatically improve communication skills and technical articulation.
- Production-Ready & Accessible: Hand-polished for hydration stability, fully augmented with ARIA labels for assistive technologies, seamlessly integrated with Google Analytics, and rigorously optimized across diverse edge cases.
- Modern Tech Stack: Supercharged by Next.js 16 (App Router), React 19, Tailwind CSS v4, and beautifully fluid Framer Motion animations.
- React 19 — Next-generation, concurrent component architecture
- Next.js 16 — Server-Side Rendering (SSR), App Router, and server actions
- Tailwind CSS 4 — Zero-runtime utility-first styling system
- Framer Motion 12 — Silky smooth, highly optimized micro-animations and transitions
- Lucide React — Crisp, premium SVG iconography
- Recharts — Engaging data visualization for granular industry trends
- Google Gemini 1.5/2.5 Flash — High-performance AI for nuanced content creation and sentiment analysis
- Prisma (ORM) — Fully type-safe database querying and schema management
- PostgreSQL (Neon DB) — Instantly scalable serverless relational database
- Inngest — Resilient, event-driven background task workflows for periodic updates
- Clerk — Robust, highly secure, and seamless authentication
- Google Analytics & Vercel Analytics — Real-time performance and audience tracking
- Figma — Bespoke UI/UX design and prototyping
- React Hook Form & Zod — Bulletproof, type-safe schema validation
- Sonner — Elegant, accessible toast notifications
- UIW React MD Editor — Professional-grade markdown editing
- Personalized Onboarding: A dynamic intake sequence that configures the entire platform to your specific industry, experience tier, and target role.
- Proactive Career Guidance: Context-aware advice that constantly adapts to your professional growth goals.
- Smart Cover Letter Generator: Synthesizes your strengths into compelling, role-specific cover letters in seconds.
- Precision Resume Builder: Construct flawlessly structured, ATS-compliant resumes with out-of-the-box PDF rendering.
- Interactive Mock Interviews: Engage in simulated, role-playing interviews and receive actionable, real-time rubric-based feedback.
- Data-Driven Insights: Weekly aggregated reports on market demand, salary distributions, and evolving skill requirements.
- Seamless Theming: Supports a beautifully crafted dark, light, and system-default theme with persistent toggles.
The UI/UX approach was centered around creating a premium, empowering environment that feels both sophisticated and deeply accessible:
- Brand Identity: Harmonious typography and color palettes explicitly engineered to evoke confidence and professionalism.
- Layout System: Focused heavily on clarity, intuitive data presentation, and seamless navigation across complex dashboards.
- Motion Design: Employed targeted micro-animations using Framer Motion to elevate the user experience without hindering performance or causing hydration mismatches.
🔗 Figma Design Portfolio
👉 My Figma Profile
Harmanpreet Singh
🔗 GitHub | LinkedIn | Portfolio
This project is a flagship personal portfolio application developed entirely by Harmanpreet Singh.
The source code remains publicly accessible strictly for recruiters, engineering interviews, and educational demonstration.
You are prohibited from copying, redistributing, modifying, or representing this project as your own intellectual property.
If you wish to utilize any underlying logic, architectures, or designs within this project, please directly contact the author for express permission.