|
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