← Back to projects

LearnOdyssey

Next.jsReactTypeScriptExpress.jsPostgreSQLClaude APIJWTTailwind CSSAI

LearnOdyssey is a full-stack capstone project that reimagines personalized education through AI-generated learning pathways. Users create 'Odysseys'—self-directed learning journeys tailored to their goals and knowledge level—which Claude AI transforms into structured learning paths with sequential milestones covering foundational concepts through advanced topics. Each milestone includes AI-generated quiz questions to test comprehension with immediate feedback and unlimited retakes for mastery learning. Upon completing all milestones, users take a comprehensive final exam generated by Claude that validates deep understanding. Success leads to an automated certificate of completion. The platform includes a competitive leaderboard ranking users by odysseys completed, quizzes taken, and overall achievement score, fostering engagement through gamification. User authentication via JWT ensures secure access, and profiles allow learners to track their progress across multiple odysseys. Built with Next.js 16 and React 19 on the frontend for a responsive learning interface, Express.js with TypeScript on the backend for reliable API routing, PostgreSQL for persistent data storage, and the Anthropic Claude API for intelligent content generation. This team capstone demonstrates full-stack development, AI integration, and UX design for educational technology.

Learner Features

  • •Create personalized learning journeys (Odysseys) with custom goals and motivation
  • •Specify learning level (beginner/intermediate/advanced) for tailored content
  • •AI generates structured learning paths with multiple sequential milestones
  • •Track progress through milestone completion status
  • •AI-generated quiz questions for each milestone with unlimited retakes
  • •Immediate feedback on quiz answers for learning reinforcement
  • •Take final comprehensive exam upon completing all milestones
  • •Auto-generated certificate of completion with personalized name and date
  • •Download and share certificates as PDF files
  • •View profile with learning statistics and odyssey history
  • •Track total quizzes taken and odysseys completed

Platform Capabilities

  • •AI content generation powered by Claude API integration
  • •Real-time streaming responses for fast content delivery
  • •User authentication and authorization with JWT tokens
  • •Secure password hashing with bcryptjs
  • •Protected API endpoints requiring bearer token validation
  • •User profile management (name, surname, avatar updates)
  • •Odyssey CRUD operations with AI generation on creation
  • •Milestone tracking with completion status per user
  • •Quiz generation and completion tracking
  • •Exam generation and score calculation
  • •Certificate generation with custom user data

Technical Stack

  • •Frontend: Next.js 16, React 19, TypeScript, Tailwind CSS, Radix UI
  • •Backend: Express.js with TypeScript, Node.js runtime
  • •Database: PostgreSQL 16 with 5 main tables (user, odyssey, milestone, quiz, exam)
  • •Authentication: JWT with bcryptjs password hashing
  • •AI Integration: Anthropic Claude API for content generation
  • •Rate Limiting: express-rate-limit for API protection (120 req/min)
  • •Runtime Migrations: Automated schema updates on server boot
  • •Monorepo Structure: Frontend and backend in single repository
  • •Docker Compose: Local development orchestration with services
  • •API Architecture: RESTful endpoints with error handling and validation