Projeto de WebMAC
A ideia do projeto é usar todo o conteúdo apresentado durante o curso para criar um web app simples.
O projeto deve ser entregue pelo link do github submetido no moodle da disciplina.
Atenção: O projeto deve ser feito individualmente.
Especificações
HTML, CSS e JavaScript Devem ser criadas duas ou mais telas
- Todas as interfaces devem ser responsivas para mobile e PC
FastAPI: O FastAPI deve ser usado obrigatoriamente como o framework de back-end.SQL: Devem ser criados dois ou mais modelos no banco de dados
- Pelo menos dois de seus modelos devem ter algum tipo de relação.
- A relação pode ser One to One, One to Many ou Many to Many
HTMX: Usar o HTMX para implementar operações básicas CRUD:
- Criar objeto no banco com hx-post
- Ler objeto no banco com hx-get
- Atualizar objeto no banco com hx-put
- Deletar objeto no banco com hx-delete
- Implementar ao menos uma das opções abaixo:
- Busca dos objetos
- Paginação com navegação entre as páginas
- Paginação com 'scroll infinito'
Exemplos de entregas
To-do
Web app para criar tarefas que pertençam a disciplinas com as funcionalides abaixo:
- Uma tela para a criação de tarefas e disciplinas (com hx-post)
- Uma tela para a busca de tarefas
- Busca de tarefas pelo nome das disciplinas (com hx-get)
- Opção de deletar tarefas concluídas (com hx-delete)
- Opção de atualizar texto da tarefa (com hx-put)
Ranqueador de músicas
Web app para ranquear suas músicas favoritas:
- Uma tela para a adição de músicas com nota e álbum ao qual pertence (com hx-post)
- Uma tela para ver suas músicas ordenadas pela nota (com scroll infinito e hx-get)
- Opção de deletar músicas adicionadas (com hx-delete)
- Opção de atualizar nota para a música (com hx-put)
Entrega
Seu projeto deve estar no repositório submetido no e-disciplinas da disciplina. Apenas verificaremos os repositórios após o período máximo de entrega.
Certifique-se de que seu repositório pode ser visualizado pelo professor, monitores e/ou tutores da disciplina.
Recursos
Recomendamos os recursos abaixo para guiar a execução do projeto: