Automate Flow é uma aplicação React para criar e visualizar fluxos de maneira intuitiva, utilizando a biblioteca React Flow para manipulação e renderização dos nós.
Certifique-se de ter o Node.js e o Yarn instalados em seu sistema.
-
Clone o repositório:
git clone https://github.com/seu-usuario/automate-flow.git
-
Navegue até o diretório da aplicação:
cd automate-flow
-
Instale as dependências utilizando o Yarn:
yarn install
Para iniciar a aplicação em modo de desenvolvimento, utilize o comando:
yarn dev
A aplicação estará disponível em http://localhost:3000.
A estrutura de arquivos da aplicação é a seguinte:
├── src/
│ ├── assets/
│ │ ├── css/
│ │ ├── js/
│ │ ├── img/
│ └── ... ├── src/
│ ├── components/
│ │ ├── errors/
│ │ ├── flow/
│ │ ├── modal/
│ │ ├── navbar/
│ │ ├── nodes/
│ │ ├── interfaces.tsx
│ │ ├── types.tsx
│ │ └── ...
│ ├── pages/
│ │ ├── workflow/
│ │ ├── workflows/
│ ├── services/
│ │ ├── api/
│ ├── App.css
│ ├── App.tsx
│ ├── index.css
│ ├── main.tsx
│ ├── react-env.d.ts
│ ├── theme.tsx
│ └── ...
├── .gitignore
├── package.json
└── ...
```
Personalização dos Nós
----------------------
Os nós da aplicação são baseados na biblioteca React Flow. Você pode personalizar os nós criando componentes React customizados em ```src/components/Node.js```.
Documentação
------------
Para mais informações sobre como utilizar a biblioteca React Flow, consulte a [documentação oficial](https://reactflow.dev/).
* * *
Este é um ponto de partida para sua aplicação Automate Flow. Sinta-se à vontade para personalizar e expandir de acordo com suas necessidades!