Status do Projeto: ✔️(concluido)
🔹 Problemas gerados ao longo do projeto
O projeto proposto pela empresa Flexpag, é um simulador de preço de venda baseado na tabela FIPE. O projeto onsistem em um ambiente em que possa selecionar o tipo do veiculu, marca do veiculo, modelo do veiculo, ano do veiculo e uma opção para selecionar o valor que deseja vender ou comparar com o valor da tabela FIPE.
✔️ Consumir api com dados da tabela FIPE.
✔️ Listar para cada campo o Tipo, Marca, Modelo e Ano.
✔️ Calcular o percentual de venda.
✔️ Criar condição para menssagem de acordo com o percentual de venda.
✔️ Criar condição de cores de acordo com o percentual de venda.
✔️ Criar maskara para campo input, para digitar valor de venda.
✔️ Pagina inicial de insturção de uso do projeto
✔️ No simulador todos os campos foram desabilitados, e são habilitados de quando obtem valor selecionado.
✔️ Botão de limpar, onde limpara os dados preenchidos e desabilita os botões.
✔️ Validação de campos, quando o mesmo estiver vazio apresenta menssagem (*Campo obrigatório).
✔️ Grafio que mede o percentual, com condição criada para mudança de cores de acordo com o valor do percentual
✔️ Condição que muda a cor da menssagem (Valor do veículo abaixo da tabela FIPE...) de acordo com a percentual calculado.
✔️ Estilização com o Bootstrap - navBar, forms, main e footer.
✔️ Maskara no campo input para formatação em moeda - BRL com o NgxCurrency
Link do deploy da aplicação. Exemplo com vercel: Acessar
No terminal, clone o projeto:
git clone https://github.com/ffernandescs/simulador-veiculo-fipe-veiculo
No terminal windows digite
cd {nome-da-pasta-do-projeto}
Em seguida digite
npm install
Em seguida digite o comando para rodar a aplicão
ng server
O projeto simulador consistem em simular o preço de venda de veículos de acordo com a tabela FIPE. Exemplos: Quero vender um carro, mais quero consultar qual a base de preço na tabela FIPE!
Com esta aplicação voçê conseguer ver o preço de tabela FIPE do seu veiculo e o percentual de venda de acordo com o valor de venda, da pra saber se esta vendendo abaixo do mercado, acima do mercado ou na média.
A base do projeto sera disponibilizada para uso publico, criei algumas funcionalidades afim de deixar o projeto mais padronizado e dentro do que o mercado exige.
-
Foram criado validação de campos, onde so é possivel consultar as informações caso os valores sejam todos preenchidos.
-
Foi imprementado o botão de limpar dados, para refazer toda a consulta de forma mais agil e pratica.
-
Foi Implememtado uma maskara no campo input, para que seja inserido na tela o valor de moeda de acordo com o que pede o projeto.
-
Foi implementado uma validação de textos que quando não preenchidos informa uma menssagem (*Campo obrigatorio) e muda a cor. Quand o valor for preenchido, o campo fica na cor verde.
-
Foi Implementado um condição de cores de acordo com o percentual de venda
- Exemplo:
- Se o valor for menor que -10%, itens ficam na cor vermelha
- Se o valor for maior que 10%, itens ficam na cor verde.
- Se o valor for entre -10% e 10% itens ficam na cor azul
- Exemplo:
-
Foi implementado uma tela de inicial para instrução de como usar a aplicação
-
Foi implementado o loading, para carregamento dos resultados.
Desde a entrega do desafio, forma feito varios testes com a API e até o momento náo apresentou problemas. Na data de 07-03-2023 as 17:00 quando fui fazer os testes finais a API esta pedindo autenticação.
O ambiente ja esta todo configurado para receber os dados da api, inclusive ja foi testado.
Copyright ©️ 2023 - Simulador de preço de venda de veículos.