Desenvolvimento - Interface (Frontend)
š VisĆ£o Geralā
A interface da plataforma Next Gen Lawyers foi desenvolvida com foco em usabilidade e hierarquia visual clara para dois perfis principais de usuĆ”rios: estudantes e empresas. Foram criadas pĆ”ginas completas e responsivas utilizando o Ant Design, com cards interativos, tabelas dinĆ¢micas e grĆ”ficos analĆticos alimentados por Recharts. O sistema possui navegaĆ§Ć£o baseada em perfil de usuĆ”rio, modal completo de ediĆ§Ć£o de perfil, visualizaĆ§Ć£o e gerenciamento de vagas, alĆ©m de um dashboard empresarial com acompanhamento em tempo real das candidaturas.
š PĆ”ginas Desenvolvidasā
/register/studentā
FormulƔrio de cadastro de estudante com campos para:
- Nome, e-mail, senha
- Detalhes acadĆŖmicos e profissionais
- Estilizado com Ant Design
/register/companyā
FormulƔrio de cadastro de empresa:
- Nome da empresa, e-mail, Ć”rea de atuaĆ§Ć£o, CNPJ, etc.
/profile/studentā
PƔgina de perfil do estudante com layout em colunas:
- SeƧƵes: foto, nome, universidade, resumo, interesses, hobbies, experiĆŖncias, premiaƧƵes
- BotĆ£o āEditar Perfilā abre modal com campos editĆ”veis
āļø Modal de EdiĆ§Ć£o de Perfil (Estudante)ā
- Campos editĆ”veis: dados pessoais, acadĆŖmicos, experiĆŖncias, premiaƧƵes, bio, objetivos, etc.
- Inclui opĆ§Ć£o de upload da foto de perfil
/jobs/studentā
- Lista de vagas disponĆveis para estudantes
- Cada vaga Ć© exibida como um card renderizado a partir de dados mockados (tĆtulo, empresa, local, etc.)
/profile/companyā
PƔgina de perfil da empresa:
- SeĆ§Ć£o āSobreā com descriĆ§Ć£o da empresa
- Listagem de vagas abertas
- BotĆ£o āPublicar Vagaā
/dashboard/companyā
Dashboard com dados analĆticos da empresa:
- Cards de resumo: total de vagas, mƩdia de candidatos por vaga, candidaturas pendentes, vagas a vencer
- GrƔfico de barras: candidaturas por vaga
- GrĆ”fico de pizza: distribuiĆ§Ć£o dos status das candidaturas
- Lista de vagas criadas com links para visualizaĆ§Ć£o detalhada
/dashboard/job/[id]ā
Rota dinĆ¢mica para visualizaĆ§Ć£o dos detalhes de uma vaga:
- Contadores por etapa: Applied, Screening, Interview, Offer
- Funil (grƔfico de barras) e status (grƔfico de pizza)
- Tabela de candidatos: avatar, nome, etapa, data da candidatura, Ćŗltima atividade
Navbarā
- NavegaĆ§Ć£o baseada no tipo de usuĆ”rio:
- Estudante: Perfil, Vagas
- Empresa: Perfil, Vagas, Dashboard, Talentos
- Links adaptativos conforme usuƔrio logado
šÆ Resumo da Interface Desenvolvidaā
Desenvolvemos uma interface completa para a plataforma Next Gen Lawyers, contemplando os fluxos principais de estudantes e empresas. A navegaĆ§Ć£o foi estruturada por tipo de usuĆ”rio, com pĆ”ginas dedicadas a perfil, listagem e gerenciamento de vagas, ediĆ§Ć£o de informaƧƵes e visualizaĆ§Ć£o analĆtica por parte das empresas. Foram utilizados componentes do Ant Design e grĆ”ficos com Recharts, garantindo visual moderno, responsivo e funcional.