✔️ OpenSystem Sugestões

OpenSystem Sugestões   |    Requisitos técnicos   |    Rascunho Figma   |    Tecnologias usadas   |    Como usar   |   

⁉️ OpenSystem Sugestões?

O OpenSystem Sugestões é o desafio técnico da OpenSystem.
É uma aplicação desenvolvida para alocar sugestões empresariais feitas pelos colaboradores da OpenSystem.

Requisitos técnicos ✔️

• REQ1: Menu lateral com cadastro e listagem de: Departamentos e Sugestões
• REQ2: Página de cadastro de sugestões
• REQ3: Deverá ser apresentada uma página para listagem das sugestões cadastradas, com possibilidade de filtrar por departamento.
• REQ4: Deverá existir uma página para cadastro de departamentos
• REQ5: Deverá existir uma página para listagem dos departamentos cadastrados, com opção de remover ou editar o nome.
• REQ6(Opcional): Gráficos dashboard

🎊: Interface:

A interface foi desenvolvida através da plataforma Figma:

🚀 Tecnologias:

Este projeto foi desenvolvido com as seguintes tecnologias:

Frontend:

• Angular 12
• SCSS
• Bootstrap 5

Backend:

• .NET 6
• Entity Framework
• SQLServer

Complementos

• Swagger
• Biblioteca Chart.js
• Compodoc
• Sweet Alert 2

🍴 Gif - Open Sugestões em funcionamento:

👷 Como usar:

Para clonar e executar essa aplicação você vai precisar dos seguintes softwares instalados em seu computador:

• Git
• Node
• SQLServer

🔌 Instalar dependências

# Clone este repositório:
$ git clone https://github.com/mirndlazaro/open-sugestoes.git

# Entre no repositório:
$ cd frontend

# Abra o Console Gerenciador de Pacotes no Visual Studio 2022 e instale as dependências:
$ Package-Reinstall

Após instalar as dependências, deve-se configurar o banco de dados

Será necessário criar uma instância do SQL Express na máquina. Segue o guia de instalação Instale o SQL Server Managment Studio para gerenciamento e visualização do BD numa interface gráfica.

Executar a web API

# Entre no repositório:
$ cd backend/API

# Inicie a API:
$ Clique no botão 'Iniciar depuração' ou clique F5

# A aplicação estará rodando na porta 7188 (http://localhost:7188/)
# Por padrão, a API iniciará a interface Swagger (https://localhost:7188/swagger/index.html), mas é possível acessar os endpoints da aplicação através de (https://localhost:7188/api)

Executar a aplicação

# Entre no repositório:
$ cd frontend

# Inicie a aplicação:
$ ng serve

# A aplicação estará rodando na porta 4200 (http://localhost:4200/)

🎊 Como melhorar:

• Adicionar autenticação;
• Cadastro de colaboradores com diferentes perfis e níveis de permissão;
  • Colaboradores com perfil padrão apenas cadastrariam as sugestões. Os administradores teriam acesso ao dashboard, por exemplo;

São tarefas que gostaria de implementar em um futuro próximo a fim de desenvolver-me.

🔑 Licença:

Feito com ⚡ por Lazaro Miranda 🔥 Entre em contato!