https://github.com/jerp86/frontspeakmore
https://github.com/jerp86/frontspeakmore
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jerp86/frontspeakmore
- Owner: jerp86
- Created: 2021-01-12T10:12:26.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-11-12T02:02:42.000Z (over 2 years ago)
- Last Synced: 2025-12-27T13:15:01.082Z (6 months ago)
- Language: TypeScript
- Size: 467 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
Speak More - VxTel®
___
___
Sobre |
Motivo |
Projeto |
Requisitos |
Tecnologias |
Como Executar |
Licença
___
## :information_source: 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.
## :interrobang: 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.
## :computer: 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 | - | - |
## :seedling: Requisitos Mínimos
Node v12
## :rocket: 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
## :link: 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!
