/lemoncode-react-order-management

Aplicación de gestión de pedidos en React

Primary LanguageTypeScript

Gestión de pedidos con React

Requisitos

  • El pedido tiene una cabecera con información general sobre el pedido como el número, la fecha y el cliente.

  • Cada pedido tiene una serie de líneas de pedidos con el articulo que se va a solicitar y el importe del mismo.

  • Al modificar el importe de alguna línea de pedido el importe total del pedido se actualiza.

  • Cada línea de pedido podrá ser validada o invalidada (volver al estado pendiente).

  • El pedido solo podrá ser enviado si todas las líneas del pedido están validadas.

  • El estado del pedido indica el porcentaje de líneas que están validadas, por ejemplo un pedido que tiene la mitad de sus líneas validadas estará al 50%.

  • Importe total es un campo calculado.

  • Estado depende de si todas las líneas han sido validadas.

  • En la tabla tengo un checkbox de selección multiple para validar / invalidar las líneas seleccionadas.

  • El campo importe es de edición.

  • El botón de enviar solo se habilita si el estado es 100% (todas las líneas validadas).

Implementación

  • Estilado con Material UI.
  • Gestión del estado con el hook de useReducer.
  • Uso de componentes puros a través del uso del hook React.memo