Caso de producto · Tiendas de comercio electrónico
RELAY MARKET
- Next.js
- React
- TypeScript
- Tailwind CSS
- Medusa.js
- Zustand
- Algolia
- Stripe
- PostgreSQL
- Redis
- React Hook Form
- Zod
- Sentry
- Playwright
Descripción
Un mercado completo de electrónica multimarca para equipos de creadores, que combina contexto de producto experto, especificaciones precisas, búsqueda, filtrado, variantes, lista de deseos, carrito persistente, promociones, lógica de entrega y pago validado.
Detalles del proyecto
Relay Market está diseñado como un minorista de tecnología independiente con un punto de vista. Su densa interfaz de medianoche muestra SKU, vendedor verificado, stock, tiempo de envío, garantía, recuento de revisiones, contexto de financiamiento, opciones de protección y especificaciones exactas junto a cada producto. Veinticuatro productos creados manualmente admiten búsqueda difusa, filtros de categorías y marcas, controles de precios y calificaciones, clasificación, variantes, productos relacionados y estados dedicados de no encontrados. Los datos de la lista de deseos y del carrito persisten localmente por tienda; las cantidades, los umbrales de envío y la promoción PORTFOLIO10 se recalculan inmediatamente. Un pago de demostración validado limpia el carrito y devuelve una confirmación del pedido. La navegación móvil, los cajones de filtros y carritos, el enfoque del teclado, la migración de estado segura, el movimiento reducido y las pruebas automatizadas del flujo comercial completan la experiencia del mercado.
Galería de interfaces
Pantallas del proyecto
