This project is a web application developed using ReactJS and Redux, which demonstrates CRUD (Create, Update, Delete) operations on a graph using the React Flow library. The application allows users to create nodes, connect them with edges, update node titles, and delete nodes and edges.
- Create Node: Click the "Create Node" button to add a new node to the graph.
- Update Node: Click on a node to open an input field where you can update the node's title.
- Delete Node: Hover over a node to display a delete button, allowing you to remove the node.
- Create Edge: Connect two nodes by dragging a connection line from one node to another.
- Delete Edge: Click on an edge to display a delete button, allowing you to remove the edge.
- React: JavaScript library for building user interfaces.
- Redux: A Predictable State Container for JS Apps.
- React-Redux: Official React bindings for Redux.
- React Flow: Library for building interactive node-based UIs.
- uuid: Library for generating unique IDs.
- Tailwind CSS: Utility-first CSS framework for styling.