Acme Ecommerce Web

Se quiser dar uma olhada em todas as screenshots, click aqui.

📌 Índice

• Sobre o Projeto
• Tecnologias
• Layout
• Instalação
• Como contribuir
• Licença

💻 Sobre o Projeto

Esse é o front-end do servidor acme-ecommerce-server.

O Acme E-commerce trata-se de um projeto de desenvolvimento parcial de um e-commerce para uma loja de bijuterias e semijoias. O desenvolvimento foi parcial pois foram deixadas de lado questões como: cálculo de frete, rastreamento, emissão de nota fiscal eletrônica, envio do produto e pagamento do pedido.

O site possui as funcionalidades de cadastro, login, visualização e busca de produtos, adição de produtos ao carrinho, fechamento de pedido, e visualização e detalhamento dos pedidos já feitos. Pelo painel CMS do Strapi no backend acme-ecommerce-server os administradores do site podem gerenciar categorias, produtos, pedidos e usuários. O backend também é responsável pela autenticação, envio de emails de 'esqueci minha senha' e armazenamento das imagens e dados dos produtos.

⚙ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• Nextjs (App Router)

🔖 Layout

Você pode visualizar o layout do projeto através desse link. Lembrando que você precisa ter uma conta no Figma para poder interagir com os componentes do layout.

🚀 Instalação

Pré-requisitos

• Ter Git para clonar o projeto.
• Ter Node.js instalado.
• Ter um gerenciador de pacotes como NPM ou Yarn para instalar as dependências do projeto.

Clonando o Repositório

git clone https://github.com/rodrigosuelli/acme-ecommerce-web.git

cd acme-ecommerce-web

Instalando as dependências

$ npm install

# ou

$ yarn

Conectando a aplicação com o servidor

Siga as instruções em acme-ecommerce-server para iniciar o servidor e deixar ele rodando na sua máquina na porta (1337).

Executando o projeto

OBS: Lembre-se de criar um arquivo .env.local e inserir as variáveis de ambiente com base no arquivo .env.local.example presente na raiz do projeto.

$ npm run dev

# ou

$ yarn dev

🤔 Como contribuir

1. Faça um fork desse repositório
2. Faça um clone do seu fork (git clone url-do-seu-fork && cd acme-ecommerce-web)
3. Crie uma branch com sua feature ou correção de bugs (git checkout -b minha-branch)
4. Faça commit das suas alterações (git commit -m 'feature/bugfix: minhas alterações')
5. Faça push para a sua branch (git push origin minha-branch)
6. Abra sua Pull Request no repositório que você fez o fork

📝 Licença

Este projeto está licenciado sob a licença MIT.