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.
- 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;
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.
- 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
-
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
https://localhost:8080/
para acessar as rotas da API
- Instale o NodeJs
https://nodejs.org/en
- Instale o Angular Cli pelo prompt
npm install -g @angular/cli
- Abra a pasta
front-end
e executeng s --0
para abrir o projeto angular pela portahttps://localhost:4200/
- Caso ocorra erro de pacotes execute o
npm install
para instalar depencias do json
Pedro Henrique Godri |
Vitor Hugo Schiphorst |
Bárbara do Nascimento |
Rafael Eduardo Ronchi Filho |
Nicolas Ricardo Maba |
---|