jerp86 / frontSpeakMore

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Speak More - VxTel®




ℹ️ Sobre

Teste técnico para ser avaliado alguns conceitos!

Em um cenário próximo do real, como é a organização e clareza do código, como foi abstraído os conceitos, etc.

⁉️ Motivo

A Vórtx® é a primeira fintech B2B de infraestrutura do mercado de capitais, utilizando tecnologia para viabilizar as transações de investimento. Em outras palavras, somos os caras por trás de toda operação de investimentos de confiança, como um sistema operacional - o iOS/Android do mercado de capitais.

💻 Projeto

A empresa de telefonia VxTel, especializada em chamadas de longa distância nacional, vai colocar um novo produto no mercado chamado FaleMais.

Normalmente um cliente VxTel pode fazer uma chamada de uma cidade para outra pagando uma tarifa fixa por minuto, com o preço sendo pré-definido em uma lista com os códigos DDDs de origem e destino:

Origem Destino $/min
011 016 1.90
016 011 2.90
011 017 1.70
017 011 2.70
011 018 0.90
018 011 1.90

Com o novo produto FaleMais da VxTel o cliente adquire um plano e pode falar de graça até um determinado tempo (em minutos) e só paga os minutos excedentes. Os minutos excedentes tem um acrescimo de 10% sobre a tarifa normal do minuto. Os planos são FaleMais 30 (30 minutos), FaleMais 60 (60 minutos) e FaleMais 120 (120 minutos).

A VxTel, preocupada com a transparência junto aos seus clientes, quer disponibilizar uma página na web onde o cliente pode calcular o valor da ligação. Ali, o cliente pode escolher os códigos das cidades de origem e destino, o tempo da ligação em minutos e escolher qual o plano FaleMais. O sistema deve mostrar dois valores: (1) o valor da ligação com o plano e (2) sem o plano. O custo inicial de aquisição do plano deve ser desconsiderado para este problema.

Exemplo de Valores:

Origem Destino Tempo Plano FaleMais Com FaleMais Sem FaleMais
011 016 20 FaleMais 30 $ 0,00 $ 38,00
011 017 80 FaleMais 60 $ 37,40 $ 136,00
018 011 200 FaleMais 120 $ 167,20 $ 380,00
018 017 100 FaleMais 30 - -

🌱 Requisitos Mínimos

Node v12

🚀 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

  • ReactJS
  • TypeScript
  • Styled-Components
  • React Icons
  • Axios
  • Polished
  • React Router DOM
  • Json-Server
  • EditorConfig
  • ESLint
  • Prettier

🔗 Como executar

Teste efetuado utilizando ReactJS, para rodar a aplicação localmente basta descompactar os arquivos, acessar a pasta e executar os comandos no terminal:

Instalar as dependências:

yarn

Rodar o servidor fake:

yarn server

Rodar a aplicação:

yarn start

Todos esses comandos podem ser executados com o gerenciador de pacotes npm, para isso siga os passos:

Instalar as dependências:

npm i

Rodar o servidor fake:

npm run server

Rodar a aplicação:

npm start

Feito com ❤️ por Jerp86 👋️ Entre em contato!

Perfil do Linkedin de José Eduardo Rodrigues Pinto Perfil do Facebook de José Eduardo Rodrigues Pinto Perfil do Instagram de José Eduardo Rodrigues Pinto Perfil do Twitter de José Eduardo Rodrigues Pinto

About


Languages

Language:TypeScript 96.9%Language:HTML 2.6%Language:JavaScript 0.4%