10) Muestra diferentes categorías de productos en tu tienda online. | UtilAPIs
ฝัง
- เผยแพร่เมื่อ 7 ก.พ. 2025
- En este video te muestro cómo agregar categorías a los productos en el BackEnd y despues te muestro como filtrarlos en el FrontEnd.
En esta serie de videos te muestro cómo desarrollar una tienda online desde cero.
Usamos HTML, CSS, Javascript, y Node.
Conectamos con Google Sheets.
Conectamos con medios de pago. (Mercado Pago y Stripe)
1 - Maqueta tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
Video: • 1) Maqueta tu tienda o...
Código: github.com/uti...
2 - Crea el back-end de tu tienda online usando NodeJs y Express. | UtilAPIs
Video: • 2) Crea el back-end de...
Código: github.com/uti...
3 - Agrega control de stock a tu tienda online usando NodeJs y Express. | UtilAPIs
Video: • 3) Agrega control de s...
Código: github.com/uti...
4 - Agrega una base de datos a tu tienda online usando Google Sheet. | UtilAPIs
Video: • 4) Agrega una base de ...
Código: github.com/uti...
5 - Hostea tu tienda online usando Heroku. | UtilAPIs
Video: • 4) Agrega una base de ...
Código: github.com/uti...
6 - Agrega un método de pagos a tu tienda online usando Mercado Pago. | UtilAPIs
Video: • 6) Agrega un método de...
Código: github.com/uti...
6.1 - Agrega un método de pagos a tu tienda online usando Stripe. | UtilAPIs
Video: • 6.1) Agrega un método ...
Código: github.com/uti...
7 - Muestra la orden de compras de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
Video: • 7) Muestra la orden de...
Código: github.com/uti...
8 - Muestra el formulario de envío de tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
Video: • 8) Muestra el formular...
Código: github.com/uti...
9 - Guarda la orden de compras de tu tienda online usando Google Sheet. | UtilAPIs
Video: • 9) Guarda la orden de ...
Código: github.com/uti...
10 - Muestra diferentes categorías de productos en tu tienda online usando HTML, CSS y Javascript. | UtilAPIs
Video: • 10) Muestra diferentes...
Código: github.com/uti...
Gracias por estos vídeos me están ayudando un montón , seguí así !
Abrazo Fede!
muy buenooo
Gracias Tincho, Abrazo!
genio rodri!, para cuando algún ejemplo de implementación de JWT o de Angular, abrazoo!
Gracias Leandro, ahora estoy preparando un vídeo de React para la serie de la tienda online 2. Pero tengo ganas de arrancar otra serie usando Angular por ahí más adelante.
Consulta, como puedo hacer si la persona cancela el pago para restablecer el stock?
Lo podes hacer en el callback de mercado pago. La transacción va a volver con status cancelada y ahí pones tu lógica para revertir el stock. O si implementaste los webhooks pone tu lógica ahí. Abrazo.
Hola Rodri, una pregunta, estoy creando una página de ropa y queria incluir en el sistema de pagos el costo de envío, y que varíe dependiendo de la dirección. Mi pregunta es como hacer para incluir eso para que lo cobre con el pago directamente. Muchas gracias, tus videos son lo más!!
Hola Alejo, lo mas sencillo es que tengas un Dropdown con opciones de delivery. Podes poner opcion 1 pasar a buscar por el local con costo 0. Opcion 2 delivery a todo el pais con costo xxx. Opcion 3 delivery internacional con costo yyy. La otra es hacer delivery gratuito y cobrar todos los productos un poco mas caros. Abrazo.
Hola, capo! Podrías agregarle un login? En esta versión o en la otra? Gracias!
Hola, hacer un login me llevaría una serie completa quizás. Voy a tratar de hacer algo sencillo. Abrazo!
Hola Rodri, estoy teniendo un inconveniente y te re agradeceria si podes darme una mano.. estoy haciendo el POST pero no directamente del carrito sino que desde el carrito traido del localStorage y me aparece constantemente "Failed to Fetch", y en la consola: "ERROR TypeError: Cannot read property 'map' of undefined", tengo el body-parser instalado y sí, lo estoy haciendo con JSON.stringify. Ojala puedas ayudarme y sino no hay drama, un genio, estas dando un aporte gigante con tu canal, saludos!
Hola Facundo, unite al discord y compartí un poco el código para ver qué es lo que estás haciendo. Abrazo.
discord.com/invite/kjYye7FTpW
Excelente tutorial. ¿Puedes hacer un tutorial para añadir PayPal?
Hola David, hice varios videos de como usar PayPal, la serie se llama bienestar.
Abrazo.