React POS Frontend with MUI
Budget: $2 – $8 USD
Estoy desarrollando una aplicación web moderna de punto de venta y necesito que el frontend se cree con React 18+ y TypeScript. Por favor, genera la estructura del proyecto con Vite 5.x y aplica estilos con Material UI 6.x para que la interfaz sea rápida, ligera y fácil de personalizar.
Alcance principal:
El primer hito es un formulario de ventas completo que permite al cajero:
• buscar o escanear un producto,
• agregar o eliminar artículos, ajustar la cantidad, descuentos e impuestos,
• ver los totales actualizados en tiempo real y
• finalizar la venta eligiendo efectivo, tarjeta o una combinación de ambos.
Arquitectura y notas técnicas:
• React Router 6 para la navegación entre páginas.
• Estado global con tipado seguro gestionado con Context, Redux Toolkit o Zustand (a tu elección, pero mantén el código limpio).
• Capa de servicio lista para acceder a endpoints REST (datos simulados por ahora).
• Código completamente tipado, con ESLint y Prettier configurados desde el principio.
| Frontend | React + TypeScript | 18+ |
| Desarrollo frontend | Vite | 5.x |
| UI | MUI | 6.x |
Entregables: 1. Repositorio del proyecto Vite con una estructura de archivos clara.
2. Componentes MUI reutilizables: barra de búsqueda de productos, lista de tickets, panel de totales, diálogo de pago.
3. Diseño responsivo que funciona en resoluciones estándar de TPV de escritorio.
4. Pruebas unitarias para los componentes principales usando Jest y @testing-library/react.
5. Archivo README con instrucciones para instalar, desarrollar, probar y compilar.
Las siguientes fases incluirán seguimiento de inventario, gestión de clientes e informes de ventas, así que escribe el código pensando en la extensibilidad. Comparte enlaces a cualquier frontend de TPV o comercio electrónico que hayas desarrollado anteriormente e indica cuántos días necesitarás para entregar esta primera versión.
Alcance principal:
El primer hito es un formulario de ventas completo que permite al cajero:
• buscar o escanear un producto,
• agregar o eliminar artículos, ajustar la cantidad, descuentos e impuestos,
• ver los totales actualizados en tiempo real y
• finalizar la venta eligiendo efectivo, tarjeta o una combinación de ambos.
Arquitectura y notas técnicas:
• React Router 6 para la navegación entre páginas.
• Estado global con tipado seguro gestionado con Context, Redux Toolkit o Zustand (a tu elección, pero mantén el código limpio).
• Capa de servicio lista para acceder a endpoints REST (datos simulados por ahora).
• Código completamente tipado, con ESLint y Prettier configurados desde el principio.
| Frontend | React + TypeScript | 18+ |
| Desarrollo frontend | Vite | 5.x |
| UI | MUI | 6.x |
Entregables: 1. Repositorio del proyecto Vite con una estructura de archivos clara.
2. Componentes MUI reutilizables: barra de búsqueda de productos, lista de tickets, panel de totales, diálogo de pago.
3. Diseño responsivo que funciona en resoluciones estándar de TPV de escritorio.
4. Pruebas unitarias para los componentes principales usando Jest y @testing-library/react.
5. Archivo README con instrucciones para instalar, desarrollar, probar y compilar.
Las siguientes fases incluirán seguimiento de inventario, gestión de clientes e informes de ventas, así que escribe el código pensando en la extensibilidad. Comparte enlaces a cualquier frontend de TPV o comercio electrónico que hayas desarrollado anteriormente e indica cuántos días necesitarás para entregar esta primera versión.