Tienda online de bicicletas con panel de gestión

Tienda online completa para comercios de ciclismo, con un panel de gestión pensado para llevarse desde el móvil, detrás del mostrador. Es el mismo código que una tienda real en producción, presentado como producto genérico: …

Tecnologías utilizadas:
Redsys Django Web Push PostgreSQL Gunicorn Nginx PWA WeasyPrint JavaScript django-axes HTML5 CSS3 Schema.org Playwright Pillow Claude API Stripe
06 Nov 2026
Tienda online de bicicletas con panel de gestión

Sobre este Proyecto

Una exploración detallada de las tecnologías, metodologías y soluciones implementadas

Visión y Desarrollo

Tienda online completa para comercios de ciclismo, con un panel de gestión pensado para llevarse desde el móvil, detrás del mostrador. Es el mismo código que una tienda real en producción, presentado como producto genérico: catálogo con tallas y stock por unidad, compra sin registro, campañas con cuenta atrás, segunda mano, taller y un asesor conversacional que recomienda la bici.

La demo presenta una tienda ficticia («Velora Bikes»): catálogo, marcas, clientes y pedidos son inventados y se regeneran cada noche. Al panel se entra eligiendo un perfil, gestor o trabajador, sin contraseña.

TIENDA PÚBLICA
• Catálogo por categorías y marcas, fichas con tallas, variantes y stock real; buscador sin acentos, favoritos y guía de tallas.
• Campañas con descuento y cuenta atrás, ofertas flash, segunda mano revisada y enlaces cortos para redes sociales con contador de clics y código QR.
• Asesor conversacional en burbuja (motor de reglas, con redacción por IA opcional), taller con cita online, blog, boletín con doble confirmación y aviso de cookies por categorías.
• Datos estructurados schema.org, imágenes WebP responsive y pantalla de carga con el logotipo.

COMPRA Y COBRO
• Carrito en sesión y checkout sin registro, con envío por zonas y recogida en tienda.
• Bloqueo de stock con reserva que caduca, pasarela enchufable (Stripe, Redsys y una de pruebas) y pago con tarjeta, Bizum, transferencia o financiación.
• Facturas con numeración encadenada y PDF, devoluciones y reembolsos, «Mis pedidos» por enlace al email y opiniones verificadas tras la compra.

PANEL DE GESTIÓN (PWA)
• Inicio con las ventas del mes frente al anterior, lo pendiente de hoy, ventas por día y pedidos por estado.
• Pedidos de un toque (cobrar, preparar, enviar, entregar) con albarán, pedidos de mostrador y avisos push en el móvil.
• Productos con fotos desde la cámara, escáner de código de barras, importador Excel/CSV y alta de bici de segunda mano en un minuto.
• Mensajes como conversaciones, campañas, marcas, envíos, textos de la web editables, usuarios con roles y verificación en dos pasos opcional.

Desarrollado con Django y PostgreSQL, servido con Gunicorn y Nginx. Compra transaccional con bloqueo de stock, cookies aisladas, política de seguridad de contenido con nonce, límite de intentos de acceso y más de 250 pruebas automatizadas.

Ficha de producto
Ficha de producto
Tallas con stock real, cuota de financiación, favoritos y guía de tallas; en el móvil, la foto a todo lo ancho.
Ofertas y segunda mano
Ofertas y segunda mano
Campañas con descuento y cuenta atrás; las bicis de segunda mano, revisadas y con su estado descrito.
Entrada al panel
Entrada al panel
En la demo se elige un perfil (gestor o trabajador) y se entra; en una tienda real, usuario, contraseña y verificación en dos pasos.
Inicio del panel
Inicio del panel
Ventas del mes frente al anterior, lo pendiente de hoy, ventas por día y pedidos por estado.
Pedidos de un toque
Pedidos de un toque
Cobrar, preparar, enviar o entregar desde la lista; albarán y factura en PDF. En el móvil, el detalle del pedido.
El panel en el móvil
El panel en el móvil
Pedidos, productos y Mi tienda como app instalable, con barra inferior y avisos push.
  • Arquitectura escalable y mantenible
  • Diseño responsivo y accesible
  • Optimización de rendimiento
  • Integración de APIs modernas
  • Seguridad implementada desde el diseño
Innovación Tecnológica

Implementación de las últimas tendencias y mejores prácticas en desarrollo web, asegurando un producto moderno y competitivo en el mercado actual.

Experiencia Multi-dispositivo

Diseño completamente responsivo que garantiza una experiencia fluida y consistente en smartphones, tablets y dispositivos de escritorio.

Rendimiento Optimizado

Código altamente optimizado con técnicas de carga rápida, lazy loading y compresión de recursos para tiempos de carga excepcionales.

¿Te gustó este proyecto?

Me encantaría colaborar contigo en tu próximo proyecto. Hablemos sobre cómo puedo ayudarte a hacer realidad tus ideas.

Trabajemos Juntos

¿Tienes un proyecto en mente? Me especializo en crear soluciones web innovadoras con Django, JavaScript y tecnologías modernas.

LinkedIn
danimateu14
GitHub
danielmateu14
Especialidades
Django • JavaScript • APIs REST