vitorpaulo21 / e-comercetreinamento Goto Github PK

adicinonar GraphQL ao projeto

A estrutura do codigo esta com os projetos dentro da pasta App

O heroku identifica a linguagem por meio do package.json

Uma solucao eh mover o app para o diretorio root, ou seja apenas excluir a pasta app da estrutura

vou testar essa solucao e se resolver mando um pull

Header simples com os seguintes elemntos:

Logo da loja
Search Input
Link de atalho para o carrinho

Chekout Page content

Conteudo para o carrinho:

Ideia inicial:
visualização de todos os itens adicionados ao carrinho
possibilidade de mudar a quantidade de cada produto no carrinho
form para preenchimento de endereco
opcao para seleciona: Entregar ou Retirar na Loja

Preview do produto em duas colunas (desktop)

Primeira coluna para a imagem do produto em destaque e até 3 miniaturas

Segunda coluna com:

• Nome do produto
• Descrição
• Campo de quantidade
• Simulador de CEP
• Botão ADD Cart

Footer simples com os seguintes elemntos:

Logo da loja
Descricao do projeto
Copyright
Link de atalho para outras paginas

Referencia de um footer simples

Definir Queries

categories

Definir Mutations

addItemToCart

Alguns dos autenticadores já estão prontos assim como suas máscaras.

Lista Pronta:
email,
Celular,
Telefone Residencial,
CPF,
CEP (através do cep puxará automaticamente demais informações como Lista Pronta 2)

Lista Pronta 2:
Bairro,
Cidade,
Estado.

Lista não pronta:
Data de aniversário,

Falta criar uma forma de buscar o nome completo do cliente pelo site da Receita federal ao fornecer a data de aniversário e CPF. Assim automatizará mais ainda o processo de cadastro podendo colher mais informações mais rápido sem irritar o cliente.

Criar um banco de dados com as contas dos clientes para conferir e autenticar os Sign Ins.

Outra ideia seria colher informações do cartão só com uma foto (não colher os 3 dígitos da parte de trás por questões de segurança).

Maiores ideias são bem vindas. A ideia principal é automatizar o máximo com pouca informação digitada pelo cliente para agilizar o cadastro, sendo pouco tempo para obter muita informação do cliente.

Pagina de busca de itens

Seria uma pagina para cada categoria de produtos, acessada dinamicamente usando React Router

conteudo da pagina:

<main>
"cards dos produtos filtrados pela busca"
</main>

na lateral

<aside>
"filtros adicionais para a busca"
</aside>

referencias:
https://reactrouter.com/web/guides/quick-start

Home Page content

Conteudo para o home page:

Ideia inicial: cards com as categorias disponiveis