📚 Learn how complex systems actually work through deep-dive tutorials
Transform your understanding from "what to do" to "how it works" with production-grade code examples
AI Agents • Machine Learning • Databases • Developer Tools • Web Frameworks • Systems Programming
📋 Table of Contents
- 🎯 What Makes This Collection Special?
- 🚀 Complete Tutorial Collection
- 🎯 Getting Started
- 🛠️ Built With
- 🤝 Contributing & Community
🎯 What Makes This Collection Special?
Unlike typical documentation that shows you what to do, our tutorials reveal how and why complex systems work:
| 🔍 Deep Analysis | 📊 Visual Learning | 🛠️ Hands-On Practice | ⭐ Production Ready |
|---|---|---|---|
| Real production codebases | Architecture diagrams | Runnable code examples | Enterprise-grade patterns |
| Line-by-line explanations | System flow charts | Step-by-step guides | Scalable implementations |
| Expert-level insights | Interactive visualizations | Practical exercises | Best practices |
🚀 Complete Tutorial Collection
📊 Current Status - 50+ complete tutorials (29 in progress) targeting 1000+ hours of expert-level content
| Category | Complete | In Progress | Total Listed | Target Hours |
|---|---|---|---|---|
| 🤖 AI & ML Platforms | 22 tutorials | 33 tutorials | 55 tutorials | 520-600 hours |
| 🔧 Developer Tools | 2 tutorials | 12 tutorials | 14 tutorials | 180-220 hours |
| 🗄️ Database Systems | 1 tutorial | 5 tutorials | 6 tutorials | 80-100 hours |
| 📊 Analytics & Monitoring | 0 tutorials | 4 tutorials | 4 tutorials | 60-80 hours |
| Total Collection | 50+ tutorials | 29 tutorials | 79 tutorials | 840-1000 hours |
🤖 AI & Machine Learning Platforms
| Tutorial | Duration | Level | Key Technologies | What You'll Master |
|---|---|---|---|---|
| Dify Platform | 4-6 hrs | 🟢 Beginner | Python, Flask, Docker | LLM workflows, RAG systems, agent frameworks |
| Flowise Orchestration | 10-12 hrs | 🟡 Intermediate | Node.js, React, LLMs | Visual workflow design, prompt engineering |
| LobeChat Platform | 8-10 hrs | 🟡 Intermediate | Next.js, TypeScript | Modern AI chat, streaming responses |
| LangChain Tutorial | 12-15 hrs | 🟡 Intermediate | Python, OpenAI, Vector DBs | RAG systems, agents, prompt engineering (see also: LlamaIndex, Haystack) |
| Chatbox Tutorial | 10-12 hrs | 🟡 Intermediate | JavaScript, React, AI APIs | Modern chat interfaces, multi-provider AI (see also: LobeChat) |
| AgentGPT Tutorial | 12-15 hrs | 🔴 Expert | Python, AI Agents, Tool Integration | Autonomous AI agents, task planning |
| Mem0 Tutorial | 10-12 hrs | 🟡 Intermediate | Python, AI Memory, Vector DBs | Intelligent memory systems, context retention |
| Firecrawl Tutorial | 10-12 hrs | 🟡 Intermediate | Python, Web Scraping, LLMs | LLM-ready web data extraction |
| LlamaIndex Tutorial | 12-15 hrs | 🟡 Intermediate | Python, RAG, Data Frameworks | Advanced RAG systems, data ingestion |
| Chroma Tutorial | 10-12 hrs | 🟡 Intermediate | Python, Vector Databases, AI | AI-native embedding databases |
| Ollama Tutorial | 8-10 hrs | 🟢 Beginner | CLI, REST API, Local LLMs | Running LLMs locally and privately |
| HuggingFace Tutorial | 12-15 hrs | 🟡 Intermediate | Python, Transformers, AI Models | State-of-the-art AI models and tasks |
| AutoGen Tutorial | 12-15 hrs | 🟡 Intermediate | Python, Multi-Agent Systems | Collaborative AI agent teams |
| BentoML Tutorial | 10-12 hrs | 🟡 Intermediate | Python, ML Deployment, MLOps | Production ML model serving |
| CrewAI Tutorial | 12-15 hrs | 🟡 Intermediate | Python, AI Agent Teams, Orchestration | Collaborative AI agent workflows |
| ComfyUI Tutorial | 10-12 hrs | 🟡 Intermediate | Stable Diffusion, Node-based UI, Image Generation | Modular AI art workflows |
| LLaMA-Factory Tutorial | 12-15 hrs | 🟡 Intermediate | Python, LLM Training, Fine-tuning | Unified framework for LLM development |
| Haystack Tutorial | 12-15 hrs | 🟡 Intermediate | Python, NLP, Search Systems, RAG | Intelligent search and question answering |
| SuperAGI Tutorial | 10-12 hrs | 🟡 Intermediate | Python, Autonomous Agents, AI Frameworks | Production-ready autonomous AI agents |
| Quivr Tutorial | 10-12 hrs | 🟡 Intermediate | Python, RAG, Document Processing, AI | Document-based question answering |
| Logseq Knowledge | 18-22 hrs | 🔴 Expert | ClojureScript, Electron | Local-first apps, graph databases |
| LangGraph Tutorial | 12-15 hrs | 🟡 Intermediate | Python, State Machines, Graph Theory | Stateful multi-actor applications |
| Vercel AI Tutorial | 10-12 hrs | 🟡 Intermediate | TypeScript, AI SDK, Streaming | AI-powered React applications |
| Dyad Tutorial | 8-10 hrs | 🟡 Intermediate | TypeScript, AI App Builder | Local AI application development |
| Perplexica Tutorial | 10-12 hrs | 🟡 Intermediate | TypeScript, AI Search Engine | AI-powered search applications |
| Taskade Tutorial | 12-15 hrs | 🟡 Intermediate | AI Agents, Automation, Productivity | AI-powered productivity platform |
| OpenAI Swarm | 10-12 hrs | 🟡 Intermediate | Python, Multi-Agent, Handoffs | Lightweight multi-agent orchestration |
| AG2 Tutorial | 12-15 hrs | 🟡 Intermediate | Python, Multi-Agent Systems | AutoGen successor, collaborative agents |
| Pydantic AI | 10-12 hrs | 🟡 Intermediate | Python, Pydantic, Type Safety | Type-safe AI agent development |
| Smolagents | 10-12 hrs | 🟡 Intermediate | Python, Hugging Face, Agents | Lightweight Hugging Face agents |
| Semantic Kernel | 10-12 hrs | 🟡 Intermediate | C#/Python, AI Orchestration | Plugins, planners, memory, and production deployment |
| DSPy Tutorial | 12-15 hrs | 🟡 Intermediate | Python, LLM Programming | Declarative LLM programming |
| LiteLLM Tutorial | 10-12 hrs | 🟡 Intermediate | Python, API Gateway, Multi-Provider | Unified LLM API interface |
| Open WebUI | 8-10 hrs | 🟢 Beginner | Docker, Ollama, Web UI | Self-hosted ChatGPT alternative (see also: Ollama Tutorial) |
| Instructor | 10-12 hrs | 🟡 Intermediate | Python, Pydantic, Structured Output | Type-safe LLM structured extraction (see also: Pydantic AI) |
| Langfuse | 10-12 hrs | 🟡 Intermediate | Python, Observability, Monitoring | LLM application monitoring & analytics |
| Letta | 10-12 hrs | 🟡 Intermediate | Python, AI Memory, Stateful Agents | Stateful AI agent development |
| Llama.cpp | 12-15 hrs | 🟡 Intermediate | C++, GGUF, Local Inference | High-performance local LLM inference |
| LocalAI | 10-12 hrs | 🟡 Intermediate | Docker, Multi-Modal, Local AI | Self-hosted multi-modal AI server |
| n8n AI | 10-12 hrs | 🟡 Intermediate | Node.js, Workflow Automation, AI | Visual AI workflow orchestration |
| Phidata | 12-15 hrs | 🟡 Intermediate | Python, Autonomous Agents, Tools | Building autonomous AI agents with memory |
| Browser Use | 10-12 hrs | 🟡 Intermediate | Python, Web Automation, AI | AI-powered browser automation |
| CopilotKit | 10-12 hrs | 🟡 Intermediate | React, TypeScript, AI Copilots | In-app AI assistants for React |
🔧 Developer Tools & Code Analysis
| Tutorial | Duration | Level | Key Technologies | What You'll Master |
|---|---|---|---|---|
| Claude Task Master | 8-10 hrs | 🟡 Intermediate | AI Agents, Task Management, Editor Integration | AI-powered development workflows |
| Continue Tutorial | 10-12 hrs | 🟡 Intermediate | AI, Code Completion, Development Tools | Open-source AI coding assistant |
| Botpress Tutorial | 10-12 hrs | 🟡 Intermediate | Node.js, Conversational AI, Chatbots | Building intelligent chatbots |
| Obsidian Plugin | 6-8 hrs | 🟡 Intermediate | TypeScript, Plugin APIs | Advanced text editing, tree structures |
| Codex Analysis | 12-15 hrs | 🔴 Expert | TypeScript, AST, LSP | Static analysis, code intelligence |
| Whisper.cpp Tutorial | 10-12 hrs | 🟡 Intermediate | C++, Audio Processing, ML | Speech recognition, audio processing, edge ML |
| Turborepo Tutorial | 10-12 hrs | 🟡 Intermediate | Rust, JavaScript, TypeScript | High-performance monorepo build system |
| OpenHands Tutorial | 12-15 hrs | 🟡 Intermediate | Python, AI Agents, Code Generation | AI software engineering agent |
| Aider Tutorial | 10-12 hrs | 🟡 Intermediate | Python, Git, AI Pair Programming | AI pair programming in terminal |
| Langfuse Tutorial | 10-12 hrs | 🟡 Intermediate | Python, Observability, Analytics | LLM observability and tracing |
| Kubernetes Operators | 12-15 hrs | 🔴 Expert | Go, Kubernetes, Controllers | Production-grade K8s operators |
🗄️ Database & Storage Systems
| Tutorial | Duration | Level | Key Technologies | What You'll Master |
|---|---|---|---|---|
| NocoDB Platform | 6-8 hrs | 🟡 Intermediate | Node.js, Vue.js | Database abstraction, API generation |
| Athens Research | 8-10 hrs | 🔴 Expert | ClojureScript, Datascript | Graph databases, bi-directional linking |
| Teable Platform | 12-15 hrs | 🔴 Expert | TypeScript, PostgreSQL | Multi-dimensional data, real-time collaboration |
| SiYuan Tutorial | 10-12 hrs | 🟡 Intermediate | Go, TypeScript, SQLite | Privacy-first knowledge management, block system |
📊 Analytics & Monitoring
| Tutorial | Duration | Level | Key Technologies | What You'll Master |
|---|---|---|---|---|
| Supabase Tutorial | 10-12 hrs | 🟡 Intermediate | PostgreSQL, Realtime DB, Auth, Edge Functions | Full-stack app development |
| PostHog Tutorial | 8-10 hrs | 🟡 Intermediate | Product Analytics, Event Tracking, A/B Testing | User behavior analysis and optimization |
🎯 Getting Started
🆕 New to System Architecture?
Start with our beginner-friendly tutorials and work your way up:
- Dify Platform (4-6 hrs) - Learn LLM application patterns
- Ollama Tutorial (8-10 hrs) - Local LLM deployment (prerequisite for Open WebUI)
- NocoDB Platform (6-8 hrs) - Database abstraction concepts
- Obsidian Plugin (6-8 hrs) - Plugin architecture basics
🎨 Frontend Developer Path
Master modern frontend architectures:
- LobeChat Platform - Next.js + AI integration (see also: Vercel AI)
- Flowise Orchestration - React + Node.js workflows
- Teable Platform - Advanced React patterns (see also: CopilotKit)
🗄️ Backend Developer Path
Deep-dive into data and system design:
- Supabase Tutorial - Full-stack development with real-time databases (see also: PostHog)
- Athens Research - Graph databases (see also: Logseq)
- Teable Platform - Multi-dimensional data
- Codex Analysis - Language processing
🔥 Expert Challenge Path
For experienced developers seeking mastery:
- LLaMA-Factory Tutorial (12-15 hrs) - Advanced LLM training and fine-tuning
- Logseq Knowledge (18-22 hrs) - Local-first architecture
- Codex Analysis (12-15 hrs) - Compiler theory application
- Teable Platform (12-15 hrs) - Production scaling patterns
📈 Learning Progressions
🔄 AI Agent Development Path
Master the full AI agent development lifecycle:
Foundation → Ollama (Local LLM setup) Core Frameworks → LangChain → AutoGen → CrewAI Specialization → LangGraph (State machines) → Phidata (Memory systems) Production → Langfuse (Observability) → AG2 (Enterprise deployment)
🗄️ Database & Data Engineering Path
From basics to advanced data systems:
Foundation → NocoDB (Database abstraction) Graph Databases → Athens Research → Logseq Real-time Systems → Supabase → Teable Analytics → PostHog (Product analytics)
🔧 Developer Tools & Productivity Path
Enhance your development workflow:
AI Coding → Continue → CopilotKit → OpenHands Monorepos → Turborepo (Build optimization) Documentation → Taskade (Project management)
📈 December 2025 Expansion - AI Agents Initiative
We've planned 27 new AI agent and LLM tutorials bringing our total listed to 79 tutorials targeting 1000+ hours of expert-level content!
| Category | Tutorials Planned | Current Status | Impact |
|---|---|---|---|
| 🤖 AI Agents | OpenAI Swarm, AG2, Pydantic AI, Smolagents, CopilotKit, Browser Use, OpenHands, Aider, Phidata, Letta | 7 complete, 3 in progress | Complete AI agent development toolkit |
| 🧠 LLM Infrastructure | DSPy, LiteLLM, Langfuse, Open WebUI, vLLM, llama.cpp, LocalAI, Outlines, Instructor | 8 complete, 1 in progress | Production LLM operations |
| 🔧 Developer Tools | Claude Code, Semantic Kernel, AnythingLLM, n8n AI | 4 complete, 0 in progress | AI-powered development |
| ☸️ Cloud Native | Kubernetes Operator Patterns | 1 complete, 0 in progress | Enterprise infrastructure automation |
🎯 Current Focus:
- High Priority: Finalize remaining agent tutorials and polish advanced chapters
- Infrastructure: Harden production guidance (vLLM, observability, scaling)
- Enhancements: Add deeper testing, safety, and evaluation patterns across tutorials
📈 Next Phase: Complete remaining tutorials and add advanced RAG frameworks, multi-modal AI, and enterprise agent patterns
🗂️ Quick Access by Category
| Category | Featured Tutorials | Total Available |
|---|---|---|
| 🤖 AI & ML Platforms | Dify, LangChain, Ollama | 55+ |
| ⚙️ Systems Programming | Kubernetes Operators, Whisper.cpp | 3+ |
| 🗄️ Databases & Storage | NocoDB, Athens, Teable | 6+ |
| 🌐 Web Frameworks | LobeChat, Teable | 2+ |
🛠️ Built With
This repository is organized and maintained using Taskade for project management and collaboration. Check out their documentation for building better docs and workflows.
| Tool | Purpose | Why We Use It |
|---|---|---|
| Taskade | Project planning & collaboration | Streamlines tutorial curation and community management |
| Taskade AI | AI-powered assistance | Helps generate structured content and maintain consistency |
| Taskade Templates | Learning organization | Pre-built templates for technical learning and documentation |
These tools help us maintain high-quality, consistent documentation across all our tutorials.
🤝 Contributing & Community
💡 Suggest New Tutorials
Found amazing technical documentation that transforms understanding? We'd love to include it!
What makes great educational documentation?
✅ Transforms Understanding - Goes beyond "what" to explain "how" and "why"
✅ Production Focus - Real codebases, not toy examples
✅ Visual Learning - Diagrams, flowcharts, interactive elements
✅ Hands-On Practice - Runnable code you can experiment with
✅ Clear Progression - Logical learning path from basics to advanced
✅ Current & Maintained - Up-to-date with modern practices
🌍 Join Our Community
| Platform | Purpose | Link |
|---|---|---|
| ⭐ GitHub | Star for updates, contribute tutorials | Star this repo |
| 💬 Discussions | Share insights, ask questions | Join discussions |
| Latest finds, community highlights | Follow @johnxie | |
| 📧 Newsletter | Monthly curated technical content | Subscribe |