# Checklist Mestre de Entrega Front-End

Use este checklist antes de considerar qualquer projeto pronto.

## 1. Planejamento

- [ ] O problema do projeto foi definido
- [ ] O público-alvo foi definido
- [ ] O objetivo principal foi definido
- [ ] O CTA principal foi definido
- [ ] O briefing foi preenchido
- [ ] O escopo foi definido
- [ ] O modelo da maleta foi escolhido com justificativa

## 2. Estrutura do projeto

- [ ] A pasta do projeto foi criada
- [ ] O arquivo index.html foi criado
- [ ] O arquivo style.css foi criado
- [ ] A pasta assets foi criada
- [ ] O README.md foi criado
- [ ] O briefing.md foi criado
- [ ] O checklist.md foi criado
- [ ] O arquivo decisoes-tecnicas.md foi criado

## 3. HTML

- [ ] O HTML tem estrutura básica correta
- [ ] Existe header
- [ ] Existe nav
- [ ] Existe main
- [ ] Existem sections bem divididas
- [ ] Existe footer
- [ ] Existe apenas um h1
- [ ] Os h2 organizam as seções
- [ ] Os links têm textos claros
- [ ] Os botões têm função clara
- [ ] Imagens importantes têm alt
- [ ] Formulários têm label, se existirem

## 4. CSS

- [ ] O CSS tem reset/base
- [ ] O CSS usa variáveis
- [ ] O layout global está organizado
- [ ] Os componentes estão separados
- [ ] As seções estão organizadas
- [ ] Existe responsividade
- [ ] Não existe repetição exagerada
- [ ] Não existe CSS morto evidente
- [ ] As classes têm nomes compreensíveis

## 5. Responsividade

- [ ] Testado em 375px
- [ ] Testado em 768px
- [ ] Testado em 1366px
- [ ] Não existe rolagem horizontal
- [ ] Os botões cabem no celular
- [ ] Os cards empilham corretamente
- [ ] Os textos continuam legíveis
- [ ] O espaçamento no mobile está bom

## 6. Acessibilidade básica

- [ ] O contraste está legível
- [ ] Os links são claros
- [ ] Os botões são identificáveis
- [ ] A ordem dos títulos faz sentido
- [ ] O projeto pode ser navegado por teclado
- [ ] Imagens importantes têm descrição
- [ ] Nada importante depende apenas de cor

## 7. Performance básica

- [ ] Imagens estão leves
- [ ] Não existem arquivos inúteis
- [ ] Não existe JavaScript desnecessário
- [ ] O CSS está limpo
- [ ] A página carrega rápido
- [ ] Os assets estão organizados

## 8. Qualidade visual

- [ ] O visual parece projeto real
- [ ] Os espaçamentos são consistentes
- [ ] Os alinhamentos estão corretos
- [ ] Os títulos têm hierarquia clara
- [ ] Os botões estão visíveis
- [ ] As seções estão bem separadas
- [ ] O rodapé está finalizado
- [ ] O mobile está bem acabado

## 9. Conteúdo

- [ ] O texto não está genérico
- [ ] O título principal é claro
- [ ] O subtítulo explica o valor
- [ ] O CTA combina com o objetivo
- [ ] As seções têm conteúdo coerente
- [ ] O projeto parece feito para um caso real

## 10. Git

- [ ] Os commits são pequenos
- [ ] As mensagens são claras
- [ ] O histórico mostra evolução
- [ ] A versão final foi commitada
- [ ] O git status está limpo

## 11. README

- [ ] O README explica o projeto
- [ ] O README mostra o objetivo
- [ ] O README lista tecnologias
- [ ] O README explica como rodar
- [ ] O README tem link publicado
- [ ] O README mostra aprendizados
- [ ] O README mostra melhorias futuras

## 12. Publicação

- [ ] O projeto foi publicado
- [ ] O link abre corretamente
- [ ] O projeto foi testado no desktop
- [ ] O projeto foi testado no celular
- [ ] O link foi salvo no README

## 13. Portfólio

- [ ] Print desktop salvo
- [ ] Print mobile salvo
- [ ] Descrição profissional criada
- [ ] Link online salvo
- [ ] Link do repositório salvo
- [ ] Projeto pronto para recrutador

## Aprovação final

O projeto só pode entrar no portfólio se estiver aprovado em:

- planejamento
- código
- responsividade
- visual
- documentação
- publicação