https://github.com/swe-robertkibet/logic-gate-simulator
A web application built with React that simulates basic logic gates (AND, OR, NOT, NAND, NOR). Users can input binary values and see the output of different gates.
https://github.com/swe-robertkibet/logic-gate-simulator
digital-electronics educational-resource interactive-tools logic-gate-simulator react simulation svg web-application
Last synced: 5 months ago
JSON representation
A web application built with React that simulates basic logic gates (AND, OR, NOT, NAND, NOR). Users can input binary values and see the output of different gates.
- Host: GitHub
- URL: https://github.com/swe-robertkibet/logic-gate-simulator
- Owner: swe-robertkibet
- License: mit
- Created: 2024-08-10T11:42:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-10T22:41:56.000Z (almost 2 years ago)
- Last Synced: 2024-08-11T12:58:52.741Z (almost 2 years ago)
- Topics: digital-electronics, educational-resource, interactive-tools, logic-gate-simulator, react, simulation, svg, web-application
- Language: JavaScript
- Homepage: https://logicsim.robertkibet.com/
- Size: 244 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Logic Gate Simulator
## Table of Contents
- [Introduction](#introduction)
- [Live Demo](#live-demo)
- [Motivation](#motivation)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [Future Enhancements](#future-enhancements)
- [License](#license)
- [Acknowledgments](#acknowledgments)
- [Contact](#contact)
## Introduction
The Logic Gate Simulator is an interactive web application designed to help users understand and visualize the behavior of basic logic gates. Inspired by concepts from digital electronics and devices, this project bridges the gap between theoretical knowledge and practical understanding of logic gates.
## Live Demo
Experience the Logic Gate Simulator in action: [Live Demo](https://logicsim.robertkibet.com/)
## Motivation
This project was born out of the fascinating world of digital electronics and devices. As I delved into the fundamentals of digital systems, I realized the power and ubiquity of logic gates in modern computing. This simulator is my attempt to create a hands-on, visual tool that makes these abstract concepts more tangible and accessible to learners at all levels.
## Features
- Interactive simulation of five basic logic gates: AND, OR, NOT, NAND, and NOR
- Real-time visual representation of gate behavior
- Interactive input switches for easy manipulation
- Color-coded input and output lines for clear state visualization
- Truth table display for each gate type
- Responsive design for both desktop and mobile devices
## Technologies Used
- React.js
- HTML5
- CSS3
- SVG for gate visualizations
## Getting Started
### Prerequisites
- Node.js (v12.0 or later)
- npm (v6.0 or later)
### Installation
1. Clone the repository:
```
git clone https://github.com/swe-robertkibet/logic-gate-simulator.git
```
2. Navigate to the project directory:
```
cd logic-gate-simulator
```
3. Install dependencies:
```
npm install
```
4. Start the development server:
```
npm start
```
5. Open your browser and visit `http://localhost:3000`
## Usage
1. Select a logic gate type from the dropdown menu
2. Toggle the input switches to change the input states
3. Observe the real-time changes in the gate visualization and output
4. Refer to the truth table for a comprehensive view of all possible states
## Contributing
Contributions to enhance the Logic Gate Simulator are welcome. Please feel free to submit pull requests or open issues to suggest improvements or report bugs.
## Future Enhancements
- Add more complex logic gates (XOR, XNOR)
- Implement a circuit builder feature
- Include educational resources and quizzes
## License
This project is open source and available under the [MIT License](LICENSE).
## Acknowledgments
- Inspired by the digital electronics and devices course
## Contact
For any queries or suggestions, please open an issue in the GitHub repository.
Happy Simulating!