Calculadora de Propinas y Consumos 🍽️

Pagina web para restaurantes donde se podrá generar una orden con consumos y la persona podrá elegir la propina que desea dejar.

Explora la demo del sitio web en el siguiente enlace: Calculadora de Propina

Funcionalidades principales 🥇

• Generación de Ordenes: Los usuarios pueden crear órdenes con múltiples consumos, visualizando el total de cada ítem.
• Cálculo de Propinas: Los usuarios pueden seleccionar el porcentaje de propina que desean dejar, con actualización en tiempo real del total a pagar.
• Interactividad en Tiempo Real: Actualización dinámica de la orden y propina sin recargar la página utilizando React y useState.
• Interfaz Atractiva y Responsiva: Diseño moderno y adaptativo utilizando Tailwind CSS para una experiencia de usuario óptima en dispositivos móviles y de escritorio.

Tecnologías Utilizadas 🧑‍💻

• React: Frontend desarrollado con React para la creación de componentes reutilizables y estado manejado de manera eficiente.
• TypeScript: Mejora de la robustez del código con tipado estático y detección temprana de errores.
• Tailwind CSS: Estilización y maquetación utilizando Tailwind CSS para un diseño atractivo y responsivo.

Configuración del Proyecto ⚒️

Note

Asegúrate de tener Node.js y npm instalados en tu sistema.

1. Clona este repositorio en tu máquina local.

     git clone https://github.com/IgnaG-Dev/CalculadoraPropinas-React
   

Rendimiento ✅

A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin LIghthouse

Contribución 📨

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar esta aplicación, por favor abre un issue para discutir los cambios propuestos o envía una pull request.

Contacto 👤

Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.