By
@jegtaiwo
An interactive web-based digital logic circuit simulator built with HTML, CSS, and JavaScript. Users can build and interact with digital logic circuits using gates such as AND, OR, XOR, NAND, NOR, and NOT. Additional simulation features are under active development.
I built Logic Loom, an interactive web-based digital logic circuit simulator using HTML, CSS, and JavaScript. The project provides a modern interface for building logic circuits and serves as the foundation for a complete digital circuit simulator.
What was challenging?
The biggest challenge was organizing the project as it grew. I refactored the code by separating the HTML, CSS, and JavaScript into their own files, resolved Git merge conflicts, and implemented a customizable theme with localStorage so user preferences persist after refreshing the page.
What are you proud of?
I'm proud of how much I learned while building this project. Developing each feature incrementally—from the UI and theme customization to organizing the project structure—helped me strengthen my HTML, CSS, JavaScript, Git, and debugging skills.
What should people know when testing it?
This is an early MVP. The interface, project structure, and customization features are complete, while the circuit simulation engine is still under active development. Feedback is welcome as I continue improving Logic Loom.
5h 47m 55s logged
Devlog #2 — Refining Logic Loom
Today I focused on improving Logic Loom’s structure and user experience.
Separated the HTML, CSS, and JavaScript into dedicated files.
Added a customizable background theme with localStorage support.
Improved the project structure and continued refining the interactive UI.
Next, I’ll continue building the simulation features and enhancing the overall user experience.
9h 13m 31s logged
🚀 Starting Logic Loom
Today I started building Logic Loom, a web-based digital logic circuit simulator using HTML, CSS, and JavaScript.
The goal is to let users build and simulate digital circuits with gates like AND, OR, XOR, NAND, NOR, and NOT.
Today’s progress
🎨 Designed the dark-themed UI.
🧰 Built the toolbox for adding logic gates.
🖥️ Created the top toolbar (Undo, Redo, Save, Load, Randomize, Clear Wires, Reset).
📱 Made the layout responsive.
⚡ Added animations and reusable UI components.
🏗️ Organized the project structure for the upcoming JavaScript logic.
📂 Pushed today’s progress to GitHub.
Today’s focus was building a solid foundation. The UI is coming together, and next I’ll start implementing the JavaScript logic for dragging components, connecting wires, simulating circuits, and generating truth tables.
Looking forward to bringing Logic Loom to life! 🚀
