E-commerce

Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor •

💻 Sobre o projeto

📃 E-commerce - É uma mini plataforma online de compras, onde você pode escolher seus produtos e "compra-los".

---

⚙️ Funcionalidades

• Criar um usuário
  • nome do usuário
  • email do usuário
  • senha do usuário
• Adicionar um produto ao carrinho
• Editar um produto no carrinho
• Remover um produto do carrinho
• Ver seu carrinho de compras
• Finalizar um carrinho de compras
• Ver seu histórico de compras

---

🎨 Layout

Web

Initial Page

Login Page

Register Page

Empty Products Page

Products Page

Empty Cart Page

Cart Page

Remove Cart Item Modal

Confirm Purchase Modal

Empty Purchases Page

Purchases Page

Thanks Page

---

🚀 Como executar o projeto

Este projeto é divido em duas partes:

1. Frontend
2. Backend - Baixe o repositório e rode em paralelo com o frontend.

💡 O Frontend precisa que o Backend esteja sendo executado para funcionar.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Backend (servidor)

Acesse o repositório do backend para mais informações.

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone https://github.com/cmarciao/e-commerce-frontend

# Acesse a pasta do projeto no seu terminal/cmd
$ cd e-commerce-frontend

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (React + TypeScript)

• React Router Dom
• Axios
• React Toastify
• JS Cookie
• Styled Componentes

Veja o arquivo package.json

Utilitários

• Editor: Visual Studio Code
• Fontes: Roboto

---

🦸 Autor

_{Cássio Marcião}