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

AI está cambiando el panorama tecnológico para siempre; Tome Chatgpt, por ejemplo. Ha interrumpido la industria de la escritura e incluso ha interrumpido los negocios de Chegg enteros. Cada compañía ahora se ejecuta después de AI y está tratando de integrarlo en sus aplicaciones y servicios. Si bien es bueno tener la mayoría de ellos, el valor real de la IA es que reduce el esfuerzo humano, acelera los procesos y reduce los costos.

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

Sin embargo, si hace la misma pregunta ahora, diría que tal vez una hora, un día o incluso minutos. Eso es lo que AI puede hacer ahora. Ciertas aplicaciones le permiten crear 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 idioma o forma o ayudarlo a construir las aplicaciones. Lo bueno es que no necesita escribir una sola línea de código o incluso conocimiento previo sobre cómo funciona el código.

Puede crear una aplicación y escalar la aplicación a millones en solo minutos. He estado usando varias herramientas de IA y he construido más de 30 aplicaciones. Si desea aprender y crear algo sin pasar meses aprendiendo a codificar, esta guía es para usted.

Cómo crear aplicaciones en solo minutos: creemos una aplicación de lista de tareas pendientes

He probado Loveable.dev y Bolt.Nnew Tools que le permiten construir la aplicación utilizando indicaciones naturales simples. Ambos ofrecen resultados increíbles en la creació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 AI puede escribir; en Bolt, se limitó a 150k palabras) por día, lo que no es mucho si desea construir una aplicación avanzada que requiere múltiples indicaciones y cientos de líneas de código. Además, necesita una cuenta de GitHub para crear y usar Bolt.

Por otro lado, Loveable adopta un enfoque más fácil de usar al permitirle iniciar sesión con una cuenta de Google, ya que no muchos no programadores tienen una cuenta GitHub.

Además, a diferencia de Bolt, Loveable ofrece cinco indicaciones libres por día (cuántas veces puede interactuar con la aplicación), lo que le permite crear e iterar planes e solucionar cualquier problema sin preocuparse por exceder los límites.

Usaré adorable para ayudarte a construir la aplicación. También puede ver Bolt si tiene una cuenta GitHub ya que ofrecen un enfoque e interfaz similares.

Primero, comencemos creando una idea. A pesar de que estas aplicaciones pueden comprender el lenguaje natural, es mejor planificar e incluir todos los detalles de la aplicación que creará de antemano en un mensaje para obtener mejores resultados y evitar desperdiciar su límite de inmediato libre innecesariamente repitiendo solicitudes más adelante.

Y no se preocupe, no necesita ningún conocimiento previo. Puede usar cualquier herramienta de chatbot de IA para crear una solicitud detallada para construir una aplicación; Recomiendo usar ChatGPT para obtener mejores resultados.

Visite chatgpt.com y comience a preguntar qué quiere crear una aplicación con estas características. Si tiene alguna experiencia, puede especificar cualquier característica adaptada a sus necesidades. Pase un tiempo y ajuste el aviso.

Finalmente, solicite a ChatGPT que genere un mensaje de IA para crear la aplicación.

A continuación, vaya a lovable.dev y haga clic en Registrarse si no tiene una cuenta.

Puede usar una cuenta de Google o GitHub para registrarse en LAVABLE. Recomiendo usar una cuenta de Google, ya que es fácil de configurar, y todos la tienen.

Una vez que inicie sesión, en la pantalla de chat, copie el indicador de ChatGPT , péguelo como el indicador y presione Entrar o haga clic en la flecha pequeña 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 llevar varios minutos construirla. Si encuentra algún error como un error desconocido o algo salió mal , y la aplicación deja de construir, puede usar el indicador de la aplicación Continuar Continuar para reanudar el proceso.

Una vez que se complete la compilación, puede ver la vista previa de la aplicación de trabajo en la pestaña correcta y cambiar entre la vista móvil y de escritorio.

Si encuentra un error, la aplicación le pedirá que lo arregle, y la herramienta comenzará automáticamente a resolver el problema. Puede mejorar la aplicación con nuevas características utilizando indicaciones desde la barra lateral izquierda. Recuerde que estará limitado a 5 indicaciones por día. Una vez que alcance el límite, deberá esperar las 24 horas.

En este caso, quiero que la aplicación de tarea de lista de tareas pendientes con una opción para establecer un temporizador personalizado para cada tarea, y quiero establecer la prioridad de la tarea antes de agregar la tarea. Puede ajustar más y obtener el aviso que está utilizando CHATGPT, y luego la herramienta actualiza las aplicaciones con estas nuevas funciones.

