SquirrelDB

Web app de programação de banco de dados low-code e no-code, desenvolvido como projeto de TCC, com foco em:

• acessibilidade para diferentes perfis de usuarios
• suporte com assistente de IA
• colaboração por meio de fóruns de conversa

Visao Geral

O SquirrelDB busca reduzir a barreira de entrada no aprendizado e uso de SQL, oferecendo uma experiencia visual e guiada para criação, consulta e exploração de estruturas de banco de dados.

O projeto combina um frontend moderno em React com backend em PHP para autenticação, gerenciamento de usuarios e endpoints de suporte.

Objetivos do Projeto

• Democratizar o acesso a programacao de bancos de dados.
• Permitir fluxos low-code/no-code para estudantes e iniciantes.
• Melhorar inclusao digital com recursos de acessibilidade.
• Integrar IA para apoio didatico e produtividade.
• Estimular comunidade com espacos de interação entre usuarios.

Funcionalidades Principais

• Autenticacao de usuarios (login, cadastro e atualizacao de perfil).
• Workspace para escrita e execucao de SQL.
• Visualizacao de tabelas, views e triggers.
• Paginas de acessibilidade (ex.: suporte a leitura adaptada).
• Integracao com assistente IA (scripts e pagina dedicados).
• Estrutura de feedback/fórum para discussão e troca de conhecimento.

Tecnologias Utilizadas

Frontend

• React + Vite
• TypeScript
• SCSS
• Material UI

Backend

• PHP (API simples por rotas)

Banco de Dados

• Scripts SQL em SQL/ para estrutura e conteudo inicial

Estrutura do Projeto

SquirrelDB/
	backend/      # API PHP, autenticação, feedback/forum
	frontend/     # Aplicação React + TypeScript
	SQL/          # Scripts de criação e população do banco

Aviso Importante

O servidor principal do projeto se encontra atualmente fora de ar (sem previsão de reativação).

• O frontend pode ser testado em: https://squirreldb.vercel.app/
• O backend deve ser executado apenas em ambiente local (ex.: localhost)

Como Executar

1. Frontend (React)

cd frontend
npm install
npm run dev

Por padrão, o Vite disponibiliza a aplicacao em http://localhost:5173.

2. Backend (PHP)

Você pode usar Apache (XAMPP/WAMP) ou servidor embutido do PHP.

Exemplo com servidor embutido:

cd backend
php -S localhost:8000

API base (exemplo): http://localhost:8000/api

3. Banco de Dados

1. Crie um banco no seu SGBD (ex.: MySQL/MariaDB).
2. Execute os scripts da pasta SQL/ na ordem adequada para o seu ambiente.
3. Ajuste as credenciais de conexao no backend (backend/api/DbConnect.php).

Segurança

O projeto inclui scripts de teste para validação de injeção em entradas de usuario:

• frontend/src/scripts/test_login_injection.cjs
• frontend/src/scripts/test_signup_injection.cjs
• frontend/src/scripts/test_userupdate_injection.cjs

Recomenda-se manter validação de entrada, tratamento de erros e uso de queries parametrizadas no backend.

Acessibilidade

A proposta de acessibilidade e parte central do TCC. O projeto inclui recursos e páginas dedicadas para melhorar legibilidade e usabilidade para diferentes necessidades.

IA e Comunidade

• Assistente IA: suporte ao usuario para tirar duvidas, gerar sugestões e orientar na aprendizagem.
• Forum/Feedback: espaco para discussão de problemas, compartilhamento de soluções e evolucao colaborativa.

Status do Projeto

Projeto em desenvolvimento academico (TCC), com evoluções em andamento nas frentes de UX, acessibilidade e recursos inteligentes.

Proximos Passos (Roadmap)

• Melhorar moderação e organização do fórum por topicos.
• Expandir recursos de acessibilidade (teclado, contraste e leitura).
• Evoluir assistente IA com mais contexto do workspace SQL.
• Adicionar testes automatizados no frontend e backend.

Autores

Equipe do projeto SquirrelDB (TCC).