Claude Code Best Practices

Visit site →

Interactive learning platform with AI-generated flashcard lessons published three times a week — teaching developers how to get the most out of Claude Code.

TypeScriptViteGitHub ActionsClaude CodeGitHub Pages

Live Preview

https://cclessons.jaczaar.com/

Overview

An educational platform for mastering Claude Code. Features a 12-chapter interactive slideshow covering CLAUDE.md, context management, MCP servers, autonomous loops, and the GSD framework. The lessons page delivers AI-generated flashcard-based lessons every Monday, Wednesday, and Friday via an automated GitHub Actions pipeline.

Key Highlights

01Automated AI lesson generation pipeline via GitHub Actions (Mon/Wed/Fri)
02Interactive flashcard quizzes with click-to-flip and keyboard navigation
0312-chapter keyboard-navigable slideshow with touch/swipe support
04Priority waterfall system ensures fresh, non-duplicate lesson topics
05Day-of-week customized angles: deep-dive, workflow, and advanced
06PR preview deployments for every generated lesson
07Email notifications to subscribers on new lesson publish

Architecture

Static HTML/TS (Vite) → GitHub Actions (Claude Code) → GitHub Pages