React Flow Graph with CRUD Operations This is a web page created using ReactJS and Redux which allows the user to create, update and delete nodes and branches on a graph. It is built using the reactflow.dev library.
Installation To run this project locally, follow these steps:
Clone this repository to your local machine. Navigate to the project directory in the terminal. Run npm install to install the required dependencies. Run npm start to start the development server. Open http://localhost:3000 in your web browser to view the project. Features The web page consists of a single page called "Home". On the left side of the page, there is a "Create Node" button. Clicking on this button will create a new node on the graph panel. Nodes are represented as circles or rectangles. The user can connect two nodes with a branch. On hovering over a node, an "X" icon will be displayed in red color. Clicking on this icon will delete that node. Similarly, the user can delete a branch by clicking on the "X" icon when hovering over the branch. Demo
Contribution If you would like to contribute to this project, please follow these steps:
Fork this repository. Create a new branch for your changes. Make your changes and commit them. Push your changes to your fork. Submit a pull request.