/ui-figma-jam

I used figma-jam as inspiration to create a simpler model using the React flow library, to create interactive and customized diagrams.

Primary LanguageTypeScript

UI Figma Jam

Inspirações utilizadas para a criação do projeto

 

💻 Sobre o Projeto

🚀 Usei o figma-jam como inspiração para criar um modelo mais simples baseado no figma usando a biblioteca React, para criar diagramas interativos e customizados.

 

💡 Lições aprendidas

O que eu aprendi:

  • Uma nova biblioteca chamada React FLow
  • Fiz um design de interface do figma jam
  • Novas funcionalidades do React

 

📋 Funcionalidade

Possui as funcionalidades de:

  • Cria diagramas
  • Conecta diagramas

 

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto

  • ViteJs
  • ReactJs
  • TypeScript
  • React flow

 

⚙️ Instalações

FRONT-END | ViteJs - ReactJs - TypeScript

Cria um projeto com ViteJs

npm create vite@latest
# Project name: » web | Select a framework: » React | Select a variant: » TypeScript
npm install

Executando o aplicativo web

cd web
npm run dev