Car Market Node.js

Arquitectura de Sistema & Pilares Fundamentales

Car Market combina una API REST desacoplada en Node.js y Express con una Single Page Application ultrarrápida en React (Vite), ofreciendo búsquedas filtradas en menos de un segundo y procesos de venta fluidos.

┌─────────────────────────────────────────────────────────────────────────────┐
│                    Car Market Full-Stack Architecture                       │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🔍 Motor de Búsqueda Inteligente       📸 Hub Multimedia & Panel de Vendedor       🛡️ Seguridad, Moderación & RGPD
  • Deslizadores vinculados a la BDD      • Arrastrar y soltar hasta 15 fotos      • Cola de moderación de anuncios
  • Cascatas Marca ➔ Modelo      • Selección de portada con SortableJS   • Inspección completa del anuncio
  • Prevención de páginas sin resultados      • Conversión automática a WebP (Sharp)        • RGPD Artículos 17 & 20
  • Recuento de stock en tiempo real      • Integración de YouTube & Shorts       • Seguridad con JWT & Bcrypt
            

1. Motor de Búsqueda Inteligente & Filtros Dinámicos

El motor de búsqueda calcula dinámicamente sus límites a partir de la base de datos MySQL para evitar búsquedas sin resultados:

• Deslizadores dobles vinculados a la base de datos (rc-slider): Los deslizadores de Precio, Kilometraje y Año se adaptan automáticamente a los valores mínimos y máximos reales del stock.
• Selectores en cascada Marca ➔ Modelo:
  • Sin resultados vacíos: El menú desplegable solo muestra marcas y modelos que disponen actualmente de al menos un vehículo aprobado en stock.
  • Insignias de conteo en vivo: Contador en tiempo real del número de vehículos disponibles junto a cada opción (ej: Renault (4) ➔ Clio V (2)).
• Filtros de atributos técnicos: Filtrado por categoría de vehículo (Automóviles, Motos, Comerciales), carrocería (Sedán, SUV, Familiar, Coupé, etc.), combustible y transmisión.
• Ordenación Asíncrona: Ordenación inmediata por fecha de publicación, precio ascendente/descendente, kilometraje o año.

2. Ficha Técnica Detallada & Experiencia Multimedia

La vista detallada del vehículo (/vehicule/:slugOrId) está estructurada en un diseño de 2 columnas enfocado en la conversión:

3. Publicación de Anuncios & Pipeline de Procesamiento de Imágenes

Car Market proporciona a vendedores particulares y profesionales herramientas intuitivas y optimizadas:

• Taxonomía de Automoción Completa (120 Marcas & 1.890+ Modelos): Catálogo completo disponible durante la creación del anuncio para una clasificación exacta.
• Verificación Previa del Perfil: La publicación se bloquea hasta que el vendedor haya completado sus datos de perfil (nombre, apellidos, teléfono verificado).
• Reordenación de Imágenes Arrastrando (SortableJS): Subida simultánea de hasta 15 fotos con función de arrastrar y soltar para elegir la imagen principal ⭐ Portada.
• Conversión WebP Automática (Sharp): Conversión en el servidor al formato moderno .webp con un 80 % de compresión y corrección de orientación EXIF.
• Panel « Mis Anuncios »: Panel de control completo con pestañas de estado (Todos, En línea, En revisión), edición directa y herramientas de eliminación.

4. Control de Calidad & Moderación de Administrador

Para garantizar la autenticidad y prevenir fraudes, la plataforma incorpora un flujo de revisión administrativa:

5. Seguridad Empresarial & Cumplimiento del RGPD

Car Market cumple estrictamente con el Reglamento General de Protección de Datos de la Unión Europea (RGPD UE 2016/679):

• Autenticación Stateless con JWT: Tokens de seguridad Bearer con cifrado de contraseñas mediante Bcrypt (mínimo 8 caracteres, mayúsculas, minúsculas, dígitos y símbolos).
• Portabilidad de Datos (Artículo 20 RGPD): Descarga estructurada en JSON con un solo clic de los datos de perfil y del historial completo de anuncios de la cuenta.
• Derecho al Olvido (Artículo 17 RGPD): Eliminación definitiva de la cuenta que purga la base de datos y borra físicamente todas las fotos del almacenamiento del servidor.

6. Matriz de Funcionalidades Técnicas