Logic Simulator (React + Vite)

A web app that lets users place logic gates on a board, connect them with digital wires, and run both live and full truth-table simulations.

Features

• Gates: AND, NAND, OR, NOR, XOR, XNOR, Inverter.
• Up to 4 inputs per gate (except inverter, fixed to 1).
• Add draggable Input and Output variables.
• Rename variables/gates with a double-click label edit.
• Connect components by clicking an output pin, then an input pin.
• Interactive live run panel with input bit toggles and output values.
• Generated truth table (row-capped for large input counts).
• Editing helpers: Undo, Deselect, Clear All, Delete selected node.

Quick start

npm install
npm run dev

Open the printed local URL.

Build for deployment

npm run build
npm run preview

Deploy the generated dist/ folder to any static host (Netlify, Vercel, GitHub Pages, Cloudflare Pages, etc.).

Usage

1. Add input/output variables and gate blocks from the left toolbar.
2. Drag blocks to arrange your circuit.
3. Create a wire: click a source output pin then a destination input pin.
4. Double-click a node to rename labels.
5. Click Run to open the truth table and live simulation controls.