Desafio Técnico – Desenvolvedor Pleno Fullstack

Bem-vindo ao desafio técnico para a vaga de Desenvolvedor Pleno Fullstack na Simplify Tecnologia! 🚀

O objetivo deste desafio é avaliar suas habilidades no desenvolvimento de aplicações fullstack, incluindo a modelagem de dados no backend e a construção de interfaces no frontend. Queremos entender como você estrutura seu código, sua lógica, organização e atenção aos detalhes.

---

Descrição do Desafio

O desafio consiste em implementar uma aplicação completa (backend + frontend) que represente as funcionalidades apresentadas no layout abaixo:

🔗 Figma

Funcionalidades

Frontend

• Card de Aluno (à direita):

  • Exibe as informações de um aluno, conforme o layout:
    • Foto
    • Nome
    • Status (Active, Graduated, Inactive, On Leave)
    • Número de matrícula
    • Curso
    • Idade
    • GPA
    • Barra de progresso dos créditos (porcentagem)
  • O card deve funcionar como um carrossel, permitindo a navegação entre diferentes alunos (pelo menos com botões de "próximo" e "anterior").

• Lista de Disciplinas (à esquerda):

  • Exibe a lista de Disciplinas associadas ao aluno selecionado no card.
  • As informações exibidas devem conter:
    • Código da disciplina
    • Nome da disciplina
    • Departamento
    • Créditos

• Ambos os componentes devem ser responsivos

Backend

• Modelagem das entidades (requisito mínimo):
  • Aluno
    • Nome
    • Idade
    • Matrícula
    • GPA
    • Status (Active, Graduated, Inactive, On Leave)
    • Curso
    • Progresso dos créditos (%)
    • Foto
  • Disciplina
    • Código
    • Nome
    • Departamento
    • Créditos
• Relacionamento:
  • Um aluno pode estar matriculado em uma ou mais disciplinas.
  • Uma disciplina pode estar associada a um ou mais alunos.

Ações no backend (CRUD) pelo frontend

• Não é obrigatório implementar o CRUD completo das entidades Aluno e Disciplina.
• O requisito mínimo é:
  • Implementar a recuperação dos dados (Read) de Aluno e Disciplina, para que as informações sejam exibidas no frontend, conforme o layout do Figma.
  • Além disso, é necessário implementar pelo menos uma ação adicional do CRUD (Create, Update ou Delete) para Aluno ou Disciplina. Essa ação deve ser acessível no frontend.
• Exemplo: Um botão de "Deletar aluno", "Adicionar disciplina" ou "Editar aluno", permitindo ao usuário executar a ação diretamente pela interface.

---

Requisitos

Técnicos

• Frontend:

  • HTML, CSS, JavaScript (ou TypeScript)
  • Frameworks permitidos: React, Vue ou Angular

• Backend:

  • Spring Boot ou Node.js (NestJS ou Express)
  • Banco de dados relacional
  • API RESTful

O que será avaliado

✅ Organização e estrutura do código
✅ Lógica de modelagem de dados
✅ Fidelidade e usabilidade no layout do frontend
✅ Clareza e simplicidade na solução
✅ Documentação de como rodar o projeto

---

Instruções para Entrega

1. Faça um fork deste repositório ou crie um novo repositório público no GitHub.
2. Suba a sua implementação.
3. Documente no README.md como executar a aplicação (backend e frontend).

---

Diferenciais (não obrigatórios)

✨ Testes automatizados no backend e/ou frontend
✨ Implementação de filtros ou paginação na listagem de disciplinas
✨ Criação de um docker-compose.yml para facilitar o deploy e execução da aplicação

---

Dúvidas?

Em caso de dúvidas, entre em contato pelo e-mail.

Boa sorte! Estamos ansiosos para ver seu trabalho! 🚀
Simplify Tecnologia