PROSHOP é um projeto baseado no curso MERN eCommerce from Scratch

Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor • Licença

---

☕ Sobre o projeto

Proshop é um projeto resultado do curso MERN eCommerce from Scratch.

Com o desenvolvimento deste projeto, pude desenvolver meus conhecimentos em gerenciamento de estado com Redux, requisições com Axios e localStorage. Aprendi também um padrão de organização de diret´ørios

Este repositório serve como uma base para os demais projetos de porte pequeno que eu desenvolverei a partir de agora.

Clique aqui para acessar a demonstração

---

⚙ Funcionalidades

👉 O visitante da loja pode:

• Navegar pelos produtos, ver descrição, valor, disponibilidade e avaliações
• Adicionar produtos no carrinho de compras
• Alterar quantidade dos produtos no carrinho de compras
• O carrinho de compras fica salvo no localStorage
• Cadastrar uma conta de usuário para realizar a compra
• Cadastrar endereço de entrega, que ficará salvo no localStorage
• Finalizar a compra por meio do PayPal

Todas as funcionalidades estão no modo sandbox.

👉 O administrador pode:

• Gerenciar os usuários
• Gerenciar os pedidos
• Alterar os pedidos para o status "entregue"
• Adicionar produtos
• Editar produtos

---

🎨 Layout

O layout foi desenvolvido com Bootstrap e Bootswatch.

Web 🖥

---

🔌 Como executar o projeto

Este projeto é composto por um servidor Node/Express, banco de dados Mongo e React no front-end.

# Clonar o repositório
$ git clone https://github.com/mikansc/proshop.git

# Acessar a pasta do projeto
$ cd proshop

# Instalar as dependências
$ npm install

# Ajustar as variáveis de ambiente
# Lembre-se de salvar o arquivo somente como .env
$ code .env.example

# Rodar o script de seeder para incluir os dados de exemplo no BD
$ npm run data:import

# Executar a aplicação em modo de desenvolvimento
$ npm run dev

# O comando de rodar em desenvolvimento roda o servidor e o front-end
# O aplicativo inciará na porta:3000 - acesse http://localhost:3000
# O servidor inciará na porta:3001

---

🛠 Tecnologias

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

Front-end

• React Router
• React Router Bootstrap
• Axios
• React Helmet
• React Paypal Button v2
• Redux
• React Redux
• Redux Thunk
• Redux Devtools Extension

Server

• Express
• Express Async Handler
• Concurrently
• BCrypt JS
• Dotenv
• Colors
• Morgan
• Multer
• Json Web Token

Banco de Dados

• Mongo DB
• Mongoose

Veja o arquivo package.json

---

✋ Autor

_{Michael Nascimento}

---

📝 Licença

Este projeto esta sobe a licença MIT.

---

Baseado no layout do Thiago Marinho 👋🏽 Entre em contato!