guilhermeytalo / ecommerce

Simple Ecommerce

Projeto Ecommerce

Este é um projeto de ecommerce desenvolvido com Next.js 14, Shadcn e Json-Server.

Tecnologias Utilizadas

• Yarn
• Next.js
• Shadcn
• Json-Server

Configuração do Projeto

Pré-requisitos

• Node.js
• Yarn

Instalação

1. Clone o repositório

   git clone https://github.com/guilhermeytalo/ecommerce.git
   cd ecommerce

2. Instale os pacotes

   yarn

3. Inicie o servidor

    yarn dev

4. Inicie o servidor json-server

    yarn server

5. Acesse o projeto em:

   http://localhost:3000
   

TODO

• 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

Deploy

Você pode ver o site em produção clicando aqui.

Lembre-se de estar rodando o yarn server para que o site funcione corretamente.