Cómo construí mi propia aplicación de lista de tareas en minutos usando herramientas de IA

La IA está cambiando el panorama tecnológico para siempre; toma ChatGPT, por ejemplo. Ha interrumpido la industria de la escritura e incluso ha afectado a negocios enteros de Chegg. Cada empresa ahora corre tras la IA y está tratando de integrarla en sus aplicaciones y servicios. Mientras que la mayoría de ellos son agradables de tener, el verdadero valor de la IA es que reduce el esfuerzo humano, acelera los procesos y disminuye los costos.

Por ejemplo, si alguien me preguntara cuánto tiempo lleva construir una aplicación, probablemente respondería un par de meses, tal vez años, dependiendo de los recursos y de cuán grande sea la aplicación.

Sin embargo, si haces la misma pregunta ahora, diría que tal vez una hora, un día o incluso minutos. Eso es lo que la IA puede hacer ahora. Ciertas aplicaciones te permiten construir aplicaciones en solo minutos. No, no estoy hablando de herramientas de IA sin código para construir aplicaciones. Estoy hablando de aplicaciones que pueden escribir código en cualquier lenguaje o forma o asistirte en la construcción de las aplicaciones. Lo bueno es que no necesitas escribir una sola línea de código o tener conocimientos previos sobre cómo funciona el código.

Puedes construir una aplicación y escalarla a millones en solo minutos. He estado usando varias herramientas de IA y he construido más de 30 aplicaciones. Si quieres aprender y crear algo sin pasar meses aprendiendo a programar, esta guía es para ti.

Cómo construir aplicaciones en solo minutos: Construyamos una aplicación de lista de tareas

He probado las herramientas Lovable.dev y Bolt.new que te permiten construir la aplicación usando avisos naturales simples. Ambas ofrecen resultados increíbles en la construcción de aplicaciones web simples en solo minutos, pero difieren ligeramente en términos de límites.

En mi experiencia, Bolt ofrece tokens limitados (cuánto texto o código puede escribir la IA; en Bolt, estaba limitado a 150k palabras) por día, lo cual no es mucho si deseas construir una aplicación avanzada que requiera múltiples avisos y cientos de líneas de código. Además, necesitas una cuenta de GitHub para crear y usar Bolt.

Por otro lado, Lovable adopta un enfoque más amigable al permitirte iniciar sesión con una cuenta de Google, ya que no muchos no programadores tienen una cuenta de GitHub.

Además, a diferencia de Bolt, Lovable ofrece cinco avisos gratuitos por día (cuántas veces puedes interactuar con la aplicación), lo que te permite crear e iterar planes y solucionar cualquier problema sin preocuparte por exceder los límites.

Usaré Lovable para ayudarte a construir la aplicación. También puedes ver Bolt si tienes una cuenta de GitHub, ya que ofrecen un enfoque e interfaz similares.

Primero, comencemos creando una idea. Aunque estas aplicaciones pueden entender el lenguaje natural, es mejor planificar e incluir todos los detalles de la aplicación que construirás de antemano en un aviso para obtener mejores resultados y evitar desperdiciar innecesariamente tu límite de avisos gratuitos repitiendo solicitudes más tarde.

Y no te preocupes, no necesitas ningún conocimiento previo. Puedes usar cualquier herramienta de chatbot de IA para crear un aviso detallado para construir una aplicación; recomiendo usar ChatGPT para obtener mejores resultados.

Visita ChatGPT.com y comienza a preguntar qué quieres construir en una aplicación con estas características. Si tienes alguna experiencia, puedes especificar cualquier característica adaptada a tus necesidades. Tómate un tiempo y ajusta el aviso.

Finalmente, pide a ChatGPT que genere un aviso de IA para construir la aplicación.

A continuación, ve a Lovable.dev y haz clic en Registrarse si no tienes una cuenta.

Puedes usar una cuenta de Google o GitHub para registrarte en Lovable. Recomiendo usar una cuenta de Google ya que es fácil de configurar y todos la tienen.

Una vez que inicies sesión, en la pantalla de chat, copia el aviso de ChatGPT, pégalo como el aviso, y presiona Enter o haz clic en la pequeña flecha en la esquina inferior derecha. La herramienta comenzará a crear la aplicación con los archivos necesarios.

Dependiendo de las características de la aplicación, puede tardar varios minutos en construirla. Si encuentras algún error como un error desconocido o algo salió mal, y la aplicación deja de construirse, puedes usar el aviso de Continuar construyendo la aplicación para reanudar el proceso.

Una vez que la construcción esté completa, puedes ver la vista previa de la aplicación en funcionamiento en la pestaña derecha y cambiar entre la vista móvil y de escritorio.

Si encuentras un error, la aplicación te pedirá que lo soluciones, y la herramienta comenzará automáticamente a resolver el problema. Puedes mejorar la aplicación con nuevas características usando avisos desde la barra lateral izquierda. Recuerda que estarás limitado a 5 avisos por día. Una vez que alcances el límite, deberás esperar 24 horas.

En este caso, quiero que la aplicación de tareas de lista tenga una opción para establecer un temporizador personalizado para cada tarea, y quiero establecer la prioridad de la tarea antes de agregarla. Puedes ajustar más y obtener el aviso que estás usando en ChatGPT, y luego la herramienta actualiza las aplicaciones con estas nuevas características.

¡Felicidades! Acabas de construir la interfaz de la aplicación de lista de tareas en solo minutos. Puedes usarla para crear una lista de tareas. Sin embargo, dado que no hay base de datos, podrías perder tus datos si reinicias la aplicación o simplemente borras la caché de Chrome o cualquier otro navegador que uses.

