BACK TO PROJECTS
COMPLETED★ FEATURED

CodeWithZeeshan Platform

A full-stack interactive learning platform for programming students with AI, Quizzes, and 3D UI.

Live Demo Source Code

[ TECHNOLOGIES USED ]

Next.jsTypeScriptSupabaseTailwind CSSGroq AIThree.js

CodeWithZeeshan Platform

CodeWithZeeshan is a production-ready, full-stack interactive learning platform designed specifically for programming students. It combines tutorials, a live code playground, AI assistance, and a role-based moderation system.

Key Features

  • AI Content Studio: Generates tutorials, blog posts, and quizzes using Groq (Llama 3.3 70B).
  • Human-in-the-loop Moderation: Admins draft content, Administrators review and publish.
  • Interactive Playground: Monaco Editor with live HTML/CSS/JS preview.
  • Leaderboard & Quizzes: Gamified learning with public leaderboards.
  • Cyberpunk UI: 3D Hero section (Three.js) and custom glassmorphism design.

Tech Stack

Built with Next.js 16 (App Router), Supabase (Auth, DB, Storage), and Tailwind CSS v4. Deployed on Vercel.