UI Figma Jam

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

• Youtube Video
• Figma Jam

 

💻 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