CursosEmpresasBlogLiveConfPrecios
The Vibecoders League 2.0

Proyecto 5 - Julio 14

The Vibecoders League 2.0

Contenido del curso

Introducción y proyectos

  • 1
    Cómo funciona Vibe Coders League

    Cómo funciona Vibe Coders League

    03:31 min
  • 2
    Proyecto 1 - Julio 10

    Proyecto 1 - Julio 10

    00:54 min
  • 3
    Proyecto 2 - Julio 11

    Proyecto 2 - Julio 11

    00:02 min
  • 4
    Proyecto 3 - julio 12

    Proyecto 3 - julio 12

    00:02 min
  • 5
    Proyecto 4 - Julio 13

    Proyecto 4 - Julio 13

    00:02 min
  • 6
    Proyecto 5 - Julio 14

    Proyecto 5 - Julio 14

    Viendo ahora
  • 7
    Proyecto 6- Julio 15

    Proyecto 6- Julio 15

    00:02 min
  • 8
    Proyecto 7 - Julio 16

    Proyecto 7 - Julio 16

    00:02 min
  • 9
    Proyecto 8 - Julio 17

    Proyecto 8 - Julio 17

    00:02 min
  • 10
    Proyecto 9 - Julio 18

    Proyecto 9 - Julio 18

    00:02 min
  • 11
    Proyecto 10 - Julio 19

    Proyecto 10 - Julio 19

    00:02 min

