Code-View – Multi-Language Compiler
Tech Talk
Code-View revolutionizes code learning with real-time compilation, AST visualization, and execution tracing - all in a Material Design 3 Android app with a powerful backend analysis engine.
🚀 Key Features
- Multi-Language Support: Java, C, and Kotlin compilation and analysis
- AST Visualization: Interactive tree-view of abstract syntax trees
- Execution Tracing: Step-by-step program flow visualization
- Symbol Tables: Real-time display of variables and scopes
- Control Flow Graphs: Visual representation of program logic
- Secure Execution: Isolated backend processing with child_process.spawn
public class Main {
public static void main(String[] args) {
// Sample code visualization
System.out.println("Hello Code-View!");
}
}
public static void main(String[] args) {
// Sample code visualization
System.out.println("Hello Code-View!");
}
}
🛠 Technology Stack
Mobile App
Kotlin + Jetpack Compose
Material Design 3
Backend
Node.js + Express
Docker containers
Infrastructure
Railway deployment
WebView integration
Analysis
ANTLR parsing
Compiler phases
⚙️ Technical Implementation
- Modular Architecture: Separated compiler phases into independent modules
- Real-Time Communication: WebSocket-based updates between app and backend
- Material 3 Compliance: Followed latest Android design guidelines
- Secure Execution: Sandboxed code execution with resource limits
- Optimized Performance: Cached parsing results and incremental analysis
📊 Sample Analysis Output
AST
CFG
Symbol Table
