SneakerHub

SneakerHub

Proyecto Final DAM · Mario Sánchez Barroso

Curso 25/26 · IES Profesor Juan Antonio Carrillo Salcedo

ANGULAR 19 · JAVA · FIREBASE

El Problema y la Solución

La solución

El problema

• Flujo de compra ágil y multiplataforma
• Vista 360° interactiva del producto
• Panel de administración propio e integrado

• Mercado saturado de e-commerce genéricos

• Experiencias de compra lentas y sin personalización
• Sin herramientas admin propias ni visibilidad real del producto

Arquitectura Serverless

Java Android App

Angular 19

Cliente móvil nativo

Frontend web renderizado

Arquitectura Serverless

Cloud Functions + Stripe

Firebase

Backend as a Service

Funciones y pasarela de pago

Funcionalidades Destacadas

🛒 Carrito en tiempo real

Sincronización instantánea entre dispositivos vía Realtime Database

💳 Pago atómico

Transacciones Stripe gestionadas con Cloud Functions

✉️ Mensajería transaccional

Confirmaciones automáticas por email tras cada compra

🔄 Vista 360°

Visualización interactiva del producto en web y móvil

Diseño y UI/UX: Minimalismo Funcional

Filosofía Monocromática: Interfaz desarrollada exclusivamente en blanco y negro, aplicando las guías de alto contraste de Material 3. El Producto es el Protagonista: Al eliminar paletas de colores genéricas de la UI, la atención visual y el peso del color recaen 100% en la fotografía de la zapatilla. Accesibilidad: Garantiza la máxima legibilidad del texto y reduce la fatiga visual del cliente durante la navegación por el catálogo.

Diseño y UI/UX: Minimalismo Funcional

Filosofía Monocromática: Interfaz desarrollada exclusivamente en blanco y negro, aplicando las guías de alto contraste de Material 3. El Producto es el Protagonista: Al eliminar paletas de colores genéricas de la UI, la atención visual y el peso del color recaen 100% en la fotografía de la zapatilla. Accesibilidad: Garantiza la máxima legibilidad del texto y reduce la fatiga visual del cliente durante la navegación por el catálogo.

Calidad y Metodología

Desarrollo iterativo estructurado en 4 Sprints mediante tablero Jira. Control riguroso del ciclo de vida del software, desde la concepción del diseño hasta la entrega del MVP.

Calidad y Metodología

Calidad y Metodología

Aislamiento estricto de código para garantizar la estabilidad del proyecto en todo momento: Main: Producción estable y despliegues automáticos. Develop: Rama de integración continua. Feature: Desarrollo aislado de nuevas funcionalidades. Tags: Trazabilidad y cierre de cada Sprint.

Calidad y Metodología

🛒 Carrito en tiempo real

Sincronización instantánea entre dispositivos vía Realtime Database

🛒 Carrito en tiempo real

Sincronización instantánea entre dispositivos vía Realtime Database

🛒 Carrito en tiempo real

Sincronización instantánea entre dispositivos vía Realtime Database

Sincronización instantánea entre dispositivos vía Realtime Database

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Calidad y Metodología

Despliegue en Producción

Web — Render

Android — APK firmado

Despliegue continuo desde rama main. URL pública disponible con dominio propio.

APK generado mediante Android Studio el IDE de desarrollo.

sneakerhub.es

https://acortar.link/ZypMBb

Conclusión y Demo en Directo

Retos superados

Integración Stripe en entorno serverless, sincronización en tiempo real y renderizado SSR con Angular 19

Resultado

Sistema funcional, desplegado y accesible en producción, tanto web como Android

A continuación

Demostración en directo del flujo completo: búsqueda → carrito → pago → confirmación

SneakerHub

SneakerHub