Fale Mais

FaleMais é o novo produto da CI&T Telecomunicações. Com ele, o cliente adquire um plano e pode falar de graça até um determinado tempo (em minutos) e só paga os minutos excedentes. Dessa forma, foi criada uma página web onde o cliente pode calcular o valor da ligação. Ali, ele pode escolher os códigos das cidades de origem e destino, o tempo da ligação em minutos e comparar os planos FaleMais. O sistema mostrar também os valores da ligação sem nenhum plano.

Motivação

Esse projeto foi feito como parte do processo seletivo da CI&T, onde busco mostrar meus conhecimentos e boas práticas de desenvolvimento e modelagem. Além da versão desktop, também foi desenvolvido uma versão móvel/responsiva da plataforma.

Como Usar

Para clonar e rodar essa aplicação, você precisará de Git e Node.js (que vem com npm) isntalados no seu computador. Pelo terminal:

# Clone esse repositório
$ git clone https://github.com/dangregory/fale-mais.git

# Entre no repositório
$ cd fale-mais

# Instale as dependências
$ npm install

# Rode o app
$ ng serve

Nota: Se você está usando Linux Bash no windows, veja esse guia ou use node do prompt de comando.

  • npm install

npm install

  • ng serve

ng serve

ng serve

Tech

Para os dialogs, foi usada a biblioteca Angular Material.

Como pré-processador de css, foi usado Sass, sendo possível a criação de mixins e o uso de variáveis.

sass

Testes

Para executar os testes automatizados, é necessário executar o comando ng test. O Karma será executado no endereço http://localhost:9876/.

  • ng test ng test

  • Karma sem erros: karma

  • Karma com erro forçado: karma error

Foram criados 9 testes. Entre eles, alguns para verificar as funções que calculam os valores dos planos:

test

Screenshots

  • Tela inicial: home

  • Valores preenchidos: home

  • Mobile: mobile

Troubleshooting

Caso encontre algum erro referente a permissão de EACCESS, siga o seguinte tutorial para alterar o diretório padrão do npm.

https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally

MIT © DanielGregory