Primera versión de la tienda publicada

Hemos implementado los últimos detalles:

• Header de la parte pública completado.
• Gestión de la sesión con un alert OK (tanto público como admin)
• Estadísiticas de la tienda en el dashboard

Actualizaciones en tiempo real de los detalles del producto seleccionado

Habilitar para poder trabajar con actualizaciones en tiempo real.
Gestionado las actualizaciones en la página de detalles del producto.
Obtener las actualizaciones en el producto seleccionado cuando realizamos un pago de un pedido y ese pedido tiene información del pedido que hemos seleccionado actualmente.

Aplicado pagos con Stripe con la tarjeta de crédito

• Aplicado pagos con tarjeta.
• Obtener la información de los pedidos de un cliente desde la API.
• Optimizado la página con las opciones.

Fix - Resuleto minibug - Redirección

Se ha resuelto y se ha subido

Formulario para procesar los pagos

Formulario para procesar los pagos con la información necesario. En el formulario especificamos lo que es el resumen del pedido con sus datos de los productos, el total, el número de unidades,...
Luego añadimos los elementos necesarios para enviar la información y procesar el pàgo (todavía está sin implementar el apartado de la API usando Stripe).

Carrito de compra implementado

Gestionamos los productos con el carrito de compra donde nos muestra la información de lo que queremos comprar de manera detallada con estos elementos:

• Item con la informacion : Nombre del producto y plataforma, unidades seleccionadas, precio.
• Total a pagar y el número total de unidades seleccionadas.
• Los botones para gestionar la información: Borrar toda la info del carrito, tramitar pedido (no funciona todavía) y borrar por elemento del producto.

Página detalles del producto seleccionado

Se ha realizado la implementación al completo de la página de los detalles del producto seleccionado, donde hemos realizado las siguientes acciones:

• Visualizar los screenshoots del producto (juego) seleccionado.
• Mostrar la imagen principal del producto (donde podremos cargara los screenshots, en el caso de que hagamos click en cualquier elemento.
• Información principal como título, plataforma, rating (medio y cuantas valoraciones), unidades en stock, unidades seleccionadas.
• Productos relacionados (el mismo juego en otras plataformas) conun select option para poder cargar su información como puede ser el precio y las unidades en stock.
  =================
  Se ha añadido un apartado para posibles juegos de interés, que obtenemos mediante una consulta de 6 elementos de manera aleatoria.

Una vez completado esto, hemos adaptado el carousel para acceder a los detalles del juego, haciendo click en el elemento

Sección 17 - Solucionado mini bug contenido Home

Actividad práctica donde hemos solucionado mini bug del contenido en home (para mostrar el carousel a lo ancho) y en la página de juegos, para que la paginación esté centrada.

Se ha aplicado un patch.

Implementación inicial de la tienda

Implementada la portada de la tienda con su carousel y categorias seleccionadas (aleatoriamente, sin sistema de páginación).

• Hemos obtenido los juegos con stock menor 40 y los mostramos en el carousel.
• Juegos de PS4
• Juegos cuyo valor es de 35 o menos.
• Juegos de PC
  Creada página para mostrar los juegos con el sistema de paginación con los filtros aplicados (no aleatorio)
• Juegos Sony
• Juegos Microsoft.
• Juegos Nintendo.
• Últimas novedades.
• En liquidación.

Aparte de esto, hemos implementado la alerta para mostrar la información de carga mientras se ejecuta dicha carga y lo hemos implementado en el admin también.

Aplicando lo de la API en la portada

Aplicamos la portada añadiendo con la librería de @mugan86/ng-shop-ui elementos como el carouseldonde cargamos unos productos especificos aplicando un filtro y luego haciendo uso del componente de los productos, creamos categorias donde visualizamos con diferentes filtros.

La librería utilizada la encontramos aquí: https://www.npmjs.com/package/@mugan86/ng-shop-ui