Painel de gerenciamento de redes virtuais seguindo o modelo 5G/NaaS com sistema de autenticação e armazenamento em nuvem.

• Sistema de Autenticação Completo

  • Login e Cadastro de usuários
  • Integração com Google Auth
  • Gerenciamento de contas

• Armazenamento em Nuvem

  • Modelagem de banco de dados relacional (PostgreSQL)
  • Integração com Supabase
  • Persistência de grafos por usuário

• Novas Telas e Fluxos

  • Página de Projetos com listagem personalizada
  • Página de Configurações de Conta
  • Home Page redesenhada

Tecnologias e ferramentas utilizadas no desenvolvimento do projeto:

• ReactJS
• Cytoscape
• Flask

• Supabase - Banco de dados em nuvem
• React OAuth - Autenticação com Google
• React Router v6 - Navegação avançada
• React Toastify - Notificações do sistema

1. Backend

   • Nova modelagem de banco de dados
   • Endpoints para gestão de usuários
   • Integração com serviços externos

2. Frontend

   • Fluxo completo de autenticação
   • Componentização avançada
   • Gestão de estado global
   • Persistência de dados

3. UI/UX

   • Design system consistente
   • Telas responsivas
   • Feedback visual melhorado

Para rodar a aplicação certifique de ter instalado na maquina o Python e o Node.

Após instalado ambos execulte o codigo abaixo no terminal para baixar seu gerenciador de pacotes. (yarn).

$ npm install --global yarn

Baixado as ferramentas agora é necessário baixar os pacotes e bibliotecas necessárias para executar á aplicação, para isso:

# Clone o Repositorio
$ git clone https://github.com/VivySilva/SBoard

```bash
# Configure as variáveis de ambiente
Crie um arquivo .env na raiz com:
VITE_GOOGLE_CLIENT_ID=seu_cliente_id
VITE_BACKEND_URL=http://localhost:5000
VITE_SUPABASE_URL=seu_url
VITE_SUPABASE_ANON_KEY=sua_chave

Crie um arquivo .env na pasta do backend com:
GOOGLE_CLIENT_ID=seu_cliente_id
SECRET_KEY=sua_chave_secreta_aleatória
BACKEND_URL=http://localhost:5000
SUPABASE_URL=seu_url
SUPABASE_ANON_KEY=sua_chave

# Entre na pasta do projeto
$ cd SBoard/

Abra um novo terminal dentro da pasta.

Em um terminal execute o comando,

# Seu_pah\SBoard>
$ yarn

Este comando irá baixar todas dependências para executar o projeto ReactJS

No outro terminal:

# Va para pasta backend
$ cd backend

# Seu_pah\SBoard\api>
$ pip install -r requirements.txt

Este comando irá Baixar todos os pacotes necessários para executar o script .py

Após isso neste mesmo terminal execute o arquivo

# Seu_pah\SBoard\api>
$ python app.py

E por ultimo no terminal anterior, da raiz do projeto execute

# Seu_pah\SBoard>
$ yarn start

💡 Próximas Features Compartilhamento de projetos entre usuários

Versionamento de grafos