Interactive cybersecurity learning platform with 3 modules, 6 lessons, and hands-on labs. The Cipher Workshop teaches Caesar, substitution, and XOR ciphers with real-time encryption/decryption visualizations and challenge exercises. Web Security 101 features a sandboxed XSS lab (Sandpack) where you inject payloads into a vulnerable comment form, and a SQL injection lab (AlaSQL) with a pre-seeded user database to bypass authentication. Network Fundamentals uses React Flow to visualize TCP/IP packet encapsulation across the OSI layers with clickable nodes showing per-layer protocol fields.
Full authentication system (NextAuth.js with JWT), per-lesson progress tracking with resume capability, learning paths grouped by difficulty tier (Beginner, Based, Big Brain), and a 16-badge achievement system across 4 categories (completion, mastery, milestone, explorer) with OpenGraph social sharing. Module browsing supports full-text search, difficulty and category filtering, and pagination.
Built on Next.js 16 with Vercel Postgres, Zod validation, bcrypt, and Resend for password reset emails.