🚧 E-commerce em desenvolvimento 🚀 🚧

Sobre • Documentação • Funcionalidades • Layout • Como executar • Tecnologias • Contribuidores • Autor • Licença

💻 Sobre o Projeto

☕ GetSet - É uma loja virtual que repassa parte de seus lucros para o apoio a instituições educacionais voltadas à tecnologia.

Projeto desenvolvido durante o Bootcamp Desenvolvedor Web Java Junior oferecida pela Generation Brasil. A missão da Generation Brasil é apoiar jovens a construírem carreiras sustentáveis e prósperas e fornecer aos empregadores uma rede de talentos altamente qualificados e motivados, visando aprimorar os resultados de seus negócios.

---

📃 Documentação Completa

• Back-End
• Front-End

---

⚙️ Funcionalidades

• Clientes podem sem logar entrar em contato das seguintes formas na plataforma web enviando:

  • Uma mensagem a Getset através do E-mail na pagina de contato ou pelo chat de atendimento/chatbot

• Clientes podem se cadastrar na plataforma web enviando:

  • Nome, apelido, email e senha

• Clientes podem se logar na plataforma web enviando:

  • Email e senha

• Clientes podem completar seus dados na pagina minha conta na plataforma web enviando:

  • Data de nascimento, telefone, cep que autocompleta rua cidade bairro e uf
  • e o endereço para que ele possa aparecer no mapa
  • além de selecionar um ou mais ítens de coleta:

• Administrador se logar na plataforma web enviando:

  • Email especial de administrador e senha
  • Tem acesso ao CRUD onde permite na loja
    • A Criação de Novos Produtos
    • Pesquisa e Leitura
    • Ediçao
    • Exclusão

• Também foi implementada a API de pagamentos do Paypal, que permite realizar o pagamento com diversos tipos de cartão de crédito e com o próprio login do Paypal

• É possível inserir vários produtos simultaneamente no carrinho, a partir da página de demonstração do produto (visível através do botão comprar nos cards da loja)

• Os usuários tem acesso a uma gama e diversos dispositivos móveis porque o site é responsivo, onde podem:

  • Acessar o site com todas as funcionalidades acima desde que tenha acesso devido ao seu tipo de login seja de um usuario comum ou administrador.

---

🎨 Layout

📱 Mobile

🔰 Web

---

🚀 Como executar o projeto

Este projeto é divido em duas partes:

1. Backend (getset)
2. Frontend (getsetUI)

💡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, Java 8 (Java Runtime Environment JRE), Java 11 (Java SE Development Kit JDK), Node.js, Docker, MySQL. Além disto é bom ter um editor para trabalhar com o código como VSCode e Eclipse

🎲 Rodando o Backend (servidor)

# Clone este repositório
$ git clone https://github.com/MaximoGui/Integrative-Project.git

# Acesse a pasta do projeto no terminal/cmd
$ cd Integrative-Project.git

# Abra o terminal git/cmd na pasta e digite os comandos do docker para construir o serviço
$ docker-compose up -d --build

# Use este comando para visualizar os containers criados
$ docker ps

# Pegue o container ID do primeiro container e digite após o comando:
$ docker logs ID

# Execute o Docker
$ Verifique se a imagem foi contruida com sucesso!

# O servidor inciará na porta:9000 - acesse http://localhost:9000 

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone https://github.com/MaximoGui/Integrative-Project.git

# Acesse a pasta do projeto no terminal/cmd
$ cd Integrative-Project.git

# Vá para a pasta server
$ cd getsetUI/GetSetUI

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ ng serve

# O servidor inciará na porta:4200 - acesse http://localhost:4200

---

🛠 Tecnologias

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

Website (Angular + TypeScript)

• SweetAlert2
• Ngx-bootstrap
• Ngx-order-pipe
• RxJS
• FortAwesome/Angular-fontawesome
• Angular-router
• Bootstrap-JQuery-Popper.js

Veja o arquivo package.json

Server (NodeJS + TypeScript)

• Spring initializer: -Maven Project; -Spring Boot Dev Tools; -Spring Web; -Spring Security; -Spring Data JPA; -MySQL Driver; -Validation;
• Spring Boot
• MySQL Workbench(8.0.22)
• MySQL Server(8.0.22)
• Docker

Utilitários

• Protótipo: Figma, Canva
• API: ViaCEP, Paypal Checkout de Pagamentos, API Jivochat - Atendimento, Chatbot - Dahi
• Editor: Visual Studio Code, Eclipse
• Markdown: Markdown Emoji
• Teste de API: Postman
• Ícones: Font Awesome
• Fontes: Ubuntu, Roboto

---

👨‍💻 Contribuidores

💜 Um super thanks 👏 para essa galera que fez esse e-commerce sair do campo da ideia e coloca-lo no ar :)

Rubens Almeida 👨‍🚀 👽

Marcus Vinicius 💡 💾

Anderson Lima 👨‍🚀 💃

Guilherme Maximo 📚

Mateus Ribeiro 🎵

💪 Como contribuir para o projeto

1. Faça um fork do projeto.
2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
4. Envie as suas alterações: git push origin my-feature

---

🦸 Autor

Rubens Almeida

---

📝 Licença

Este projeto esta sobe a licença MIT.

Feito por Rubens Almeida 👋 Entre em contato!

⬆ Voltar ao topo

---