Skip to content

Interactive, SVG-powered logic circuit builder that lets you design and visualize digital gates with a clean, drag-and-drop interface

Notifications You must be signed in to change notification settings

Shitanshukumar607/LogicWorks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logic Circuit Simulator

A small React + Vite app to visually design and simulate digital logic circuits using a node-based editor (React Flow / XYFlow).

Features

  • Drag & drop logic gates (INPUT, OUTPUT, AND, OR, NOT, NAND, NOR, XOR, XNOR)
  • Connect gates with edges (wires)
  • Toggle INPUT nodes to propagate signals
  • Run simulation and see outputs (LEDs) update
  • Save and load circuit JSON

Setup (Windows PowerShell)

  1. Install dependencies
cd "c:\Users\SHITANSHU KUMAR\OneDrive\Desktop\logic-circuit"
npm install
  1. Run dev server
npm run dev
  1. Open the dev URL shown by Vite in your browser.

Notes & Next Steps

  • This repo uses Zustand for global state and a simple BFS propagation algorithm.
  • Improve: edge coloring, cycle detection, better topological evaluation, UI polish with shadcn components.

About

Interactive, SVG-powered logic circuit builder that lets you design and visualize digital gates with a clean, drag-and-drop interface

Topics

Resources

Stars

Watchers

Forks