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
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.
He mejorado la gestión del estado en la aplicación utilizando useReducer. Esto permite manejar la lógica de actualización de manera más estructurada y predecible, especialmente cuando el estado es complejo y las actualizaciones dependen de múltiples acciones.
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.
Note
Asegúrate de tener Node.js y npm instalados en tu sistema.
-
Clona este repositorio en tu máquina local.
git clone https://github.com/IgnaG-Dev/CalculadoraPropinas-React
A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin LIghthouse
¡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.
Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.