Rodrigopca42 / helpdesk1

Esse projeto foi uma propósta do curso Formação Angular + Spring Boot, do professor Valdir Cezar. Neste projeto aprendi a construir uma aplicação web completa, CRUD (CREATE, READ, UPDATE e DELETE) de um sistema web para uma microempresa abrir e encerrar suas ordens de serviço.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HelpDesk

NPM

Sobre o projeto

http://rodrigo.helpdesk.vercel

Esse é o sistema para gerenciamento de chamados simulando um simples Help Desk desenvolvido em Angular 12 e Spring Boot, ele aborda os principais conceitos de desenvolvimento de sistemas web, tais como CRUD, consumo de APIRest, Autenticação e Autorização com JWT, Banco de Dados SQL, Comunicação Servidor-Cliente e aplicações SPAs, o sistema está rodando na nuvem sendo o front na Vercel e o back no Railway.

Visão funcional

Esse projeto foi uma propósta do curso Formação Angular + Spring Boot, do professor Valdir Cezar. Neste projeto aprendi a construir uma aplicação web completa, CRUD (CREATE, READ, UPDATE e DELETE) de um sistema web para uma microempresa abrir e encerrar suas ordens de serviço, ao final tendo a certificação.

Layout web

Web 1 height="40px" width="65px"

Web 2

Web 3

Web 4

Web 5

Web 6

Web 7

Modelo conceitual

Modelo Conceitual Modelo Conceitual

Tecnologias utilizadas

Back end

  • Java
  • Spring Boot
  • JPA / Hibernate
  • Maven
  • Autenticação com Tokens JWT
  • Autorização com Tokens JWT
  • Criação de uma API RESTful
  • Utilização do banco de dados h2 em tempo de compilação
  • Tratamento de exceções de forma personalizada
  • Desenvolvimento em camadas usando o padrão MVC
  • Padrão DTO (Data Transfer Objects)
  • MySQL em projeto Spring Boot
  • Implementar perfis de Teste e Desenvolvimento
  • Validações com Validations
  • Protocolo HTTP no padrão REST

Front end

  • Conceitos básicos de Typescript, HTML5 e CSS3
  • Conceitos de Angular 12
  • Consumir uma API REST usando a ferramenta Postman
  • Consumir uma API REST usando o front desenvolvido no curso

Implantação em produção

  • Back end: Railway
  • Front end web: Vercel
  • Banco de dados: Teste:H2; Produção:MySQL

Como executar o projeto

Back end

Pré-requisitos: Java 11

# clonar repositório
git@github.com:Rodrigopca42/Projeto_FullStack_HelpDesk.2.git

# entrar na pasta do projeto back end
Projeto_FullStack_HelpDesk.2

# executar o projeto
./mvnw spring-boot:run

Front end web

Pré-requisitos: nodejs-18.17.0 LTS Angular CLI v-15

# clonar repositório
git@github.com:Rodrigopca42/helpdesk1.git

# entrar na pasta do projeto front end web
helpdesk1

# instalar dependências
npm install

Autor

Rodrigo Pereira Cardoso

www.linkedin.com/in/rodrigo-cardoso-b2866b110

About

Esse projeto foi uma propósta do curso Formação Angular + Spring Boot, do professor Valdir Cezar. Neste projeto aprendi a construir uma aplicação web completa, CRUD (CREATE, READ, UPDATE e DELETE) de um sistema web para uma microempresa abrir e encerrar suas ordens de serviço.

License:MIT License


Languages

Language:TypeScript 51.8%Language:HTML 40.2%Language:CSS 8.0%