02Recreación
Aldenvale Anesthesia Group
Un sitio donde los pacientes leen sobre su procedimiento y solicitan su expediente médico con un cobro: quince rutas públicas, un gafete 3D con física y un flujo de pago que mantiene los datos de tarjeta fuera del formulario.
- Rutas públicas, cada una con su propio título, descripción y canonical
- 15
- PDFs por solicitud: un reporte completo y un recibo con datos ocultos
- 2
/
/request-patient-records
Qué construí
- Quince rutas públicas, más dos ocultas que no aparecen en el sitemap.
- Gafete 3D que cuelga de un lanyard, simulado con React Three Fiber y Rapier.
- Flujo de expedientes para pacientes y consultorios: pago con tarjeta, carga de documentos, PDFs generados y vista previa de correos.
Notas de ingeniería
Los datos de tarjeta no entran al formulario
Los campos de tarjeta nunca entran al FormData. Se validan localmente y se cambian por un token que solo lleva la marca y los últimos cuatro dígitos.
Primero el cobro, luego todo lo demás
El monto se calcula en el servidor. Si el cobro falla, no se registra nada; si pasa, las cargas, los PDFs y los correos van en modo best-effort, para que una solicitud pagada nunca se pierda.
Qué corre en modo demo
- Los pagos son simulados: 4111 1111 1111 1111 se aprueba y 4000 0000 0000 0002 se rechaza.
- Los correos se muestran en una vista previa con sandbox en vez de enviarse.