Skip to content

A web-based visual scripting tool for JavaScript, built with React, allowing users to create programs using a node-based interface.

License

Notifications You must be signed in to change notification settings

scar17off/javascript-visual-scripting

Repository files navigation

JavaScript Visual Scripting

A visual scripting tool for JavaScript, built with React.

Description

This project is a web-based visual scripting environment that allows users to create JavaScript programs using a node-based interface. It provides a canvas where users can add, connect, and manipulate nodes representing various programming concepts and operations.

Features

  • Node-based visual programming interface
  • Support for various node types:
    • Control flow (If, Switch, Loops)
    • Data manipulation (Variables, Math Operations)
    • Array and Object operations
    • HTTP Requests
    • JSON handling (Parse, Stringify)
    • Base64 encoding/decoding
  • Canvas controls:
    • Zoom and pan functionality
    • Grid toggle
    • Minimap visualization
    • Node rounding options

Installation

  1. Clone the repository:

    git clone https://github.com/scar17off/javascript-visual-scripting.git
    
  2. Navigate to the project directory:

    cd javascript-visual-scripting
    
  3. Install dependencies:

    npm install
    
  4. Start the development server:

    npm start
    
  5. Open your browser and visit http://localhost:3000

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for details.