Portafolio de Albert Benavent Cabrera

Integración con Stripe, Monei y Redsys (incluye protocolo 3DS y test cards de Redsys).

Puedes probar Redsys con tarjetas de test y recibir respuestas automáticas según el resultado del pago.

Envío de factura por correo en formato HTML (React) y generación en PDF con NIF y logo.

El PDF incluye todos los datos fiscales y se genera tras confirmación del pago, usando plantillas personalizadas.

Adaptado a todos los dispositivos, con sliders de imágenes e interfaz adaptable.

Carrito con actualización de cantidades, opciones por producto y eliminación individual.

Cada producto permite múltiples configuraciones (como tamaños o almacenamiento), y el carrito se actualiza en tiempo real.

Cambio dinámico del método de pago desde un único punto (`selectedMethodPay`).

Incluye vistas en PC y móvil, previsualización de emails (`/preview-email`) y PDF generado.

También puedes ver la plantilla de correo y la factura antes de hacer un pedido real.

Servidor con .env para configurar endpoints de pago y recibir estados desde las pasarelas.

Usa Ngrok si estás en local para que los pagos externos devuelvan respuesta correctamente al servidor.

Scripts para arrancar el proyecto en Windows o Mac (`start-windows.bat`, `start-mac.sh`).

Modificación de productos desde `src/data/products-data.ts` con múltiples opciones por producto.

Puedes añadir productos nuevos o duplicar existentes cambiando imagen, descripción y opciones.

Angular 18, Sass, HTML para emails, React para plantillas de factura, y PDFKit para generación.

🚀 Pasos para la instalación

📥 1. Descargar y descomprimir.

🖥️ 2. Sitúate con cmd en la carpeta y ejecuta: npm install

⚙️ 3. Una vez descargados los node-modules ejecuta: npm start

✅ Y listo: localhost:3000 para ver la app.

🛍️ Angular Shop 19