Proyecto 5 - Julio 14

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      Proyecto 5: El prototipo que convence en una reunión

      Las mejores ideas mueren en presentaciones que nadie recuerda.

      Hoy conviertes una idea en algo que la gente puede ver y tocar: un prototipo navegable que enviarías por link antes de una reunión para que los demás reaccionen a algo real, no a una promesa.

      Piensa en ese feature que quieres proponer en tu trabajo, esa app que siempre has querido construir, ese rediseño que una marca necesita.

      Debe incluir:

      • Un flujo navegable de al menos 3 pantallas o pasos conectados, que se pueda recorrer, no solo mirar.
      • Interacciones reales: botones que llevan a algún lado, un formulario que avanza, un estado que cambia.
      • Un contexto claro: qué problema resuelve y a quién se lo presentarías.
      • No necesita backend ni datos reales. Hoy el objetivo es comunicar una idea, no operarla. Tú decides el nivel de pulido visual.

      Cursos recomendados:

      • Creación de Páginas Web con v0
      • Lovable

      ¿Cómo compartir mi proyecto?

      1. Publica tu proyecto en la sección de comentarios de esta clase.
      2. Incluye una breve descripción: qué idea comunica tu prototipo y a quién se lo presentarías.
      3. Agrega un link público para que Platzi y la comunidad puedan navegarlo.
      4. Comparte tu proyecto en redes sociales, con amigos y familia. ¡Cualquier persona puede votar, no necesita suscripción!

      Para compartir el link a tu proyecto, haz clic debajo de tu nombre donde sale la hora cuando lo publicaste para ir a la página donde encuentras la URL.

      Copia la URL de esa página y compártela con cualquier persona para que voten por tu proyecto dándole like.

      Comentarios42

      Roberto Zuñiga

      Roberto Zuñiga

      Estudiante
      Hace 9 días
      Jair Celis

      Jair Celis

      Estudiante
      Hace 8 días
      •
      editado
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 7 días
        Kevin Gualteros

        Kevin Gualteros

        Estudiante
        Hace 6 días
      Kevin Gualteros

      Kevin Gualteros

      Estudiante
      Hace 9 días
        Jair Celis

        Jair Celis

        Estudiante
        Hace 8 días
        •
        editado
        Kevin Gualteros

        Kevin Gualteros

        Estudiante
        Hace 7 días
      Wilfredo Morales

      Wilfredo Morales

      Estudiante
      Hace 9 días
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 7 días
      Dalila Esmeralda Hernández Hernández

      Dalila Esmeralda Hernández Hernández

      Estudiante
      Hace 9 días
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 7 días
      Charles Castillo Rosas

      Charles Castillo Rosas

      Estudiante
      Hace 5 días
      Vanesa Andrea Paco Alvarez

      Vanesa Andrea Paco Alvarez

      Estudiante
      Hace 4 días
      •
      editado
      JULIAN ARBOLEDA

      JULIAN ARBOLEDA

      Estudiante
      Hace 9 días
      •
      editado
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 7 días
      Max Rodriguez Flores

      Max Rodriguez Flores

      Estudiante
      Hace 6 días
      Marco Aurelio

      Marco Aurelio

      Estudiante
      Hace 10 días
      •
      editado
        Miguel Angel Moreno C.

        Miguel Angel Moreno C.

        Estudiante
        Hace 10 días
        Marco Aurelio

        Marco Aurelio

        Estudiante
        Hace 10 días
      Diego Martinez

      Diego Martinez

      Estudiante
      Hace 7 días
      Mario Esperanza

      Mario Esperanza

      Estudiante
      Hace 10 días
        Mario Esperanza

        Mario Esperanza

        Estudiante
        Hace 9 días
      Miguel Angel Moreno C.

      Miguel Angel Moreno C.

      Estudiante
      Hace 10 días
      •
      editado
        Marco Aurelio

        Marco Aurelio

        Estudiante
        Hace 4 días
      Roberto Pantaleón Merino

      Roberto Pantaleón Merino

      Estudiante
      Hace 9 días
      Juan Palomera

      Juan Palomera

      Estudiante
      Hace 9 días
      •
      editado
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 7 días
      Mareidys Martinez Muñoz

      Mareidys Martinez Muñoz

      Estudiante
      Hace 10 días
      •
      editado
        Kevin Gualteros

        Kevin Gualteros

        Estudiante
        Hace 10 días
        Mareidys Martinez Muñoz

        Mareidys Martinez Muñoz

        Estudiante
        Hace 9 días
      Raul Oidor

      Raul Oidor

      Estudiante
      Hace 9 días
        Darlinson Felipe Polania Camacho

        Darlinson Felipe Polania Camacho

        Estudiante
        Hace 9 días
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 7 días
      Geordy Elian Reyes Mendoza

      Geordy Elian Reyes Mendoza

      Estudiante
      Hace 9 días
      Carlos G

      Carlos G

      Estudiante
      Hace 9 días
      •
      editado
        Geordy Elian Reyes Mendoza

        Geordy Elian Reyes Mendoza

        Estudiante
        Hace 9 días
      Edwin Zarate

      Edwin Zarate

      Estudiante
      Hace 10 días
      •
      editado
        Marco Aurelio

        Marco Aurelio

        Estudiante
        Hace 10 días

      ⚽ GOLAZO · el Mundial en datos

      🔗 Pruébalo:

      El problema: las estadísticas del Mundial existen, pero viven dispersas en tablas frías que nadie recuerda. La pasión mundialista no tiene un lugar visual, interactivo y compartible donde vivirla.

      La idea: GOLAZO es un especial interactivo que convierte 92 años de historia del Mundial en un recorrido navegable —con estética de álbum de figuritas Panini— pensado como pieza de fan-engagement para un medio deportivo digital o una marca patrocinadora de cara al Mundial 2026.

      A quién se lo presento: al editor de un medio deportivo (o a una marca patrocinadora) que necesita contenido que los aficionados quieran recorrer y  compartir, no un reporte estadístico más.

      El recorrido (se toca, no solo se mira):

        - Dinastías — palmarés por país + dona de títulos por confederación, con un toggle Europa vs. Sudamérica.

        - La era de los goles — línea de goles por partido por edición (pico de 5.38 en 1954) + los máximos goleadores de la historia.

        - Estadios & 2026 — asistencias históricas (récord del Maracaná 1950) + el crecimiento del torneo, de 13 selecciones en 1930 a 48 en 2026.

        - Explora tú — eliges entre 16 selecciones y toda la ficha se recalcula al instante.

        - Comparte — un botón arma tu selección en una tarjeta tipo figurita.

      Por qué convence: engancha con un dato brutal, cuenta una historia con datos reales y demuestra interactividad real —el estado de la página cambia con cada clic—, todo sin backend: es un prototipo que se envía por link y la gente reacciona a algo real.

      Cómo está hecho: Astro + Cloudflare Workers, visualizaciones SVG hechas a mano (sin librerías), datos históricos reales verificados con pruebas automatizadas. Construido con Claude Code como copiloto: brainstorming → diseño → plan → implementación por tareas con revisión.

      🐾 — la app para descansar el cerebro. Sueltas todo lo que traes en la cabeza Hey Bernie te lo devuelve en un plan concreto.

      El problema: lo que nos agota no es la tarea, es tenerla dando vueltas en la cabeza (el efecto Zeigarnik). Escribirla ayuda… pero no libera hasta que tiene un plan (Masicampo & Baumeister, "Consider it done!", 2011). Ahí entra Bernie.

      Es para el reto Vibecoders League (un prototipo navegable)… pero me emocioné y lo llevé más allá llevo horas trabajándole aprovechando el reset de limites de claude 😅.

      Lo que tiene :

      🧠 IA real que organiza — escribes tus pendientes y una IA los agrupa por tus prioridades, les pone un cuándo, y hasta te sugiere el momento para hacerlos ("al salir del trabajo") — una técnica con evidencia para que de verdad los cumplas.

      🎤 Voz real — hablas y aparece tu pendiente. ✦ "Empieza por esta" — te resalta UNA sola cosa para vencer la parálisis.

      ❤️‍🩹 Sabe cuándo callar — si sueltas algo pesado de verdad, deja de ser una app de tareas y responde como humano (te deriva a una línea de ayuda; no es terapia).

      😮‍💨 Descanso guiado — al final respiras, y tu cabeza queda ligera.

      Además: captura de correos real y 100% responsive.

      Cómo lo hice, todo con IA: el código con Claude Code, un design system completo con Claude Design (Bernie es mi perro 🐕, un bernés de la montaña), y la IA que organiza corre en NAN, desplegado en Vercel.

      👉 Pruébalo (navegable, sin instalar nada):

      Si te gusta, un ❤️ acá me ayuda un montón — ¡cualquiera puede votar, sin suscripción! Gracias 🧡🐾

      Lo del concepto me parecio algo super interesante y me dice que no es una app de tareas mas del mercado, me gusto la interfaz sin duda me inspira calma, siento que tiene ese toque humano y empatico, muy bien trabajado ahi. Algo que me gastaría tener es que se conectara a otras apps que ya uso para mejorar la experiencia (Google calendar, Notion, TodoIst, etc). Buena suerte con Bernie!

      Muy bueno, es otro punto de vista, productividad se enfoca en que no pierdas de vista y olvides las tareas pendientes pero este es todo lo contrario, optimiza la mente para descanzar y enfocar mejor la energia

      MenteConectada - El Diario que conecta tus ideas con IA

      Un diario inteligente que no solo almacena tus pensamientos o notas, sino que simula un motor de procesamiento de lenguaje natural para encontrar patrones y conectar ideas de tu pasado de forma totalmente visual e interactiva.

      🔗 Link del proyecto:

      🎯 ¿Para quién es?

      Está diseñado para desarrolladores, creadores de contenido, estudiantes y mentes creativas que suelen tomar apuntes o notas que terminan "olvidadas" en un cajón digital. MenteConectada les ayuda a sacarle provecho a sus pensamientos antiguos conectándolos con su presente para generar nuevas ideas, resolver frustraciones técnicas o estructurar mejores hábitos.

      ⚙️ ¿Cómo funciona la captura y procesamiento de datos?

      Entrada en Lenguaje Natural (El Lienzo): El usuario escribe libremente lo que siente o piensa hoy (por ejemplo: frustraciones con el , ideas o metas).

      Análisis y Extracción en el Frontend: Al hacer clic en "Analizar con IA", un script interactivo simula la extracción de metadatos clasificando el texto según su categoría, detectando el sentimiento emocional predominante y extrayendo conceptos clave.

      El Conector Visual (Mapa Mental): La aplicación busca de manera inteligente coincidencias de palabras clave con una base de datos y dibuja un mapa de nodos interactivo que te muestra el porcentaje de conexión de tu idea actual con tus notas del pasado, explicando detalladamente por qué se relacionan y resalta que ideas hacen mejor match.

      Almacenamiento de datos (El baul de recuerdos): Aqui se guardan todas las ideas, pensamientos e ideas y al abrir cada uno ejecuta el analizis y coneccion con otras ideas.

      Botón de Prueba Rápido: Para que puedas probar el flujo en un solo clic, incluí un botón de "Cargar Nota de Prueba" en la interfaz; también puedes probar con cualquier nota que redactes tu mismo.

      Kevin, tengo que comentarte este porque construimos casi el mismo problema desde ángulos opuestos y me encanta la comparación: mi Hey Bernie (también reto 5) apuesta a que vacíes la cabeza y la IA te devuelva un plan para DESCANSAR; MenteConectada apuesta a que tus ideas viejas vuelvan a conectarse con las nuevas.

      Te dejo el primo para que compares apuestas: https://platzi.com/comentario/5677949/ — me interesa de verdad tu lectura, que atacamos el mismo dolor. Y si te gusta, un corazón ❤️

      ok, ya paso a darle un vistaso

      🍰 Reto 5 completado: Centro de pedidos de Familia Ponquesito

      Creé un prototipo navegable de un mini CRM pensado para Karem, dueña de Familia Ponquesito, con el objetivo de organizar las solicitudes de tortas personalizadas y dar seguimiento a cada oportunidad de venta.

      El prototipo permite recorrer el flujo completo:

      Solicitud → revisión del pedido → preparación de cotización → cálculo del anticipo → cotización enviada → esperando confirmación

      Incluye un dashboard con pedidos de demostración, filtros por estado, detalle de cada solicitud, formulario interactivo de cotización, cálculo automático del total y del anticipo del 50 %, vista previa del mensaje y actualización real del estado del pedido.

      Todos los datos y envíos son simulados: el objetivo es presentar y validar la idea antes de desarrollar el sistema completo.

      🔗 Prueba el prototipo aquí:

      💻 Repositorio:

      Me encantaría conocer sus opiniones sobre la experiencia y saber si usarían una herramienta así para organizar los pedidos de un emprendimiento. 🚀

      Muy fluido el proceso, se nota que pensaste bien el flujo real de un negocio de tortas (solicitud → cotización → anticipo → confirmado).

      Me gustó que unifique los pedidos que llegan por WhatsApp, Instagram y la web, porque ese es justo el problema típico de un emprendimiento así: se pierden solicitudes por tener todo disperso.

      Sí lo usaría para algo así, el cálculo automático del anticipo del 50% es un ganar ahi por que ahorra tiempo real sin duda, Gran prototipo!

      Proyecto 5- Pasaporte pupusero doña daly🇸🇻💗

      Hola amigos de platzi, desde mi pulgarcito (EL SALVADOR) les presento mi proyecto 5 llamado "Pasaporte pupusero". Mi prototipo es salvadoreño y comunica la idea de transformar una visita tradicional a una pupusería en una experiencia interactiva y memorabe. El problema principal es que todas las pupuserías en El Salvador generalmente solo venden pupusas sin generar alguna experiencia para el cliente. Cómo solución he pensado crear una experiencia totalmente diferente para que los clientes coleccionen recuerdos e incentivarlos con diferentes recompensas esta página web se la mostraría a las pupuserías que le gusta innovar y estar en tendencia. Ya que así está pupusería dejarían de tener el problema de ofrecer solamente pupusas y pasarían a mejorar y generar una experiencia única con el cliente. Al ser un pasaporte donde se necesiten sellos los cuales los van adquiriendo al probar las diferentes pupusas genera que el cliente regrese nuevamente al establecimiento. La he creado en lovable, y consta de 3 pantallas diferentes pero conectadas por botones que van mostrando la siguiente pantalla. También es importante destacar que los sellos solamente los puede poner la dueña de la pupusería para así evitar que los clientes sellen pupusas que aún no las han probado; para evitar malos entendidos y tener un mejor control con el prototipo. Finamente, he utilizado vocabulario salvadoreño para hacer más auténtico el prototipo.

      Pueden probar "Pasaporte pupusero" aquí:

      ¡Gracias por probar mi proyecto, y darme like. Salu luluu, hay los vidrios! Josué 1:9

      Que chivo proyecto, la verdad que si es un problema real actualmente ya que todas las pupuserias solo compiten por precios y sabores, pero nadie construye una relacion con el cliente real y autentica. Este tipo de gamificacion aumenta la retencion, le da mucha personalidad. Solo recomendaria quizas ver a nivel de prototipo un progreso para desbloquear un logro, o mostrar te falta tanto para el siguiente regalo, eso motivaria mucho mas a regresar.

      Gracias por representar a El Salvador ! 🇸🇻

      Mi proyecto propone una forma más inteligente de explorar la carta de un restaurante.

      En lugar de mostrar únicamente el menú, utiliza las calificaciones y comentarios de otros comensales para generar recomendaciones impulsadas por IA. Cada plato incluye un resumen inteligente de las opiniones de la comunidad, destacando sus puntos fuertes y ayudando a los clientes a elegir con mayor confianza.

      El prototipo incluye un flujo navegable de tres pantallas:

      • 📋 Carta digital inteligente con recomendaciones de IA.
      • 🍽️ Detalle del plato con resumen de opiniones y reseñas de clientes.
      • ⭐ Pantalla para dejar una calificación y comentario que alimentará futuras recomendaciones.

      La idea está pensada para restaurantes que buscan ofrecer una mejor experiencia a sus clientes y obtener feedback más útil sobre sus platos.

      🔗 Demo:

      Boarding Pass Generator 👩‍💻✨

      Rediseñé un proceso interno para eliminar un cuello de botella en el onboarding y unirlo a una estrategia de employer branding .

      Pruebalo acá:

      Un solo formulario y tres resultados:

      • credencial digital
      • publicación para LinkedIn
      • solicitud automática del boarding pass físico.

      En mi equipo existe un cuello de botella al solicitar los boarding pass para nuevos ingresos.

      Aproveché este problema para convertirlo en una experiencia completa de onboarding y que también sea parte de la estrategia de Employer Branding externo.

      Contratar una suscripción toma dos clics. Salir, a veces, toma semanas de vueltas, llamadas y letra pequeña.

      ⏸️ Pausa Cuando Quieras un patrón de diseño, no un producto real

      Y no siempre es porque ya no te gusta el servicio: a veces simplemente

      no te alcanza el dinero ese mes, cambia tu situación, o necesitas un

      respiro y aun así quieres poder volver después, sin fricción, sin

      tener que registrarte de cero ni perder tu progreso.

      Esta es una propuesta que le presentaría al equipo de producto de

      cualquier plataforma con modelo de suscripción: que pausar y cancelar

      tengan la misma jerarquía visual que suscribirse, para que salir

      temporalmente sea tan fácil como entrar sin fricción artificial ni

      juegos de retención.

      El prototipo tiene 5 pantallas navegables y conectadas: un panel de

      suscripción con toggle de renovación, un flujo de pausa (1 mes, 3 meses, o indefinida), un flujo de cancelación honesto sin retención agresiva, una confirmación clara, y un dashboard final mostrando el impacto que tendría implementar esto (estimaciones ilustrativas, no datos reales).

      👉 Pruébalo:

      Cualquier comentario o feedback lo leo con gusto 🙌

      Me gusta mucho ya que es un problema real y poco atacado: casi todas las plataformas hacen fácil entrar y difícil salir.

      Que pausar tenga la misma jerarquía visual que suscribirse es un principio simple pero que pocos productos se atreven a aplicar por obvias razones verdad afecta la directamente la retencion.

      Es importante tambien que no sea solo ético sino honesto en el detalle: conservar el progreso durante la pausa, avisar antes de cada cobro, cancelar en 2 clics sin encuestas. Eso genera confianza real.

      Si algún equipo de producto lo llevara a la práctica, seguro se toparía con la resistencia de "esto baja retención" asi que si sería interesante ver el dashboard de impacto que armaste como argumento para convencerlos de lo contrario.

      Proyecto 5: Spark. Para esta entrega construí el panel de administración de la tienda: un flujo navegable pensado para presentarle a quien gestiona el negocio día a día, que resuelve un problema muy concreto: hoy el control de inventario, pedidos y márgenes se lleva de forma manual y dispersa, sin una vista centralizada. ¿Qué incluye el panel y cómo se recorre?

      • Flujo navegable de varias pantallas conectadas: Desde el panel se puede pasar a la gestión de inventario, a los pedidos activos y próximos, y al resumen de márgenes de cada producto, todo conectado como un recorrido real, no como capturas sueltas.
      • Interacciones reales: Se puede modificar el inventario, agregar información de pedidos activos o próximos, y definir otros detalles de la tienda, con botones y formularios que sí avanzan y cambian el estado del panel.
      • Contexto claro: Está pensado para el encargado o dueño de la tienda, como la herramienta que le permitiría tomar decisiones informadas (qué reponer, qué margen deja cada producto, qué pedidos hay que atender) sin depender de hojas de cálculo sueltas.

      Pueden verlo en accion en el siguiente enlace

      El sitio ya esta conectado con el frontend del usuario, por lo que si se agrega un producto, este se agrega tambien al sitio web que visita el cliente

      siempre he querido hacer un juego, y aprovechar éste reto para hacer una página de registro me parece un dos por uno siendo ese problema que resuelve, aunque no es necesario el backend puedes ingresar tu email si estás honestamente interesado para enviarte un correo si un día lo termino o lo hago en primer lugar, no me hackéen pls 💚

      entra aquí >

      oye bro tu has publicado algo en redes sobre tus proyectos?

      no, curiosamente no he publicado nada porque son generalemente DEMO, si es un juego no es divertido y si es una app no es completamente útil (exepto una porque la es por un pedido), pero éste tengo visto terminarlo.

      VoiceAI

      Este proyecto me ayuda mucho a mi creación de contenido. A veces hay mucho ruido en casa, o quiero participar de una hackathon que ide videos en ingles.... con esto puedo colocar mis guiones para que sean traducidos o directamente colocarlo en español. Si hay algún audio que no entiendo lo puedo grabar y usar esto para obtener la traducción.

      🚀 Proyecto 5: Simulador de Impacto Operativo y ROI Interactivo

      👉

      Las palabras se las lleva el viento, pero los números claros cierran tratos. Este prototipo transforma una propuesta abstracta de automatización en un argumento financiero imposible de ignorar.

      • ¿A quién se lo presentaría? A Directores de Finanzas (CFO), Directores de Operaciones (COO) o Inversores Potenciales.
      • El problema que resuelve: Las propuestas de optimización de procesos suelen morir en reuniones porque los tomadores de decisiones no logran visualizar el beneficio económico real. Este prototipo elimina la fricción demostrando el retorno de inversión (ROI) antes de la primera llamada.

      🗺️ El Flujo Navegable (3 Pasos de Conversión)

      1. Simulador (Parametrización): Pantalla interactiva donde el usuario ajusta sus datos operativos actuales (empleados, horas manuales, costos) mediante controles deslizables (sliders) y ve un impacto estimado inmediato.
      2. Dashboard de Resultados (Diagnóstico): Al presionar "Calcular Mis Ahorros", la interfaz genera un diagnóstico financiero completo: ahorro neto anual, porcentaje de ROI, meses para recuperar la inversión y una gráfica comparativa interactiva del "Antes vs. Después".
      3. Formulario de Contacto (Cierre): El fin del embudo. Una pantalla limpia enfocada a la conversión donde el interesado puede agendar una sesión de estrategia dejando sus datos.

      Tecnología utilizada: Desarrollado con el poder de v0 y desplegado en Vercel.

      🔗 ¡Prueba el prototipo en vivo aquí!

      Haz clic, mueve los controles y experimenta el flujo completo en tiempo real: 👉

      Si te gustó la interactividad del diseño y la estrategia del flujo para cerrar clientes, apóyame con tu voto (like) en este comentario.

      Espero les guste.

      Conecta con tu comunidad!!

      link:https://collegare.ai.studio Esta es mi idea personal que siempre he querido hacer para venderla a empresas esta idea salio por que al entrar a platzi aveces hay bugs gráficos los comentarios no cargan bien en celular el chat del live esta invertido entonces pensé por que no esta automatizado en feedback para que pueda llegar directamente a los equipos que tenga que llegar para que lo arreglen, asi es como pense en mi idea collegare que significa conectar el italiano esta app / feature automatizara todo el feedback y se lo mandara directamente a los equipos encargados para que se encargen del problema mas datos de como funciona en su pagina web

      para los que vieron mi n8n de mi proyecto de la anterior clase ya he mejorado en n8n y he avanzado en el curso

      La verdad es que sirve, así Juan podrá arreglar el chat, ¡Juan arregla el chat si estás leyendo esto!

      Este prototipo, PlateTailor, comunica la idea de un ecosistema gastronómico integral, digitalizado e inteligente que conecta en tiempo real a todos los actores del restaurante:

      • El Cliente: Accede a un menú interactivo y visualmente atractivo que mejora la experiencia de orden de manera autónoma.
      • El Personal (Meseros y Cocina): Se coordinan de forma fluida a través de tableros Kanban interactivos y notificaciones inmediatas de despacho de platos para optimizar tiempos.
      • La Inteligencia Artificial: Demuestra cómo la tecnología puede elevar las ventas (mediante recomendaciones contextuales de maridaje y acompañamientos en el carrito) y optimizar la operación de compras/preparación (mediante predicciones de demanda e inventario para el chef basadas en factores externos como clima o festividades).

      Este prototipo es ideal para ser expuesto ante:

      1. Propietarios, Gerentes u Operadores de Restaurantes: Quienes buscan soluciones para incrementar el ticket promedio de consumo (upselling) y reducir los tiempos muertos y malentendidos entre la cocina y el salón.
      2. Inversores o Stakeholders de Negocio: Interesados en proyectos de digitalización del sector HORECA (Hoteles, Restaurantes y Caterings) con propuestas de valor claras basadas en eficiencia operativa e integración de IA aplicada.

      SALA CERO — Simulador de crisis digital

      SALA CERO es un prototipo navegable que recrea un ataque ransomware en una empresa ficticia. Durante la experiencia, la persona debe tomar decisiones de contención y comunicación. Al finalizar, puede observar cómo sus elecciones afectan la continuidad de la operación, el tiempo de recuperación y la confianza del público.

      La idea está pensada para organizaciones que quieran practicar su respuesta ante incidentes digitales mediante una experiencia interactiva, sencilla y sin riesgos reales.

      🔗 Prototipo:

      Muy bien pensado el flujo, la parte de la comunicacion es donde mas se falla en las empresas es donde mas se pierde la confianza del publico. En cuanto al prototipo como tal, el flujo hace sentir esa presion y tomar desiciones en momentos asi es clave, hablando estrategicamente reacionar correctamente es importante, tambien considerando el caso.

      ¡Horma ya está tomando forma! Sé parte

      Entra ya:

      ¡Gracias por tu voto! 😁

      El link no me funciona

      ¡Ya el link funciona!

      Licitrack — portal de licitaciones de dotación

      1. El problema Las empresas de confección, calzado y EPP en Colombia dependen en gran parte de contratos con el Estado, pero el proceso hoy es manual: revisar SECOP todos los días, filtrar a mano entre cientos de procesos que no aplican, y muchas veces enterarse de una licitación cuando ya casi cierra. El problema no es falta de oportunidades — es falta de visibilidad y de tiempo.

      2. La solución Licitrack es un portal de afiliación donde la empresa se registra una sola vez (NIT, sector, datos de contacto) y desde ahí:

      • Ve solo las licitaciones de dotación relevantes para su sector (uniformes, EPP, calzado, dotación escolar).
      • Filtra por categoría, entidad y urgencia de cierre.
      • Aplica directamente desde la plataforma con un formulario simple, sin duplicar trámites.
      • Recibe trazabilidad de su aplicación con número de radicado y estado (Recibida → En revisión → Respuesta).

      3. Por qué ahora El gasto público en dotación institucional es recurrente y predecible — alcaldías, hospitales, ministerios y gobernaciones compran esto todos los años. Es un mercado que no desaparece, pero está fragmentado en cientos de portales y procesos distintos. La oportunidad es agregarlo en un solo lugar.

      4. Modelo de negocio Suscripción mensual o anual por empresa afiliada (freemium con límite de aplicaciones, o plan pago con acceso ilimitado + alertas). Opcional: comisión de éxito solo si la empresa gana la licitación — alineado con el interés del cliente.

      5. Diferenciación No competimos con SECOP, lo simplificamos: curamos, filtramos y traducimos la información a algo accionable para PyMEs que no tienen un equipo dedicado a licitaciones.

      6. Lo que estás viendo hoy Esto que tienen frente a ustedes es el flujo real de afiliación → búsqueda → aplicación, tal como lo viviría una empresa de dotación mañana mismo. No es un mockup estático — es navegable, con validaciones reales, para que puedan sentir el producto antes de invertir en construirlo a fondo.

      Me parece fenomenal, es un problema que persiste en los contratistas y por esa falta de informacion a timepo es que pierden la opotunidad de contratar con el estado.

      Quisera hacerte una pregunta, ¿ como obtines esas publicaciones de SECOP en tiempo real?

      Excelente propuesta, me hizo pensar si en mi pais tenemos el mismo problema, y si en El Salvador tenemos COMPRASAL como equivalente y si efectivamente el mismo problema, por lo que es un problema regional cada pais cuenta con el suyo. Mi punto es el alcance que puede obtener. Muy buen prototipo!

      Respira — tu salida de deudas, con calma 🫧

      La idea que comunica y a quién se la presento: Salir de deudas es un dolor común, y cuando pedís ayuda en un banco te tratan como un problema, no como alguien a quien acompañar. Respira es lo contrario: una herramienta privada y sin juicios donde ordenas tus deudas, ves una proyección real y honesta de tu salida, y das el primer paso con un aliado que negocia por vos. Se lo presentaría a un asesor financiero o cooperativa que quiere recibir personas ya orientadas y motivadas (y a cualquiera atrapado en deudas que no sabe por dónde empezar).

      Cómo cumplo cada punto del reto:

      🔹 Flujo navegable de 3+ pantallas conectadas (recorrer, no solo mirar): son 4 pasos encadenados — Bienvenida y privacidad → Tus deudas → Tu salida → El primer paso. Se recorre de principio a fin como un producto real.

      🔹 Interacciones reales: el formulario avanza agregando tus deudas con totales que cambian en vivo; en la pantalla de resultado, sliders de tasa y plazo recalculan la proyección al instante; los botones te llevan por cada paso; y el estado cambia al enviar el formulario de contacto.

      🔹 Contexto claro (qué problema y para quién): resuelve la angustia y la desorientación de estar endeudado, para personas que quieren ver su salida sin sentirse juzgadas — presentado a asesores/cooperativas que buscan leads calientes.

      🔹 Sin backend ni datos falsos… y aún así, real: la matemática corre 100% en tu navegador, así que la proyección es de verdad (no demo) y privada por diseño — tus números no salen de tu pantalla.

      El detalle que me enorgullece: es honesto. Si consolidar no te conviene (bajás la cuota pero pagás más interés total), la herramienta te lo dice. En un mundo de promesas financieras, esa transparencia es el punto.

      🔗 Link para navegarlo:

      ¡Gracias por su apoyo! 🙌

      🌿 Raíces — Guarda las recetas de tu familia con su propia voz

      Las recetas de las abuelas no están escritas en ningún lado: viven en su

      memoria y en su voz. Cuando ellas ya no están, esas recetas se van con ellas.

      Raíces las captura mientras cocinan, usa IA para convertir lo que dicen en una receta ordenada, y las guarda en un muro compartido por toda la familia.

      🎯 Qué comunica y a quién

      Es un prototipo navegable que le presentaría a un equipo de producto que invierte en apps de comunidad y memoria familiar. El problema que resuelve:

      la memoria culinaria de una familia se pierde porque nadie la escribió a tiempo.

      Para quién es: familias que cocinan de memoria y quieren heredar sus sabores.

      🧭 El flujo (5 pantallas conectadas, recorribles)

      1. Bienvenida — presenta la idea y el problema.

      2. Grabar — micrófono con cronómetro, onda de audio y transcripción en vivo.

      3. La IA ordena — la transcripción cruda se vuelve, paso a paso, una receta.

      4. Muro familiar — la receta queda anclada junto a las demás, con sus conexiones.

      5. Detalle — la receta completa y un reproductor de "la voz original".

      ⚙️ Cómo se hizo

      - React 19 + TypeScript (modo estricto) con Vite.

      - Flujo separado en componentes tipados por pantalla; el dominio modelado con tipos (Screen, Recipe, WallItem) y todo el contenido centralizado.

      - Mobile-first, con soporte para prefers-reduced-motion.

      - Sin backend ni datos reales: el objetivo es comunicar la idea, no operarla.

      - Desplegado en Vercel.

      ▶️ Pruébalo (link público):

      💻 Código:

      Cualquiera puede probarlo y dejar su 💚. ¡Gracias!

      Me encanto el prototipo y la idea, te quedo super bien compañero

      🚀 Nuevo reto completado en Vibe Coders de Platzi

      🎥 Pueden ver la demostración completa aquí:

      Desarrollé una aplicación para centralizar la gestión de pedidos de las operaciones a nivel nacional. 🇨🇴📲

      Cada regional puede ingresar con su propio usuario, registrar la solicitud y enviarla a la oficina central en Bogotá, donde se realiza la revisión y aprobación. Finalmente, la respuesta regresa dentro de la misma aplicación con el número de pedido asignado. ✅🔢

      Con esta solución se logra:

      📋 Centralizar todas las solicitudes 👤 Llevar control por usuario 🏢 Gestionar aprobaciones desde Bogotá 🔔 Recibir la respuesta en la misma plataforma ⚡ Reducir correos, mensajes y procesos manuales 📊 Mejorar la trazabilidad de cada pedido

      #Platzi #VibeCoders #DesarrolloDeApps #Automatización #TransformaciónDigital #Tecnología #Innovación

      a qué vienen los "#" jajajaja