🟣 Auto Parts Store 🟣

📝 Objetivo Geral 📝

O presente trabalho tem como objetivo através deste estudo de caso criar um modelo de E-commerce com a temática venda de peças automotivas, funcional que agilize e simplifique o processo de venda de peças automotivas, com fim de, capacitar os autores e comprovar seus conhecimentos técnicos desenvolvendo o raciocínio lógico necessário para solucionar problemas reais para que esses conhecimentos possam ser reaproveitados em trabalhos futuros.

O projeto em questão é um aplicativo web full-stack desenvolvido utilizando as tecnologias Spring Boot (Java) para o backend, MySQL como banco de dados, Angular para o frontend, e HTML5 com SCSS para a estilização. O sistema atua como uma plataforma de compra de peças de automóveis, envolvendo três principais atores: Gerente, Funcionário e Cliente.

📝 Objetivo Específico 📝

• Escrita do documento do trabalho em formato ABNT com descrição do sistema de forma detalhada;
• Elaboração da logo do sistema, dos protótipos de telas e diagramas de casos de uso, diagramas de classes e diagramas de atividades;
• Estudar o framework escolhido (Angular e SpringBoot) e criação do projeto Angular e SpringBoot;
• Uso de banco relacional com MYSQL;
• Implementação do front-end e back-end;
• Criação dos componentes footer, nav-bar e side-bar no front-end;
• Criação das classes modelo, serviço, repositório e controle no back-end;

📈 Diagrama de Arquitetura 📈

📈 Diagrama de Classes 📈

📈 Diagrama de Casos de Uso 📈

📈 Diagrama de Entidade e Relacionamento 📈

Código 📖

O sistema é dividido em duas camadas: o backend e o frontend.

O backend é escrito em Java e usa o framework Spring Boot utilizando MySql para persistir os dados. O frontend é escrito em Angular e usa os frameworks HTML5, SCSS e Bootstrap.

Dependências Spring 🔒

• As seguintes dependências são usadas neste projeto:
  • - Spring Boot Actuator
  • - Spring Boot Data JPA
  • - Spring Boot Web
  • - Spring Boot DevTools
  • - MySQL Connector J
  • - Lombok
  • - Spring Boot Starter Test

Run ⏯️

Back-End

• Clone o repositório:

• https://github.com/GaspSoft/AutoParts.git

• Abra o projeto maven em seu IDE ou editor de texto preferido.

• Execute o projeto SPRING e acesse http://localhost:8080/ para acessar as rotas da API

Front-End

• Instale o NodeJs https://nodejs.org/en
• Instale o Angular Cli pelo prompt npm install -g @angular/cli
• Abra a pasta front-end e execute ng s --0 para abrir o projeto angular pela porta http://localhost:4200/
• Caso ocorra erro de pacotes execute o npm install para instalar depencias do json

⌨️ Autores

Pedro Henrique Godri	Vitor Hugo Schiphorst	Bárbara do Nascimento	Rafael Eduardo Ronchi Filho	Nicolas Ricardo Maba