Lista de tarefas

[thlmenezes]

Entrega 2 (09/01)

• [x] Solucionar problema no withAuth status === 'loading'
• [x] Cor da entrada Laranja com a logo
• [x] Página home vira página inicial de admin
• [x] Botão de voltar para produtos quando clicar para editar o produto (usar breadcrumb?)
• [x] Buscar produtos filtrando pelo nome
• [x] Buscar produtos filtrando pela categoria
• [x] Buscar produtos filtrando pela subcategoria
• [x] Criar rota para recuperar banner da categoria
• [x] Criar componente ProductCard
• [x] Criar componente ProductList
• [x] Página de compra do produto
• [x] Usar ref para acessar dados do input de buscas
• [x] renomear query param de busca ao invés de name
• [x] atualizar url ao fazer buscas, ler shallow routing
• [x] enviar todas buscas para home com parâmetro de busca, ao invés de filtrar os resultados da página atual
• [x] limitar buscas enquanto o usuário digita, com use-debouce

Painel de Admin

• [ ] Criar layout de painel de admin
• [ ] Usar drawer do daisyUI
• [ ] Revisar responsividade das tabelas (Não prioridade)
• [ ] HeadlessUI modal e combobox
• [ ] usar react-hook-forms em formulários maiores
• [ ] Revisar entrada das fotos, utilizando aspect-ratio: 3/2; object-fit: contain;mix-blend-mode: color-burn; OU input file do daisyUI

Loja

• [ ] Usar disclosure ao invés de menu no menu lateral
• [x] clicar no card mesmo efeito do botão
• [x] Inserir botão página inicial no menu
• [x] Sticky session header
• [x] Posição botão do menu
• [x] UI de lista de produtos vazios

Produto

• [x] Página de produto responsiva
• [x] Botão de comprar alinhado com descrição
• [x] Botão de comprar direcionando para WhatsApp com mensagem
• [x] Botão de adicionar ao carrinho
• [x] Mostrar outros produtos da mesma categoria na página de produto

Entrega 3

• [x] Mostrar produtos em destaque, será utilizado como métrica o número de acessos à página do produto.
• [x] Mostrar produtos mais vendidos, será utilizado como métrica o número de cliques ao botão de acesso ao WhatsApp.

Entrega 4

• [x] Descrições longas sendo recusadas
• [x] Placeholder busca: search ... -> busque seu produto
• [x] Carrossel da página inicial
• [x] Card Produtos, inspiração Arcelor Mittal
• [x] Página de Produtos
  • [x] visual dos preços
  • [x] repeat no carrosel: impedir 2 fotos com o mesmo nome para o mesmo produto
• [x] atualizar seletor de fotos admin
• [x] criar produtos em tela cheia
• [x] Em Estoque/Mostrar Preço/Exibir Produtos Master (UpdateMany)
• [ ] Carrinho de compras Num primeiro momento pode ser utilizado como forma de mandar uma mensagem mais estruturada ao WhatsApp da empresa, informando produtos, quantidades, cupom de desconto e endereço de entrega. Deixando espaço para termo aditivo futuro a discutir uma implementação de compras pelo próprio site.
• [ ] Lista de produtos favoritos
• [ ] Histórico de compras

---

• [ ] qualidade da imagem da categoria
• [ ] 4 cards, inspiração Arcelor Mittal
• [ ] links diretos para categoria, inspiração Arcelor Mittal
• [ ] codificação de url para evitar conflito (e.g: se o nome do produto tem /)

[thlmenezes]

• https://daisyui.com/components/menu/#horizontal-with-submenu-and-padding-and-border-radius
• https://daisyui.com/components/card/#card-with-centered-content-and-paddings
• https://daisyui.com/components/pagination/#extra-small-buttons

• https://daisyui.com/components/breadcrumbs/