Pipeline
An educational platform visualizing C compilation from tokenization through LLVM IR to binary execution.
- Status
- Active
- Date
- October 2025
- Category
- Systems
Summary
A browser-based educational platform that visualizes every stage of C compilation from source code to binary execution with real-time feedback and interactive simulation.
Description
Pipeline is an interactive web application that demystifies how C code becomes machine instructions. Built with a Rust-Actix backend and TypeScript-SolidJS frontend, it captures the full compilation pipeline: tokenization, parsing, semantic analysis, LLVM IR generation, optimization passes, assembly generation, and binary encoding.
Architecture
- Tokenization
- Parsing
- Semantic analysis
- LLVM IR generation
- Optimization passes
- Assembly generation
- Binary encoding
Technology
- Rust
- Actix Web
- TypeScript
- SolidJS
- Monaco Editor
- LLVM
- Docker
Features
- Interactive C compilation walkthrough with stage-by-stage visualization from tokenization and AST generation to LLVM IR, assembly, and binary output.
- Real-time browser code editor with C syntax highlighting, built-in templates, auto-save, and JSON import/export for repeatable learning sessions.
- Instruction-level execution simulator with register/stack state tracking and frame-by-frame memory events for low-level program behavior analysis.
- Decoded machine-instruction view that breaks bytes into prefixes, opcodes, ModR/M, SIB, displacement, and immediate fields with human-readable explanations.
- Educational diagnostics pipeline with clear compilation error reporting, symbol/scope insights, and side-by-side representations across compilation stages.
- Docker-ready full-stack deployment architecture with a Rust Actix backend and SolidJS frontend for local development and production hosting.
Links
Images
Machine-readable: /projects.json · /llms.txt · /llms-full.txt