Eclipse - Frontend

Eclipse é um software desenvolvido para a gestão completa do envio, avaliação e acompanhamento de relatórios no âmbito jurídico-administrativo. A plataforma oferece funcionalidades específicas para três tipos de usuários: 

 

 Defensores: Criam e submetem triagens e peças processuais. 

 Avaliadores: Avaliam peças e triagens enviadas. 

 Corregedor: Gerencia usuários, aprovações e negações, além de supervisionar o sistema. 

 

 O sistema também oferece  notas automáticas , critérios de avaliação e um fluxo para solicitação de recursos , promovendo transparência e controle. 

 

 Tecnologias 

 

 Next.js (App Router) 

 TypeScript 

 Tailwind CSS 

 NextAuth (Autenticação) 

 Docker (ambiente de desenvolvimento e produção)Usando Docker (ambiente de desenvolvimento) 

 HeroUI : Biblioteca de componentes visuais modernos e acessíveis (botões, tabelas, modais, etc.), amplamente utilizada na interface do Eclipse para padronizar a experiência do usuário e facilitar/otimizar o desenvolvimento. 

 Tailwind CSS : Utilizado em conjunto com HeroUI para estilização utilitária e responsiva. 

 

 

 Estrutura de Pastas 

 eclipse/

├── app/ # Rotas e páginas (App Router)

│ ├── api/auth/[...nextauth]/route.ts # Rota de autenticação (NextAuth)

│ ├── registrar/ # Página de registro de usuáros

│ ├── (user-routes)/ # Rotas específicas para usuários logados

│ └── (usuario)/ # OTP e redefinição de senha

│

├── components/ # Componentes utilizados no projeto

│ └── avaliador/ # Componentes de tela do avaliador

│ └── corregedor/ # Componentes de tela do corregedor

│ └── defensor/ # Componentes de tela do defensor

│ └── inicial/ # Componente de gerenciamento da Home

│ └── sidebar/ # Componente de gerencialmento da troca entre telas

│

├── providers/ # Contextos globais (auth, loading, sessão)

│ └── HeroProvider # Gerenciamento da biblioteca de User Interface que facilita a criação de componentes

│ └── LoadingProvider # Gerenciamento das funções de loading do software

│ └── ScreenProvider # Gerenciamento das trocas de componente em tela e seus parâmentros

│ └── SessionProvider # Gerenciamento das informações de sessão do usuário logado

│

├── public/ # Arquivos estáticos(Imagens e Icones)

│

├── utils/ # Funções utilitárias

│ └── NextAuthOptions # Configurações de autenticação de usuário

│ └── *.tsx # Demais utilitários

│

├── Dockerfile.* # Dockerfiles para build e produção

├── next.config.ts # Configurações do Next.js

└── tailwind.config.js # Configurações do Tailwind CSS 

 Autenticação 

 A autenticação é gerenciada por NextAuth com a configuração definida em: 

 app/api/auth/[...nextauth]/route.ts 

 Suporta autenticação por e-mail/senha com fluxo de redefinição de senha via token e OTP. 

 

 Padrões de Código 

 

 

 Componentes funcionais com Hooks. 

 

 

 Organização baseada em papéis de usuário. 

 

 

 ESLint configurado com suporte a TypeScript. 

 

 

 Estilização com Tailwind CSS. 

 

 Uso de HeroUI para componentes reutilizáveis. 

 

 

 Colaboração 

 Branches 

 

 

 main : Produção 

 

 

 develop : Desenvolvimento 

 

 

 feat--* : Novas funcionalidades 

 

 

 fix--* : Correções 

 

 

 

 Funcionalidades em Destaque 

 

 

 Triagens e submissões por defensores. 

 

 

 Avaliação e notas automáticas. 

 

 

 Acompanhamento de histórico. 

 

 

 Fluxo de aprovação/negação com recurso e/ou usuários do sistema. 

 

 

 Sistema robusto de autenticação e segurança. 

 

 

 

 Equipe de Desenvolvimento 

 

 

 Desenvolvedores Fullstack: 

 

 João Vitor Viana Chaves 

 Gustavo Costa 

 Vinícius Jesus 

 Guilherme Barbosa 

 

 

 

 

 

 Coordenação Técnica:  

 

 Guilherme 

 Layon