Manual de Usuario

Aplicación web fullstack para gestionar y vender vehículos de ocasión. Los usuarios pueden explorar coches, marcar favoritos, comprar con facturas automáticas y recibir notificaciones por correo. Los administradores gestionan vehículos, usuarios y estadísticas desde un panel completo.
El proyecto usa Node.js, Express y MongoDB en el backend, HTML, CSS, JavaScript y Pug en el frontend, e integra Stripe, Axios, Chart.js y PDFKit. Se aplican buenas prácticas de desarrollo: MVC, seguridad, validación de datos y diseño responsive.


Registro

Implementé un formulario de registro que recoge nombre, email y contraseña.
- Backend: Node.js + Express valida los datos y guarda los usuarios en MongoDB.
- Seguridad: Las contraseñas se almacenan de forma segura con bcrypt.
- Email: Se envía un email de bienvenida usando NodeMailer.

Pantalla de registro Pantalla de registro

Inicio de sesión

El sistema de login permite acceder a la plataforma de manera segura:
- JWT: Autenticación mediante tokens para proteger rutas privadas.
- Validación: Node.js + Express comprueba credenciales y devuelve errores claros.
- Frontend: Vue.js gestiona el estado de sesión y redirección dinámica.

Pantalla de inicio de sesión

Ver detalles

Haz clic en cualquier coche para ver su ficha completa, imágenes y características.

Ficha de coche Ficha de coche

Gestión de favoritos

MongoDB: Relación de usuario ↔ favoritos, con capacidad de agregar y eliminar.
Frontend: Componente interactivo que permite marcar y desmarcar favoritos al instante.

Favoritos

Comprar coche

Pasarela de pago con Stripe para transacciones seguras.
Backend: Node.js + Express registra la transacción y actualiza la base de datos.
Email: Confirmación automática y envío de factura PDF mediante NodeMailer.

Proceso de compra Correo de confirmación de compra

Historial de compras

Consulta tu historial de compras y descarga facturas desde “Mis compras”.

Historial de compras

Gestión del perfil

Accede a “Mi perfil” para modificar tus datos personales y fotografía.
Desde tu perfil, cambia tu contraseña de forma segura.

Gestión del perfil

Panel de administración (solo administradores)

Si eres administrador, accede al panel desde el menú.
Añade o elimina vehículos del catálogo y consulta las ventas realizadas.

Panel de administración

Estadísticas

Visualiza gráficos de ventas, ingresos, favoritos y usuarios activos.

Estadísticas Gráficos de estadísticas Panel de datos