DevPath is a modern SaaS learning platform where developers can explore curated roadmaps, track their progress, and master new skills. Built with Next.js 14 App Router, MongoDB, Prisma, and NextAuth.
| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router) |
| Database | MongoDB Atlas |
| ORM | Prisma |
| Auth | NextAuth.js v4 (JWT + OAuth) |
| UI | Tailwind CSS + shadcn/ui |
| Roadmap Visualization | ReactFlow |
| Animations | Framer Motion |
| Validation | Zod |
| Caching | In-memory (Redis optional) |
git clone https://github.com/dipanshurdev/devpath.git
npm installCopy .env.example to .env and fill in the required values:
cp .env.example .envRequired variables:
DATABASE_URL=mongodb+srv://...NEXTAUTH_SECRET=your-secret-hereNEXTAUTH_URL=http://localhost:3000Optional (for OAuth):
GITHUB_ID=...GITHUB_SECRET=...GOOGLE_CLIENT_ID=...GOOGLE_CLIENT_SECRET=...# Push schema to MongoDB and generate Prisma client
npm run setup:prisma
# Seed with sample roadmaps and an admin user
npm run db:seednpm run devOpen http://localhost:3000.
- Authentication — Email/password + Google/GitHub OAuth via NextAuth
- Roadmaps — Browse, filter, search, and track progress through learning roadmaps
- Dashboard — Personal learning stats, weekly activity, in-progress and saved roadmaps
- Admin Panel — Create and manage roadmaps, view real-time platform stats
- Subscriptions — FREE/PRO/TEAM tier architecture with feature gating
- Caching — In-memory cache (Redis-ready) for roadmap list and detail endpoints
- Data Isolation — All user data (progress, bookmarks, likes) is scoped per user
- Fork the repository
- Create a feature branch:
git checkout -b feature/my-feature - Commit your changes:
git commit -m 'Add my feature' - Push to the branch:
git push origin feature/my-feature - Open a pull request
MIT — see LICENSE for details.