Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/santosjennifer/helpdesk-frontend

Sistema para gerenciamento de chamados simulando um Help Desk
https://github.com/santosjennifer/helpdesk-frontend

angular angular-cli angularmaterial css html typescript

Last synced: 3 days ago
JSON representation

Sistema para gerenciamento de chamados simulando um Help Desk

Awesome Lists containing this project

README

        

![Last Commit](https://img.shields.io/github/last-commit/santosjennifer/helpdesk-frontend)

# Helpdesk

Esse é um sistema para gerenciamento de chamados simulando um Help Desk.

Desenvolvido em Angular 18 (front-end) e Spring Boot 3 (back-end).

O projeto tem como objetivo principal abordar os conceitos de aplicações SPAs, Autenticação e Autorização com Tokens JWT e muito mais.

O sistema está rodando na nuvem sendo o front-end na Vercel e o back-end no Render.

Link para acesso na [Vercel](https://helpdesk-six-lemon.vercel.app/).

Domínio do backend no [Render](https://helpdesk-s2sy.onrender.com).

Código fonte do projeto back-end [helpdesk-backend](https://github.com/santosjennifer/helpdesk-backend).

### Login Page:
![image](https://github.com/santosjennifer/helpdesk-frontend/assets/90192611/2c89acea-7d0a-497a-b045-b409581dce54)

### Home Page:
![image](https://github.com/santosjennifer/helpdesk-frontend/assets/90192611/c66e5fc7-e0ed-4deb-a942-82d0953def7a)

### Listagem de Técnicos:
![image](https://github.com/santosjennifer/helpdesk-frontend/assets/90192611/0efcbaa7-9713-45bc-9c7f-1d193cf82aa3)

### Cadastro de Chamado:
![image](https://github.com/santosjennifer/helpdesk-frontend/assets/90192611/a938aad1-77c6-4df6-b4ff-2be1f6269d1d)

### Atualizar Cliente:
![image](https://github.com/santosjennifer/helpdesk-frontend/assets/90192611/3a72cf4c-e563-42e7-8be6-7d6475c7b3f7)

### Tecnologia:
- Angular 18
- Angular CLI
- Angular Material

### Como executar o projeto localmente:

Para instalar as dependências:
```
npm install
```

Para iniciar o projeto:
```
npm run start
```

Acesse o link:
```
http://localhost:4200/
```