CodePath is a high-end, minimalist interview preparation platform designed for software engineers who want to move beyond mindless memorization. Instead of grinding through thousands of disconnected problems, CodePath focuses on the 16 core algorithmic primitives that unlock deep intuition for 80% of technical interview questions.
A curated curriculum focusing on the foundational patterns (Sliding Window, Two Pointers, Dynamic Programming, etc.) that reappear in almost every senior-level interview.
Specialized, domain-specific problem sets (e.g., Advanced Graphs, System Design Primitives, Math for Engineers) designed to take you from foundation to professional intuition.
A real-time, multi-turn interview simulator that chat with you based on your target seniority (Junior to Staff) and role. Features a Senior-Level Stress Test mode that introduces unexpected scale and constraint challenges.
Paste any LeetCode URL, and our AI identifies the underlying primitive, providing the architect's reasoning and the "Aha!" moment for that specific problem.
Integrated code snippets for every problem. Save the core pattern logic directly in a syntax-highlighted editor to build a personal "Primitive Bible."
An automated "Forgetting Zone" that identifies patterns you haven't reviewed in 7+ days, calculating retention scores to ensure you're always interview-ready.
The ultimate comprehensive roadmap covering every major algorithmic pattern and data structure design.
- Minimalist Professional Theme: High-contrast monochrome aesthetic with subtle glassmorphism.
- Dark/Light Mode: Full support with perceptual uniformity via OKLCH color spaces.
- Interactive Animations: Matrix-inspired text effects and sophisticated component transitions powered by Framer Motion.
- Framework: Next.js 15+ (App Router, Turbopack)
- Language: TypeScript
- Styling: Tailwind CSS 4.0 (using
@importsyntax and OKLCH) - AI Integration: Vercel AI SDK (
useChat,generateObject) - Animations: Framer Motion / Motion
- Code Editor:
react-simple-code-editor+PrismJS - Icons: Lucide React
- Theme Management: next-themes
- Form/Validation: Zod
├── app/
│ ├── api/ # AI endpoints and server actions
│ ├── interview-questions/# AI Practice Kit interface
│ ├── mastery/ # Specialized track logic and detail pages
│ ├── ninety-patterns/ # Comprehensive curriculum view
│ ├── patterns/ # Core 16 primitives and module logic
│ ├── globals.css # OKLCH-based theme variables and Tailwind layers
│ └── layout.tsx # Root layout with ThemeProvider
├── components/
│ ├── ui/ # Reusable Radix-based UI components
│ ├── theme-toggle.tsx # Global mode switcher
│ └── ... # Custom animations (MatrixText, Testimonials)
├── hooks/
│ └── use-progress.ts # LocalStorage-based persistence logic
├── lib/
│ ├── data.ts # Central curriculum and pattern definitions
│ └── utils.ts # Tailwind merging and UI helpers
└── package.json # Dependency manifest- Node.js 18.x or higher
- npm, yarn, or pnpm
-
Clone the repository:
git clone https://github.com/your-repo/codepath.git cd codepath -
Install dependencies:
npm install
-
Configure Environment Variables: Create a
.env.localfile in the root directory:OPENAI_API_KEY=your_openai_key_here
-
Start the development server:
npm run dev
-
Build for production:
npm run build
Most developers solve 500+ problems and still feel unprepared. CodePath is built on the belief that intuition is a skill, not a memory. By focusing on the underlying primitives, we reduce the problem-solving space by 80%, allowing you to approach any novel problem with senior-level confidence.
Private / Proprietary. All rights reserved.