¡Felicidades! Acabas de construir la parte delantera de la aplicación de la lista de tareas pendientes en solo minutos. Puede usarlo para crear una lista de tareas pendientes. Sin embargo, dado que no hay una base de datos, puede perder sus datos si restablece la aplicación o simplemente borra el caché Chrome o cualquier otro navegador que use.

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

Puede conectar su aplicación a la base de datos, almacenar todos sus datos, agregar autenticación e incluso enviar correos electrónicos. En mi caso, la aplicación de la lista de tareas que he creado usa el almacenamiento local del navegador para almacenar todas sus tareas, y si borra el caché de Google Chrome o cualquier navegador que esté utilizando, todas sus tareas se eliminarán. Para evitar esto, puede conectarlo a la base de datos y almacenar datos en el servidor.

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

Haga clic en Supabase, luego conecta Supabase y crea una cuenta allí. Después de crear una cuenta, haga clic en Autorizar adorable . Necesita una cuenta GitHub para crear una cuenta en Supabase. Si no tiene una cuenta de GitHub , puede crear una desde aquí.

Ahora, cree una cuenta de Supabase . Debe iniciar sesión con su cuenta GitHub. Una vez creado, regrese a la aplicación, y la aplicación muestra el nombre de su proyecto e ID en la página.

Haga clic en su cuenta y luego toque Crear nuevo proyecto.

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

La aplicación le brinda el código SQL. Puede revisar el código si está familiarizado con él y hacer clic en Aplicar cambios . La aplicación se conectará correctamente a la base de datos.

Ahora, puede publicar la aplicación y usarla en su móvil. Haga clic en el botón Publicar y publique nuevamente para obtener el enlace. Recuerde, es un enlace público; Cualquiera que acceda a él puede copiar y remezclar el código de su aplicación. Debe suscribirse a los planes premium para crear un proyecto privado.

También puede compartir el código para GitHub, descargar el proyecto localmente y comenzar a desarrollarlo en su dispositivo. Conecte su cuenta Github y comprometa el proyecto a GitHub.

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

Puede crear cualquier aplicación que desee, las posibilidades son infinitas, pero recuerde que la versión gratuita de estas herramientas de IA se limita a algunas indicaciones, puede optar por un plan premium que puede aumentar este límite pero que es costosa si es un usuario regular. Por ejemplo, el adorable plan de inicio cuesta 20 dólares y es lo mismo que el plan ChatGPT Plus. El plan gratuito, que da acceso a 5 indicaciones por día (limitado a 30 por mes), es más que suficiente para crear una aplicación web básica. Espero que encuentres útil esta guía; Si tiene alguna sugerencia o se enfrenta problemas, avíseme en los comentarios.

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

Preguntas frecuentes en la creación de aplicaciones utilizando herramientas de IA

1. ¿Puedo usar adorables o tornillos para crear aplicaciones móviles, o son solo para aplicaciones web?

También puede usar estas herramientas para crear aplicaciones móviles. Puede solicitar a las herramientas para escribir código en React Native y luego publicarlo en plataformas móviles como Google Play y Apple App Store. También puede convertir aplicaciones existentes en aplicaciones móviles utilizando marcos el mismo marco nativo React o envolverlas en una vista web utilizando herramientas como Capacitor o Cordova.

2. ¿Necesito algún conocimiento de codificación para usar adorable o tornillo?

No, no necesita ningún conocimiento de codificación previo para crear las aplicaciones web básicas. Sin embargo, estas herramientas de IA pueden ser un hipo a veces, por lo que necesita conocimiento técnico y de codificación para solucionar los problemas. Sin embargo, en la mayoría de los casos. Puede crear aplicaciones utilizando indicaciones de lenguaje natural sin escribir una sola línea de código.

3. ¿Cuáles son las principales diferencias entre adorable y perno?

Loveable le permite iniciar sesión con una cuenta de Google y ofrece 5 indicaciones libres diariamente, mientras que Bolt, por otro lado, requiere una cuenta de GitHub y proporciona 150k tokens gratis diariamente. Ambos tienen una interfaz casi similar. Additnaly Bot. Lo nuevo le permite descargar directamente o portar el código profundamente en los servidores de red. Mientras que en Global, debes comprometerte. El código GitHub para obtener el código.

4. ¿Puedo crear aplicaciones complejas utilizando estas herramientas de IA?

Sí, pero habrá una limitación ya que las aplicaciones complejas requieren conocimientos de codificación avanzados. Estas herramientas también ofrecen indicaciones limitadas por día, que pueden ser suficientes para construir la aplicación utilizando versiones gratuitas.

5. ¿Qué sucede si me quedo sin indicaciones libres o tokens?

En adorable, la versión gratuita se limita a 5 indicaciones diarias, y debe esperar 24 horas para un reinicio. En Bolt, una vez que supere los 150k tokens, debe esperar el límite de reinicio diario para obtener más fichas.