Este é um projeto de ecommerce desenvolvido com Next.js 14, Shadcn e Json-Server.
- Yarn
- Next.js
- Shadcn
- Json-Server
- Node.js
- Yarn
- Clone o repositório
git clone https://github.com/guilhermeytalo/ecommerce.git cd ecommerce
- Instale os pacotes
yarn
- Inicie o servidor
yarn dev
- Inicie o servidor json-server
yarn server
- Acesse o projeto em:
http://localhost:3000
- Possuir pelo menos 5 produtos
- Carrinho de compras funcional
- Exibir sempre a quantidade de itens no carrinho
- Salvar os produtos do carrinho no local storage
- Utilizar o contextAPI para gerenciar o carrinho
Listagem de produtos
-
Exibir os produtos no estilo de loja online
-
Permitir a filtragem por nome, preço e data de inclusão
-
Permitir a ordenação por preço ou data de inclusão
-
Possibilitar adição e remoção de produtos do carrinho
-
Checkout
- Resumo dos itens no carrinho
- Totalizador de preço
- Botão “FINALIZAR COMPRA”
- Após finalizar a compra, exibir mensagem de sucesso e limpar o carrinho
REQUISITOS OPCIONAIS:
- Testes automatizados
- Layout responsivo
- Uso de libs como Material UI, Styled Components, Emotion, Bootstrap, etc.
- Utilização de pós/pré-processadores CSS (por exemplo, Sass, Less, PostCSS)
- utilizar uma API externa, mas é permitido(a API local é baseada em uma api externa
REQUISITOS EXTRAS
- Utilizar o Next.js
- Deploy em produção
Você pode ver o site em produção clicando aqui.
Lembre-se de estar rodando o yarn server para que o site funcione corretamente.