Visual-Circuit-Designer

Visual-Circuit-Designer is web-based platform that could provide students and learners good experience in designing circuits similar to the Block Diagrams (like on Computer Architecture), but without the need to install Quartus Prime or huge Virtual box image.

Link to our product

DEMO

Usage

Project goal

The goal of our project is to create web-based platform for designing, simulating, and managing digital logic circuits with an intuitive interface.

Project Context Diagram

Key Components

1. User(student/engineers who will use out product)
2. Database(to store projects and users information)
3. Frontend(User Interface with which the user interacts)
4. Backend(this part user can not see, bur it exists)
5. Runner node(to run simulation)

Feature Roadmap

• Add drag and drop to place circuits on grid
• Add simulation with ability to change inputs in real time
• Add ability to locally store projects
• Add ability to upload projects from users device
• Add ability to store projects in the cloud storage
• Add ability to share projects among users community
• Add multiple tabs to work on several projects at the same time
• Add multiple themes of UI to make it more comfortable
• Add reusable custom blocks to simplify complex designs

Usage Instructions

Follow these steps to launch and explore the MVP v2:

1. Open the Application

• Navigate to Visual Circuit Designer

2. Access

• The service is completely free and open.
• No registration or user account is required.

3. Core Functionality

• Create & Edit logical circuits using basic components.
• Configure various global settings via the Settings menu.

4. Exploration & Testing

• Once the page loads, you’ll land directly in the workspace.
• Use the Menu to drag-and-drop components onto the canvas.
• Switch between tools and pick different wire styles (bezier, step and straight) directly from the toolbar to control how connections are drawn.
• Open the Settings panel to fine-tune circuit and application options.

Project Installation

For those who want locally launch our project

1. Clone the repository

   In terminal run

     git clone https://github.com/IUMusicalFish19/Visual-Circuit-Designer

2. Navigate to project

   In terminal run

     cd Visual-Circuit-Designer

3. Make sure you have all needed dependencies

   In terminal run

     cd UI
     npm install

4. Make sure you have needed Runner Node requirements This part depends on Operation System you have

   • For Linux:

   Type in terminal:

       sudo apt-get update
       sudo apt-get install -y iverilog

   • For macOS:

     Type in terminal

       sudo port install iverilog

   • For Windows:

     Install Icarus Verilog from this site

5. Install Python dependencies

       python -m pip install --upgrade pip
       pip install -r RunnerNode/requirements.txt

6. Run Runner Node Server

      PYTHONPATH=RunnerNode uvicorn connect:socket_app --host 0.0.0.0 --port 80 --reload

7. Run Frontend Server

      cd UI
      npm run dev

8. Open Project Open the link from terminal and get started!

Documentation

• Development
• Quality characteristics and quality attribute scenarios
• Quality assurance:
  • Automated tests
  • User acceptance tests
• Build and deployment automation
  • Continuous Integration
  • Continuous Deployment
• Architecture with Static view, Dynamic view, Deployment view and Tech Stack