Flavor-Fiesta / frontend

0 stars 0 forks source link

Pagina de checkout #18

Open Adrianaleon opened 1 month ago

Adrianaleon commented 1 month ago

Como usuario de Flavor Fiesta, quiero poder completar la compra de productos de manera segura, ingresando mis datos personales, dirección de envío y detalles de pago, para recibir la confirmación de mi pedido.

Criterios de Aceptación: La página deberá disponer de un formulario dividido en 3 secciones o pasos: Resumen del pedido Datos Personales y Dirección de entrega Formulario de pago Confirmación de pedido Resumen del Pedido: Debe mostrarse un resumen del pedido con la imagen del producto, nombre del producto y el total del pedido. Debe incluir un subtotal con el costo total del pedido. El usuario debe tener la opción de "Realizar pedido" después de revisar el resumen. Formulario de Datos Personales y Dirección: El usuario debe poder ingresar su nombre, apellido, dirección, apartamento/piso, ciudad y código postal. Debe haber una opción para cancelar la acción y otra para continuar al siguiente paso. Formulario de Pago: El usuario debe ingresar el número de tarjeta, nombre del titular de la tarjeta, fecha de vencimiento y el código de seguridad (CVC) (secreto estilo contraseña *). El usuario debe tener la opción de regresar al paso anterior o completar el pedido y realizar el pago. Confirmación del Pedido:** Después de completar el pago, el usuario debe ver un mensaje de confirmación de que su pedido ha sido recibido con éxito. Debe haber una opción para volver al inicio después de completar el pedido. Se deberá utilizar la api de compra. Se deberá validar correctamente los errores de la api, e indicar el mismo al usuario.

Image

Adrianaleon commented 1 month ago

Nota: En el resumen de pedido, se debe incluir una nueva columna llamada cantidad multiplicada por el producto.
Igualmente, se deberá tener en cuenta que si en caso dado el usuario no se ha logueado y agrega productos al carrito, e inicia el proceso de compra, el sistema deberá redireccionar a la página de login para iniciar sesión con usuario y contraseña.

Adrianaleon commented 1 month ago

@yoserfenix se debe agregar , adicional de la confirmación de un pedido , el rechazo del pedido para cuando existe data errada o el proceso de venta no se pueda llevar a cabo. Esta pendiente definir el diseño del rechazo de la compra. @DayanaMaca