Tienda profesional!!.

Tienda online profesional dividido en dos proyectos uno para el administrador y el otro para el usuario.

Enlace a la tienda:  http://www.easycloudsystem.site:4212

si no quiere registrarse se puede logear asi

email=[email protected]

clave=19811981

GitHub: https://github.com/Uchiha666-Fasedios/produccionAdmin/tree/main/produccionTiendaProf2

Enlace al sisema del administrador http://www.easycloudsystem.site:4210

se puede logear y probar el sistema

email=[email protected]

clave=19811981

GitHub: https://github.com/Uchiha666-Fasedios/produccionAdmin/tree/main/produccionTiendaProf

Es la tienda mas completa , pronto tendra un uso real para clientes.

Tienda online profesional!!.

tienda online hecha con Angular totalmente asíncrona!!

enlace a tienda: en actualizacion

github: https://github.com/Uchiha666-Fasedios/produccionAdmin/tree/main/produccionTienda

enlace a administrador de la tienda: en actualizacion

github: https://github.com/Uchiha666-Fasedios/produccionAdmin

detalle: se crearon 2 proyectos uno para el usuario (la tienda) y otro para el administrador

(en local esta perfecto, en produccion por momentos los slider no cargan bien pronto lo estare arreglando).

La tienda:

la tienda se presenta con la pagina de inicio donde en la cabecera puedes acceder a las categorias de los productos, al contacto, una barra de busqueda de productos, a iniciar sesion y al carrito luego se puede ver un slider con imagenes informativas. La primera es sobre un descuento que es integrado desde el administrador, mas abajo se puede ver otro slider que muestra los nuevos productos, otro slider con productos mas vendidos y imagenes de acceso a las categorias.

Al acceder a todos los productos puedes buscar de varias formas e ir filtrando por varios metodos.

Presionando en algun producto se puede acceder al detalle con un atractivo slider de imagenes y poder elegir su variedad por ejemplo el color o el talle ver las reseñas del producto, ver los productos recomendados y por lo tanto poder añadir al carrito.

Se debera iniciar sesion para comprar o crear un usuario donde se le llegara un email para su confirmacion, una vez registrado y logeado podras acceder al perfil que tambien muestra mis direcciones,mis ordenes(compras) ,mis reseñas.

Para comprar, una vez armado tu carrito accedes a el y puedes ver el detalle de una forma muy atractiva ,aplicar un cupon de descuento y ver la plataforma de pago q puede ser por paypal o por culqi colocando la tarjeta de credito, agregar un metodo de envio y tambien se le puede mandar un mensaje adicional de la compra al administrador. 

(para utilizar los pagos de prueba

para paypal 

email = [email protected]

contraseña= uchiha666

para tarjeta de credito

ponerlo a mano sin copiar y pegar

Numero de tarjeta = 4111 1111 1111 1111

Expiración = 09/2025

CVC = 123 

)

Proyecto administrador:

Una vez logeado se accede a un panel estadistico de la tienda , y al costado izquierdo podes acceder a siertos puntos, los clientes donde podes eliminarlo o editarlo y buscarlos.

A productos donde podes buscar, exportar un excel, editar, eliminar, acceder al inventario donde podras darle stock con su respectivo proveedor, variedades donde podras darle un talle o color etc. al producto, galeria donde le podras dar una serie de imagenes al producto y ver las reseñas.

A cuones donde podras aplicar un cupon de descuento para que sea utilizado por algun usuario.

A descuentos donde podras aplicar un descuento promocional en un determinado tiempo.

A mensajes , a las ventas y a las configuraciones donde se le podra generar el nombre de la tienda , las categorias y un logo.

resumen tecnico:  se empezo con el backend donde se instalaron varios paquetes para nodejs,luego se crea la base de datos en mongo, se configura la conexion a la base de datos.

Creo los metodos de registro tambien se crea un helpers/jwt.js donde esta el metodo del token,

Se genera un proyecto de angular llamado admin y otro llamado tienda.

Se adapto una plantilla de https://createx.createx.studio/ 

Se instalo jquery ,bootstrap , tambien se agrega iziToast q es un plugin para maquetar los mensajitos.

Se aplican los guards que son simplemente midelwares que se ejecuta antes de cargar la ruta y en este caso determinan si tienen o no permisos para acceder.

Para poder decodificar un token se aplica un paquete @auth0/angular-jwt.

Se crean los filtros (mediante un evento en los input empiezo a hacer el filtro) y la paginacion.

Se crea en el backend un midelware y hago el metodo auth donde se fija si hay token, es valido, si no expiro para validar q este autenticado y sea admin.

Se crean servicios ,se colocan los precargadores, para usar el textarea se instala ngx-tinymce y un modulo uui

Se utilizo posman para pruebas, para las exportaciones con excel se instalo estos paquetes file-server y exceljs.

Para que el carrito sea asincrono se instalo socket.io.

Para paypal se agrega sticky-sidebar.min.js y cleave.min.js.

Se utilizo nodemailer para el tema de los email

Para las reseñas instalo starrating, se instalo el paquete chart.js para las estadisticas.

ABM-con Angular.

Mini tarea usando Angular es de modo demostrativo y aprendizaje  

Enlace: se encuentra en actualizacion por cambios en el droplet

Github:

https://github.com/Uchiha666-Fasedios/produccionAdmin/tree/main/produccion3