/lets-flow

A ReactFlow test

Primary LanguageTypeScript

ReactFlow Test

Welcome to the ReactFlow Test project! 🚀

Description

This project is all about flowing with React! 🌊💻 We're using ReactFlow, a super cool library that allows you to create beautiful and interactive flowcharts in your React applications.

Features to test

  • Stage - zoom

  • Stage - Controls

  • Stage - context menu

  • Stage - recenter

  • Stage - Move inside the canvas with animation

  • Stage - grid snap

  • Node - drag & drop inside another node

  • Node - resize

  • Node - Interactivity

  • Node - context menu

  • Multiselect - drag

  • Multiselect - resize

  • Multiselect - context menu

Node version

v18.12.1

Getting Started

To get started with ReactFlow Test, follow these simple steps:

  1. Clone this repository to your local machine.
  2. Install the necessary dependencies by running npm install.
  3. Start the development server with npm run dev.
  4. Open your browser and navigate to hhttp://localhost:5173/.
  5. Start flowing with ReactFlow! 🌊💻

Contact

If you have any questions, suggestions, or just want to say hi, you can reach me at hi@mynameismirko.it

Happy flowing! 🌊💻