|
1 | 1 | # JavaScript Visual Scripting
|
2 | 2 |
|
3 |
| -A visual scripting tool for JavaScript, built with React. |
4 |
| - |
5 |
| -## Description |
6 |
| - |
| 3 | +A visual scripting tool for JavaScript, built with React. |
7 | 4 | 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.
|
8 | 5 |
|
9 |
| -## Features |
10 |
| - |
11 |
| -- Node-based visual programming interface |
12 |
| -- Support for various node types: |
13 |
| - - Control flow (If, Switch, Loops) |
14 |
| - - Data manipulation (Variables, Math Operations) |
15 |
| - - Array and Object operations |
16 |
| - - HTTP Requests |
17 |
| - - JSON handling (Parse, Stringify) |
18 |
| - - Base64 encoding/decoding |
19 |
| -- Canvas controls: |
20 |
| - - Zoom and pan functionality |
21 |
| - - Grid toggle |
22 |
| - - Minimap visualization |
23 |
| - - Node rounding options |
24 |
| - |
25 | 6 | ## Installation
|
26 | 7 |
|
27 |
| -1. Clone the repository: |
28 |
| - ``` |
29 |
| - git clone https://github.com/scar17off/javascript-visual-scripting.git |
30 |
| - ``` |
31 |
| - |
32 |
| -2. Navigate to the project directory: |
33 |
| - ``` |
34 |
| - cd javascript-visual-scripting |
35 |
| - ``` |
36 |
| - |
37 |
| -3. Install dependencies: |
38 |
| - ``` |
39 |
| - npm install |
40 |
| - ``` |
41 |
| - |
42 |
| -4. Start the development server: |
43 |
| - ``` |
44 |
| - npm start |
45 |
| - ``` |
| 8 | +```bash |
| 9 | +git clone https://github.com/scar17off/javascript-visual-scripting |
| 10 | +cd javascript-visual-scripting |
| 11 | +npm install |
| 12 | +npm start |
| 13 | +``` |
46 | 14 |
|
47 | 15 | 5. Open your browser and visit `http://localhost:3000`
|
48 | 16 |
|
|
0 commit comments