Para evitar esto, puedes conectar los datos a la base de datos y usarla para almacenar los datos. No te preocupes; puedes hacerlo en pasos simples.

Puedes conectar tu aplicación a la base de datos, almacenar todos tus datos, agregar autenticación e incluso enviar correos electrónicos. En mi caso, la aplicación de lista de tareas que he construido utiliza el almacenamiento local del navegador para almacenar todas tus tareas, y si borras la caché de Google Chrome o cualquier navegador que estés usando, todas tus tareas serán eliminadas. Para evitar esto, puedes conectarla a la base de datos y almacenar datos en el servidor.

Lovable también ofrece una manera fácil de conectar tu aplicación a una base de datos, almacenar los datos usando la tarea, agregar autenticación, enviar correos electrónicos y más.

Haz clic en Supabase, luego en Conectar Supabase, y crea una cuenta allí. Después de crear una cuenta, haz clic en Autorizar Lovable. Necesitas una cuenta de GitHub para crear una cuenta en Supabase. Si no tienes una cuenta de GitHub, puedes crear una desde aquí.

Ahora, crea una cuenta de Supabase. Necesitas iniciar sesión usando tu cuenta de GitHub. Una vez creada, vuelve a la aplicación, y la aplicación mostrará tu nombre de proyecto e ID en la página.

Haz clic en tu cuenta y luego toca en Crear nuevo proyecto.

A continuación, ingresa un nombre de proyecto y crea un nuevo proyecto, que se conectará automáticamente a la base de datos. Más tarde, te dará opciones para varias acciones diferentes. En este caso, solo estoy pidiendo almacenar datos de tareas.

La aplicación te da el código SQL. Puedes revisar el código si estás familiarizado con él y hacer clic en Aplicar cambios. La aplicación estará conectada exitosamente a la base de datos.

Ahora, puedes publicar la aplicación y usarla en tu móvil. Haz clic en el botón de publicar y Publicar nuevamente para obtener el enlace. Recuerda, es un enlace público; cualquier persona que acceda puede copiar y remixar el código de tu aplicación. Necesitas suscribirte a los planes premium para crear un proyecto privado.

También puedes compartir el código en GitHub, descargar el proyecto localmente y comenzar a desarrollarlo en tu dispositivo. Conecta tu cuenta de GitHub y compromete el proyecto en GitHub.

¡Eso es todo! Has creado una aplicación completa de lista de tareas usando herramientas de IA simples en minutos. Espero que encuentres útil esta guía.

Puedes construir cualquier aplicación que desees, las posibilidades son infinitas, pero recuerda que la versión gratuita de estas herramientas de IA está limitada a unos pocos avisos. Puedes optar por un plan premium que puede aumentar este límite, pero es caro si eres un usuario regular. Por ejemplo, el plan Lovable Starter cuesta 20 dólares y es el mismo que el plan ChatGPT Plus. El plan gratuito, que da acceso a 5 avisos por día (limitado a 30 por mes), es más que suficiente para construir una aplicación web básica. Espero que encuentres útil esta guía; si tienes alguna sugerencia o enfrentas problemas, házmelo saber en los comentarios.

Ver la aplicación que construí: https://pomodoro-panda-planner.lovable.app./

Preguntas frecuentes sobre la construcción de aplicaciones usando herramientas de IA

1. ¿Puedo usar Lovable o Bolt para construir aplicaciones móviles, o son solo para aplicaciones web?

También puedes usar estas herramientas para construir aplicaciones móviles. Puedes pedir a las herramientas que escriban código en React Native y luego publicarlo en plataformas móviles como Google Play y Apple App Store. También puedes convertir aplicaciones existentes en aplicaciones móviles usando frameworks como el mismo React Native Framework o envolverlas en un WebView usando herramientas como Capacitor o Cordova.

2. ¿Necesito algún conocimiento de programación para usar Lovable o Bolt?

No, no necesitas ningún conocimiento previo de programación para construir aplicaciones web básicas. Sin embargo, estas herramientas de IA pueden ser un obstáculo a veces, por lo que necesitas conocimientos técnicos y de programación para solucionar los problemas. Sin embargo, en la mayoría de los casos, puedes construir aplicaciones usando avisos en lenguaje natural sin escribir una sola línea de código.

3. ¿Cuáles son las principales diferencias entre Lovable y Bolt?

Lovable te permite iniciar sesión con una cuenta de Google y ofrece 5 avisos gratuitos diarios, mientras que Bolt, por otro lado, requiere una cuenta de GitHub y proporciona 150k tokens gratuitos diarios. Ambos tienen casi una interfaz similar. Adicionalmente, Bolt te permite descargar directamente o portar el código profundamente en los servidores de red. Mientras que en Lovable, necesitas comprometer el código de GitHub para obtener el código.

4. ¿Puedo construir aplicaciones complejas usando estas herramientas de IA?

Sí, pero habrá una limitación ya que las aplicaciones complejas requieren conocimientos avanzados de programación. Estas herramientas también ofrecen avisos limitados por día, lo que puede ser suficiente para construir la aplicación usando versiones gratuitas.

5. ¿Qué sucede si me quedo sin avisos gratuitos o tokens?

En Lovable, la versión gratuita está limitada a 5 avisos diarios, y debes esperar 24 horas para un reinicio. En Bolt, una vez que excedas los 150k tokens, debes esperar el límite de reinicio diario para obtener más tokens.