🚀 Built a Full-Stack Pipeline Builder with Real-Time Graph Analysis! I’m excited to share my latest project: a Modular Pipeline Builder that allows users to construct complex logic workflows through an intuitive drag-and-drop interface. As a CSE student, I wanted to dive deep into graph theory and scalable frontend architecture. This project was a great challenge in balancing UI/UX with rigorous backend validation. Key Technical Highlights: Modular Architecture: Built a reusable BaseNode React component, allowing for easy expansion of node types (Logic Gates, Timers, Databases, and more). Dynamic Variable Handling: Implemented real-time Regex parsing in the Text Node to dynamically generate input handles for {{variable}} syntax. Graph Validation: Developed a FastAPI backend that utilizes Kahn’s Algorithm (BFS) to perform Directed Acyclic Graph (DAG) checks, preventing infinite loops in the workflow. State Management: Managed complex node/edge interactions using Zustand for a clean, decoupled state. Check out the demo below to see the DAG validation and modular node system in action! #WebDevelopment #ReactJS #FastAPI #GraphTheory #SoftwareEngineering #Zustand #FullStack #Python #ReactFlow

To view or add a comment, sign in

Explore content categories