😓 PROGRAMANDO una interfaz para una plataforma SAAS (Software as a Service) pero tengo dudas
HTML-код
- Опубликовано: 4 окт 2024
- 🔥 🔥 Node desde cero🔥🔥 🔥🔥 Angular desde cero🔥 🔥
Si estás empezando a programar, o si quieres fortalecer tus conocimientos te doy la bienvenida a este canal.
Aquí hablamos de angular desde cero, y node desde cero, también complementamos con cursos gratis mongo, de frontend de backend, problemas reales de un programador y soluciones que se aplican en el día a día.
Aquí vas a encontrar tutoriales de programación específicamente de angular, tutoriales de node, juntos llevaremos a la práctica ejercicios reales de programación, así que venga y le cuento.
Si aún no estás suscrito y este contenido gusta 👉 / @leifermendez
👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐆𝐑𝐀𝐓𝐈𝐒
├ 0️⃣ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊𝙎 ⮕ leifermendez.g...
├ 1️⃣ 𝘼𝙉𝙂𝙐𝙇𝘼𝙍 desde cero ⮕ bit.ly/367tJ32
├ 2️⃣ 𝙉𝙊𝘿𝙀 Express desde cero ⮕ bit.ly/3od1Bl6
├ 3️⃣ 𝙈𝙊𝙉𝙂𝙊𝘿𝘽 desde cero ⮕ bit.ly/3qh35wK
├ 4️⃣ 𝙎𝙊𝘾𝙆𝙀𝙏.𝙄𝙊 desde cero ⮕ bit.ly/3pg1Q02
└ 5️⃣ 𝙉𝙂𝙍𝙓 𝙙𝙚𝙨𝙙𝙚 𝘾𝙀𝙍𝙊 ⮕ bit.ly/ngrx-de...
🤑 𝐂𝐔𝐑𝐒𝐎𝐒 𝐏𝐀𝐆𝐎𝐒
├𝘼𝙉𝙂𝙐𝙇𝘼𝙍 principiantes ⮕ link.codigoenc...
├𝙉𝙊𝘿𝙀 ⮕ link.codigoenc...
├𝙉𝙀𝙎𝙏𝙅𝙎⮕ link.codigoenc...
└ 𝘼𝙒𝙎 desde cero ⮕ link.codigoenc...
🚀 𝐂𝐎𝐌𝐔𝐍𝐈𝐃𝐀𝐃 𝐘 𝐆𝐑𝐔𝐏𝐎𝐒 𝐃𝐄 𝐄𝐒𝐓𝐔𝐃𝐈𝐎
├ 𝙎𝙐𝙎𝘾𝙍𝙄𝘽𝙀𝙏𝙀 ⮕ / @leifermendez
├ 𝙈𝙄𝙀𝙈𝘽𝙍𝙊𝙎 ⮕ / @leifermendez
├ 𝘿𝙄𝙎𝘾𝙊𝙍𝘿 ⮕ link.codigoenc...
└ 𝙏𝙀𝙇𝙀𝙂𝙍𝘼𝙈 ⮕ t.me/leifermendez
🏆 𝐌Á𝐒 𝐂𝐎𝐍𝐓𝐄𝐍𝐈𝐃𝐎
├ 𝙎𝙋𝙊𝙏𝙄𝙁𝙔 ⮕ spoti.fi/3vnrvqg
├ 𝙔𝙊𝙐𝙏𝙐𝘽𝙀 ⮕ / leifermendez
├ 𝙄𝙉𝙎𝙏𝘼𝙂𝙍𝘼𝙈 ⮕ / leifermendez
├ 𝘽𝙇𝙊𝙂 ⮕ www.codigoenca...
└ 𝙁𝘼𝘾𝙀𝘽𝙊𝙊𝙆 ⮕ / leifermendez.dev
💰 𝐏𝐑𝐎𝐌𝐎𝐂𝐈𝐎𝐍𝐄𝐒 𝐘 𝐃𝐄𝐒𝐂𝐔𝐄𝐍𝐓𝐎𝐒
├ 𝙃𝙊𝙎𝙏𝙄𝙉𝙂 Aprovéchate del descuento) ⮕ bit.ly/hosting...
├ 𝙑𝙋𝙉 (3 meses gratis de servicio) ⮕ bit.ly/vpn-lei...
└ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊 ⮕ link.codigoenc...
🧠 𝐑𝐄𝐏𝐎𝐒𝐈𝐓𝐎𝐑𝐈𝐎 𝐘 𝐂𝐎𝐃𝐈𝐆𝐎𝐒
└ 𝙂𝙄𝙏𝙃𝙐𝘽 ⮕ github.com/lei...
✉️ 𝐂𝐎𝐍𝐓𝐀𝐂𝐓𝐎
└ 𝙈𝘼𝙄𝙇 ⮕ leifer.contacto@gmail.com
0:00 Intro
Si el contenido de está video te parece relevante recuerda suscribirte al canal, activar la campanita para que youtube te avise cada vez que subo un nuevo video y dejar una manito arriba.
#leifermendez
![KSI - Thick Of It (feat. Trippie Redd) [Official Music Video]](http://i.ytimg.com/vi/At8v_Yc044Y/mqdefault.jpg)
├𝙉𝙊𝘿𝙀 ⮕ link.codigoencasa.com/NODE
├𝙉𝙀𝙎𝙏𝙅𝙎⮕ link.codigoencasa.com/NESTJS
└ 𝘼𝙒𝙎 desde cero ⮕ link.codigoencasa.com/AWS
Yo creo que estaría bien mostrar el flujo de la conversación en una parte lateral, para que el usuario pueda ir viendo gráficamente cómo se va a ver su flujo, tal vez como en vista de árbol.. De esa forma cada vez que quiera agregar una respuesta, habría dos botones, un botón para agregar una respuesta y otro botón para agregar una acción, y en otra parte lateral, que podría ser la parte principal, poder configurar toda la lógica de esa respuesta, si va a recibir algún valor, si se va a validar mediante alguna expresión regular, si hay validadores predeterminados, etc.
Grande Leifer! Soy full back desde hace 4 años, estoy aprendiendo nest con tus cursos
Excelente! gracias por comentar nest es incrible
leifer tu me has ayudado mucho con tus videos , espero y tengas mucho exito con tu saas, no eres una persona envidiosa porque siempre compartes todo tu conocimiento y eso se agradece porque pocas personas son asi.
🙏🙏🙏
¿Podrías hacer un tutorial sobre cómo realizar una prueba de estrés? Quisiera saber hasta qué punto podría soportar un proyecto en un hosting regular y cómo obtener métricas para corregir problemas en el código, así como detectar posibles fugas de recursos que podrían hacer que el sitio web se caiga en caso de un alto tráfico. Creo que sería un excelente video, ya que no he encontrado algo similar en RUclips en español. saludos desde Perú!
Esa regla de los 3 meses está de lujo, ya llevo años intentando hacer algo y creo que en ese tiempo pierdo la inspiración.
¡Me has iluminado, hay que aplicarla!
Excelente idea Leifer, he estado atento a tus videos. Saliendo de mis compromisos quiero adquirir tu curso y dedicarle tiempo a los Bots. Voy mas por una opción minimalista, consideraria en el proceso de crear el bot utilizar un "stepper component", que son autodescriptivos pensando en el usuario final. Como sugerencia extra, que el código generado se pueda utilizar desde un Chatbot Html (entiendo que el core de la app es para Whataspp e ignoro si es complejo de realizar) o mucho mejor, que se pueda elegir al comienzo entre un Chatbot Whatsapp o uno Html. Te lo comento, porque he "sondeado" que tb hay harta demanda de Chatbot integrados en las paginas de los potenciales clientes. Mucho éxito en este nuevo proceso.
Saludos cordiales desde Chile.
Ya alguien lo mencionó en los comentarios pero se me ocurrió de la misma manera. Es crear el bot de manera visual mediante un arbol de nodos, independientemente de la complejidad, verlo de esa manera, creo que sería muy agradable para el usuario crear el bot, ya que el usuario podría ir directamente al flujo/nofo que se quiere modificar y simplemente hacerlo y añadir cuantas opciones quiera
Yo me voy por la segunda opción, donde al usuario le demuestras un ejemplo y el puede ir reemplazando el contenido , las imágenes , los videos. Muchas veces cuentas encontrar el contenido para nuestro bot.
hola @leifer, me gusta la primera opción, soy MUYYY minimalista, (me paso, jajaj) podrias agregar un boton tipo "tutorial" al lado de los link que tienes al lado superior
creo que lo que podrías hacer es que al usar la plataforma por primera vez, mostrar un tutorial realizando un flujo (para que el usuario tenga una idea de como funciona), por ejemplo que diga, " _presiona aquí para crear un flujo_ ", " _cuando una persona use el bot puedes dar 1 respuesta o varias_ (encerrando todos los botones de respuesta en un cuadrado de un color llamativo)", yo soy team b, que muestra el preview de la conversación porque me ayuda a saber como quedará al terminar ya que hay personas que podrían crear el flujo pero no revisar como quedó o hacerle pruebas para ver si les gusta el resultado o no
Considero que la opción 2, en la que se presenta de manera completa todo el flujo, resultaría especialmente útil para personas que no cuentan con un perfil técnico. Dado su carácter visual, este formato facilita una mejor comprensión en el momento de diseñar un flujo. Eso es lo que creo. Pero como en todo en la programacion, "depende" o podria ser una equlibrio entre ambas soluciones. No lo se
hehe exacto
Excelente Leifer, tenia pensado eso hace mucho tiempo ya que lo veo muy necesario!!!!!!
Excelente!
Esto es a lo que se le llamaba hace años Panel administrativo o Panel de control de la aplicación que básicamente le permite al cliente administrar y configurar el software a su gusto, hoy en día es SAS
Yes!! haha los nombres "fancy" de hoy en día
Leifer, excelente proyecto ya que abre la posibilidad a que cualquiera podamos crear un chatbot. Y en mi caso opto por el team B, tener una previsualización de un flujo completo seria la gloria jaja. Gracias Leifer, saludos!
*Sugerencia*: combina las dos formas.
Las de los botones de acciones como un carrusel en la parte inferior y con botones más pequeños. La demostración de cómo queda en el centro. Excelente proyecto. Estoy armando un bot pero con visión artificial combinado con llama2 para responder. Y finalmente tu framework para bots.
Soy team B , porque es lo que mas se parece a lo que habia pensado y es como crear el bot visualmente por nodos y que fuera todo un arbol visualmente
🎉🎉🎉
Justo Quiero crear un sass para administrar granjas de animales y no sabía por dónde comenzar , soy fullstack pero me encanta tu enfoque
A seguir con tu idea!
Excelente, Grande Leifer.
saludos yo creo que deberian ir todos los botones, para saber que opciones hay disponibles o saber como sera el resultado
Justo ya había pensando la forma de crear bots desde un frontend, crear todo el flujo, crear conexiones a apis para que se utilicen servicios externos etc
hehe ps ha seguir
estaba trabajando en el desarrollo de una interfax con esto comprare el curso mejor gracias Leifer
gracias por el contenido, seria bueno la opcion 2
Tu dale padrino!! hazlo lo mas sencillo posible y entregalo al customer para optimizar. Te va a ir excelente te lo prometo
Hola Leifer, eso mismo que pensaste tu lo tenia pensando yo hacer, y estaba organizando un equipo para entrarle al proyecto, y no solo limitarme en whatsapp, sino tambien en otras plataformas, yo soy backend en nestjs mayormente y tengo dos amigos que son cracks en React, Nextjs y la idea era sacar un producto robutos, y sacarlo de manera modular, ir escalandolo poco a poco, pero bueno nada, podriamos unir fuerzas en un futuro...saludos
Grande!!
Supongo que si esto sera un SaaS, lo mejor sería tener la opción minimalista por defecto (pongamos que para hacer los flujos haces un modal) en ese modal tendria que tener una opción avanzada.
Yo una vez intente hacer las creaciones de flujo dinámicos pero aun no me salía, creo que es un buen momentonpara retomae esta idea xd
Hola Leifer! Siempre es muy bueno ver en que cosas andas, este proyecto me gusta mucho, lo pienso no solo para el cliente final, sino también para programadores que tenemos que abarcar varios puntos en un sistema que puede incluir este tipo de app y esta solución que planteas ahorra tiempos, dicho esto...
Creo que deberías ver desde el enfoque que puede tener alguien que tiene un restaurant o un comercio y no tiene idea de esto, ni tampoco entra al servicio a aprender, evitaria palabras como 'flujos' y 'palabras claves'.
Yo me imagino un ejemplo de saludo armado y luego:
- Agregar nuevo tema; Ej: Productos
- Que palabra o palabras que el usuario escriba generarán respuestas?
- Elige para este tema, la o las respuestas que se generarán y en qué formato
Soy team A, creo que entre más armado esté el ejemplo, más tiempo tiene que invertir el usuario en entenderlo, creo que lo mejor es llevarlo por el camino de la manera más simple.
Desde la UI, pondría un botón grande con el símbolo + al lado del flujo anterior para agregar un nuevo flujo (o tema de conversación para los mortales). Empiezo a pensar en todas las cosas que quisiera decirte pero no voy a poder hacerlo por acá! jajaja
Abrazooooo
Yo apoyo la versión full option, y no limitarnos a solo lo básico, enseñando todo el flujo(es visiblemente mas entendible)
Podrías analizar evolution api
Hola Leifer, muchas gracias por el video, te pido que crees un curso completo de pago con respecto a la creación de un proyecto SaaS.😃😃😃
Muy buen contenido
Lo mejor que puedes hacer es hacerlo lo mas simple posible, buscando que hasta un niño pequeño lo pueda entender. Te recomiendo el libro El libro de Alex hormozi 100M Offers
Lo digo por que entiendo que quieres hacer es un producto comercial para masas y entre mas fácil, mas vas a venderlo.
3 meses = Producto Mínimo Viable (Si consigues clientes pues la retroalimentación de estos hara que crezca el proyecto)
agtegaria un botón o link a guias y tutoriales y ejemplos
A veces esta bueno usar esos tutoriales que te van ensaniando a usar la interfaz, hay una libreria muy buena para hacerlo
me gustaria saber mas del Saas como negocio. tienes algun link donde des ejempplos?
grandeeeeeeeeeeeeeeeeeee queria pedirte justo esto pero me daba pena jajaj
bueno prontooooo
Flujo extendible a necesidad
Soy team botones, me gustaría un tutorial corto, porque somos visuales.
tiene muy buena pinta
Excelente leifer
Gracias por comentar 🙌
Hacelo minimalista creo q podria vender mucho mas
Team minimalista, felicidades por todo lo que has logrado Leifer, quería hacerte una pregunta, qué es eso que estas usando qué en la url te sale Build y en la página te sale un botón de "Builder" es algún frameworks o algo? Y que usas para los estilos?
Eso de builder nada es el nombre que coloco por demo jaja estoy usando qwik con tailwind
Yo soy team minimalista 😅🎉😊
Me gusta!
Vas bien, creeme que hay plataformas que tienen una terrible interface.
bro, un saludo desde Cuba, vas a poner mas o menos como lograste hacer eso?
yeahh
@@LeiferMendez 💪🚀🚀
Team B con previsualización de un celular para que sea como lo voy a ver en realidad
Gracias
Estoy haciendo un proyecto parecido pero con soporte ya sea para que las empresas puedan brindar asistencia a sus usuarios ademas del bot, y parte de hacer el bot usar una interfaz al principio que ayude al usuario a crear el bot, en mi caso use la libreria vue-tour para que el que esta armando el bot pueda hacerlo sin problema. Puedes usar esa libreria si vas a usar vue o alguna similar
En su momento he tenido tambien esa duda, ya que tengo un BOT con la API cloud de whatsapp con Meta. Por el momento, no es administrable. Pero para el caso tuyo, una forma de que de manera intuitiva el usuario final sepa como manejarla, seria creando un tutorial dinamico en cuanto al funcionamiento de la aplicacion, como por ejemplo en los dispositivos moviles, algunos muestran un paso a paso de como usar los componentes de la aplicacion y tambien muestra un ejemplo de los mismos. Tambien seria util tener un apartado de como funciona la dinámica de un BOT, donde se explica paso a paso, que es el flujo de comunicacion, como funciona y demas cosas. Otra manera de ponerlo, seria una especie de Roadmap, donde se visualice el flujo que ya se tenga diseñado y como va cambiando a medida que se agreguen nuevas opciones de respuesta por parte del BOT.
Leifer, te falto el epale manito 😅
full herramientas pero con flujos pre-establecidos
Full opción
A mi me gusta más la opción 2, que se vean todos los pasos, pero tendría que tener en el último paso los botones para ir agregando las diferentes opciones, una mezcla vaya, tiene buenísima pinta! saludos!
Ya nos vas a quitar la chamba ): justo la ventaja de saber ws chatbot se fue
Tiene algun costo o sera un curso?
Tendrá costo esto será un saas
Team minimalista, lo simple siempre funciona mejor
Gracias 🙏
@@LeiferMendez en mi trabajo me dedico a realizar interfaces de usuarios (sin ser diseñador) y me gusto tus plazos de 3 meses para terminar trabajos.
Con respecto a la forma de interface de tu SAAS como lanzamiento estaria bueno que sea minimalista y luego armar un asistente que si presente una vista previa o de mas opciones minuto 7:22
Espero que te sirva la humilde opinion, ya que tengo funcionando tu libreria en el WA de la empresa en que trabajo y ahora tengo la oportunidad de colaborarte en algo 😁😁