Visual Programming

Changelog

• Implement undo/redo functionality with useHistory hook

Added duplicate node functionality.
Control + D to duplicate

Also changed the color theme, since everyone was complaining about the platforem looking vibecoded.

Changelog

• Add save and load functionality for current state
• Tweaks and bug fixes

I added save and load functionality. You can no save your current screen/node graph as a JSON file, and load it later

Changelog

• Tweaks and updates

Basically just changed the way the nodes handled data, and added dynamic node sizes

Enhance WireLayer by adding active node highlighting and loop animations. Basically just added animations to the wire, and glow to active nodes.

You can now click to add nodes, instead of just drag and drop. Once you click a node, it spawns on a random location on the canvas

Just Figured out my time was counting on the parent folder(New folder) of all my Hack club projects, instead of the visual programming project, as a folder. Had 3 hours of work. Just relinked all.

Had come issues with tranferring my project to mac, and git and all of that, But here are the stuffs i was actually able to do:
Added new nodes: Concat string to add 2 strings, and boolean nodes like Not, And, Or.
Added new types

Speed development Up, by using AI to Add a tutorial On how to use the App, So i can submit for the Lockin Sidequest. I will still Do my own Tutorial, and Discard the AI tutorial tho, But yeah.

replaced console logging with logging on my app’s console object

Wired all components to the App component. We now have everything working, YAY. Now to add a tutorial, and Ship.

Added right Click context menu. Right click anywhere on the canvas to quickly add Node, Delete Nodes, e.t.c., Equipped with a search bar too

Added The Top ToolBar Component. Here, you can clear, fit screen, and do a lot of cool stuff

Added Array nodes, More math nodes, and string conversion Nodes. All with their functionality ofCourse

Added loops Nodes, and Logic. For loops was pretty easy. While loops However………
Anyways, the only reason i’m even this fast is cause i took a 3 day Break to actually learn how this would work exactly. And it’s paying off.

Added conditional statements Nodes, and Boolean literals.

Rewrote the entire Node rendering, and line connector Logic. Had a problem with the Nodes not connecting, and rendering far Off of what i am trying to render. Had to re-write the whole logic to fit the UseCase

Completed addition of different nodes, And categorising them. I currently have 5 nodes. Still working a=on wiring and functionality

Added Addition node, for mathematics category. Before there was only print node.

Added print Node Functionality. Now, when The run button is clicked, and it senses a print node, It just console.logs something.

Added wiring logic. This is how we would connect nodes to one another

Added a node(That’s what i’m going to be calling my blocks of code). A printing node, That does nothing yet. But drag, move, and drop

Initial project scaffold. Don’t have stuff to show yet.