PROSHOP é um projeto baseado no curso MERN eCommerce from Scratch
Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor • Licença
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.
👉 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
👉 O administrador pode:
- Gerenciar os usuários
- Gerenciar os pedidos
- Alterar os pedidos para o status "entregue"
- Adicionar produtos
- Editar produtos
O layout foi desenvolvido com Bootstrap e Bootswatch.
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
As seguintes ferramentas foram usadas na construção do projeto:
- React Router
- React Router Bootstrap
- Axios
- React Helmet
- React Paypal Button v2
- Redux
- React Redux
- Redux Thunk
- Redux Devtools Extension
Veja o arquivo package.json
Michael Nascimento
Este projeto esta sobe a licença MIT.
Baseado no layout do Thiago Marinho 👋🏽 Entre em contato!