Integrative-Project: An HTML repository from MaximoGui

🚧 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

⚙️ 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:

Backend (getset)
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)

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

Faça um fork do projeto.
Crie uma nova branch com as suas alterações: git checkout -b my-feature
Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
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