FuelCalc: Calculadora de Combustível (Álcool vs Gasolina)
FuelCalc é uma calculadora de combustível, é uma aplicação simples e eficiente para ajudar motoristas a decidir qual combustível (álcool ou gasolina) é mais vantajoso com base no preço por litro.
O sistema calcula a razão entre os preços dos combustíveis e indica a opção mais econômica, fornecendo uma solução prática para o dia a dia.
Este projeto demonstra minha habilidade no desenvolvimento de aplicações web modernas, utilizando React, TypeScript e CSS para criação de interfaces responsivas e interativas.
Objetivo do Projeto
O objetivo do FuelCalc é fornecer uma ferramenta simples que ajude motoristas a tomar decisões mais informadas sobre qual combustível utilizar, com base na comparação entre o preço do álcool e da gasolina. A aplicação realiza os seguintes cálculos:
• Cálculo da razão entre o preço do álcool e o da gasolina.
• Exibição da opção mais vantajosa: álcool ou gasolina, com base na razão calculada (até 70% compensa usar álcool).
Tecnologias Usadas
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
• React: Biblioteca para a construção de interfaces de usuário dinâmicas.
• React Hook - useState: Para gerenciar o estado da aplicação, permitindo que o valor dos inputs (preço do álcool e da gasolina) seja atualizado dinamicamente.
• JavaScript (ES6+): Para lógica de cálculos e manipulação de estado.
• CSS: Estilização da interface para garantir uma experiência visual agradável e responsiva.
• TypeScript: Para tipagem estática e maior segurança no desenvolvimento.
Funcionalidades
1. Cálculo da razão entre os preços: A aplicação compara o preço do álcool e da gasolina e calcula qual combustível é mais vantajoso.
2. Exibição de recomendação: Dependendo da razão calculada, a aplicação sugere qual combustível usar: álcool ou gasolina.
3. Entrada de dados simples: O usuário pode inserir os preços do álcool e da gasolina de forma fácil e rápida.
4. Interface responsiva: A aplicação é totalmente responsiva, garantindo uma boa experiência tanto em dispositivos móveis quanto em desktops.
Demonstração
Você pode visualizar o projeto em funcionamento acessando o link de deploy: