La Calculadora de Propinas es una aplicación web desarrollada en React y TypeScript, optimizada con Vite. Esta herramienta facilita el cálculo de propinas. Los usuarios pueden agregar elementos al pedido, seleccionar el porcentaje de propina y visualizar el total a pagar.
- Selección de Propina: Elige entre porcentajes predefinidos (10%, 20%, 50%) o ajusta el porcentaje manualmente.
- Cálculo de Totales: Muestra el subtotal, el valor de la propina y el total general.
- Gestión de Pedido: Agrega o elimina elementos de tu pedido fácilmente.
- Reinicio de Pedido: Un botón permite reiniciar el pedido y la selección de propina.
Sigue estos pasos para ejecutar el proyecto en tu máquina local.
git clone https://github.com/anabartos/Calculadora-Propinas-React-TS.git
cd Calculadora-Propinas-React-TSnpm installPara iniciar el proyecto en modo de desarrollo, utiliza el siguiente comando:
npm run dev- Vite: Herramienta de desarrollo rápida para proyectos en React y TypeScript.
- React: Biblioteca para construir interfaces de usuario.
- TypeScript: Mejora la calidad del código mediante tipado estático.
- Tailwind CSS: Proporciona estilos rápidos y responsivos.
- MenuItem: Representa un elemento del menú, mostrando su nombre y precio, y permite agregarlo al pedido.
- OrderContents: Muestra el contenido actual del pedido y permite eliminar elementos.
- OrderTotals: Calcula y presenta el subtotal, la propina y el total a pagar.
- TipPercentageForm: Facilita la selección del porcentaje de propina a través de opciones de radio.
- useOrder Hook: Maneja el estado del pedido, incluyendo agregar, eliminar y restablecer elementos, así como el porcentaje de propina.
La aplicación está desplegada en Netlify y se puede acceder en el siguiente enlace:
Calculadora de Propinas en Netlify
Las contribuciones son bienvenidas. Si deseas mejorar esta aplicación, no dudes en abrir un issue o enviar un pull request.