pedrohlisboa-261 / tela-agil

tela-agil

---

Consiste em uma interface de atendimento com o objetivo de unificar em uma única tela os principais serviços gerados pelo atendente no Call Center, utilizando nossas APIs de serviços já construídas para Clara (chatbot) e Site/App.

📝 Índice

• Sobre a aplicação
• Layout
• Por onde começar?
• Como usar?
• Deployment
• Tecnologias utilizadas
• Requisitos
• Autores
• Agradecimentos

🧐 Sobre a aplicação

Plataforma única de atendimento para o Call Center, abrangendo todas as distribuidoras (MA, PA, PI e AL), que permitirá a solicitação de serviços de forma automática, utilizando APIs já existentes.

🎨 Layout

Você pode utilizar a seguinte URL para visualizar todas as telas: Figma Layout - EQTL Tela Ágil

🏁 Por onde começar?

A aplicação foi completamente construída com React.js, utilizando sempre os padrões e boas práticas de desenvolvimento. Para os estilos, foi utilizada a biblioteca Styled Components.

Pré-requisitos

• Node.js
• NPM
• React.js
• Ambiente corporativo

Instalando as dependências

Para instalar as dependências do projeto execute no seu prompt de comandos:

# Utilizando o NPM
npm i

# Ou utilizando o Yarn
yarn

Recomendamos a utilização do yarn por questões de performance.

🎈 Como usar?

1. Crie o arquivo .env na raiz do projeto. Existe um .env.example com instruções para as informações que deverão ser preenchidas;
2. Para iniciar a aplicação, execute o script start:

yarn start

🚀 Deployment

Para efetuar o deploy da aplicação acesse a FAQ#04 - Deploy de aplicações Reactjs em um servidor Oracle Linux.

⛏️ Tecnologias utilizadas:

• React.js - Javascript Interface Library
• StyledComponents - Styles library built for React
• Typescript - Superset JavaScript
• ESLint - JavaScript linter

✍️ Autores

• @robertotics4 - Desenvolvimento

🎉 Agradecimentos

Agradecimentos à toda a equipe de Transformação Digital pelo espírito de união e por todas as conquistas que alcançamos juntos. Trabalhar ao lado de pessoas tão companheiras e generosas é um grande privilégio.