Comment j'ai construit ma propre application de liste de tâches en minutes en utilisant des outils AI

L'IA change pour toujours le paysage technologique; Prenez Chatgpt, par exemple. Il a perturbé l'industrie de la rédaction et même perturbé des entreprises Chegg entières. Chaque entreprise fonctionne maintenant après l'IA et essaie de l'intégrer dans ses applications et services. Bien que la plupart d'entre eux soient agréables à avoir, la valeur réelle de l'IA est qu'elle réduit l'effort humain, accélère les processus et réduit les coûts.

Par exemple, si quelqu'un me demandait combien de temps il faut pour créer une application, je répondrais probablement dans quelques mois, peut-être des années, selon les ressources et la taille de l'application.

Cependant, si vous posez la même question maintenant, je dirais peut-être une heure, un jour ou même des minutes. C'est ce que l'IA peut faire maintenant. Certaines applications vous permettent de créer des applications en quelques minutes. Non, je ne parle pas d'outils d'IA sans code pour créer des applications. Je parle d'applications qui peuvent écrire du code dans n'importe quelle langue ou manière ou vous aider à créer les applications. La bonne chose est que vous n'avez pas besoin d'écrire une seule ligne de code ou même des connaissances préalables sur le fonctionnement du code.

Vous pouvez créer une application et mettre à l'échelle l'application à des millions en quelques minutes. J'utilise divers outils d'IA et j'ai construit plus de 30 applications. Si vous voulez apprendre et créer quelque chose sans passer des mois à apprendre à coder, ce guide est pour vous.

Comment créer des applications en quelques minutes: créons une application de liste de tâches

J'ai essayé les outils Lovable.dev et Bolt.New qui vous permettent de créer l'application à l'aide de simples invites naturelles. Les deux offrent des résultats incroyables dans la création d'applications Web simples en quelques minutes, mais elles diffèrent légèrement en termes de limites.

D'après mon expérience, Bolt offre des jetons limités (combien de texte ou de code AI peut écrire; dans Bolt, il était limité à 150 000 mots) par jour, ce qui n'est pas grand-chose si vous souhaitez créer une application avancée nécessitant plusieurs invites et des centaines de lignes de code. De plus, vous avez besoin d'un compte GitHub pour créer et utiliser le boulon.

D'un autre côté, Lovable adopte une approche plus conviviale en vous permettant de vous connecter avec un compte Google, car peu de non-programmeurs ont un compte GitHub.

De plus, contrairement à Bolt, Lovable offre cinq invites gratuites par jour (combien de fois vous pouvez vous interfacer avec l'application), ce qui vous permet de créer et d'idéter les plans et de résoudre les problèmes sans vous soucier de dépasser les limites.

J'utiliserai Lovable pour vous aider à créer l'application. Vous pouvez également voir Bolt si vous avez un compte GitHub car ils offrent une approche et une interface similaires.

Tout d'abord, commençons par créer une idée. Même si ces applications peuvent comprendre le langage naturel, il est préférable de planifier et d'inclure tous les détails de l'application que vous construirez au préalable dans une invite pour obtenir de meilleurs résultats et éviter de gaspiller votre limite d'invite gratuite inutilement en répétant les demandes plus tard.

Et ne vous inquiétez pas, vous n'avez pas besoin de connaissances préalables. Vous pouvez utiliser n'importe quel outil de chatbot AI pour créer une invite détaillée pour créer une application; Je recommande d'utiliser Chatgpt pour de meilleurs résultats.

Visitez Chatgpt.com et commencez à demander ce que vous voulez créer une application avec ces fonctionnalités. Si vous avez une expérience, vous pouvez spécifier toutes les fonctionnalités adaptées à vos besoins. Passez du temps et affinez l'invite.

Enfin, demandez à Chatgpt de générer une invite d'IA pour créer l'application.

Ensuite, allez sur Lovable.dev et cliquez sur Inscrivez-vous si vous n'avez pas de compte.

Vous pouvez utiliser un compte Google ou GitHub pour vous inscrire à Lovable. Je recommande d'utiliser un compte Google car il est facile à configurer, et tout le monde l'a.

Une fois que vous vous connectez, dans l'écran de chat, copiez l'invite de Chatgpt , collez-le comme l' invite et appuyez sur Entrer ou cliquez sur la petite flèche dans le coin inférieur droit. L'outil commencera à créer l'application avec les fichiers nécessaires.

Selon les fonctionnalités de l'application, cela peut prendre plusieurs minutes pour le construire. Si vous rencontrez une erreur comme une erreur inconnue ou quelque chose qui s'est mal passé , et que l'application cesse de se construire, vous pouvez utiliser l' invite de l'application Continuer Build pour reprendre le processus.

Une fois la version terminée, vous pouvez afficher l'aperçu de l'application de travail sur l'onglet droit et basculer entre la vue mobile et de bureau.

Si vous rencontrez une erreur, l'application vous demandera de le réparer et l'outil commencera automatiquement à résoudre le problème. Vous pouvez améliorer l'application avec de nouvelles fonctionnalités à l'aide d'invites de la barre latérale gauche. N'oubliez pas que vous serez limité à 5 invites par jour. Une fois que vous atteignez la limite, vous devrez attendre 24 heures.

Dans ce cas, je veux l'application de tâche de liste de tâches avec une option pour définir une minuterie personnalisée pour chaque tâche, et je souhaite définir la priorité de la tâche avant d'ajouter la tâche. Vous pouvez modifier davantage et obtenir l'invite que vous utilisez Chatgpt, puis l'outil met à jour les applications avec ces nouvelles fonctionnalités.

Félicitations! Vous venez de construire l'extrémité avant de l'application de liste de tâches en quelques minutes. Vous pouvez l'utiliser pour créer une liste de tâches. Cependant, comme il n'y a pas de base de données, vous pourriez perdre vos données si vous réinitialisez l'application ou que vous avez simplement effacé le cache Chrome ou tout autre navigateur que vous utilisez.

Pour éviter cela, vous pouvez connecter les données à la base de données et les utiliser pour stocker les données. Ne t'inquiète pas; Vous pouvez le faire en étapes simples.

Vous pouvez connecter votre application à la base de données, stocker toutes vos données, ajouter l'authentification et même envoyer des e-mails. Dans mon cas, l'application de liste de tâches que j'ai construite utilise un stockage de navigateur local pour stocker toutes vos tâches, et si vous effacez le cache de Google Chrome ou de tout navigateur que vous utilisez, toutes vos tâches seront supprimées. Pour éviter cela, vous pouvez le connecter à la base de données et stocker des données sur le serveur.

Lovable offre également un moyen facile de connecter votre application à une base de données, de stocker les données à l'aide de la tâche, d'ajouter l'authentification, d'envoyer des e-mails, etc.

Cliquez sur Supabase, puis connectez Supabase et créez un compte là-bas. Après avoir créé un compte, cliquez sur l' autorisation adorable . Vous avez besoin d'un compte GitHub pour créer un compte dans Supabase. Si vous n'avez pas de compte GitHub , vous pouvez en créer un à partir d'ici.

Maintenant, créez un compte Supabase . Vous devez vous connecter à l'aide de votre compte GitHub. Une fois créé, revenez à l'application et l'application affiche le nom de votre projet et votre ID sur la page.

Cliquez sur votre compte, puis appuyez sur Créer un nouveau projet.

Ensuite, entrez un nom de projet et créez un nouveau projet, qui se connectera automatiquement à la base de données. Plus tard, il vous offre des options pour plusieurs actions différentes. Dans ce cas, je demande simplement à stocker les données des tâches.

L'application vous donne le code SQL. Vous pouvez consulter le code si vous le connaissez et cliquez sur Appliquer les modifications . L'application sera connectée avec succès à la base de données.

Maintenant, vous pouvez publier l'application et l'utiliser sur votre mobile. Cliquez sur le bouton Publier et publiez à nouveau pour obtenir le lien. N'oubliez pas que c'est un lien public; Toute personne y accédant peut copier et remixer votre code d'application. Vous devez vous abonner aux plans premium pour créer un projet privé.

Vous pouvez également partager le code avec GitHub, télécharger le projet localement et commencer à le développer sur votre appareil. Connectez votre compte GitHub et engagez le projet à GitHub.

C'est ça! Vous avez créé une application complète de liste de tâches à l'aide d'outils AI simples en quelques minutes. J'espère que vous trouverez ce guide utile.

Vous pouvez créer n'importe quelle application que vous souhaitez, les possibilités sont infinies, mais n'oubliez pas que la version gratuite de ces outils d'IA est limitée à quelques invites, vous pouvez opter pour un plan premium qui peut augmenter cette limite mais coûte cher si vous êtes un utilisateur régulier. Par exemple, le plan de démarrage adorable coûte 20 dollars et est le même que le plan ChatGpt Plus. Le plan gratuit, qui donne accès à 5 invites par jour (limités à 30 par mois), est plus que suffisant pour créer une application Web de base. J'espère que vous trouverez ce guide utile; Si vous avez des suggestions ou des problèmes confrontés, faites-le moi savoir dans les commentaires.

Affichez l'application que j'ai construite: https://pomodoro-panda-planner.lovable.app./

FAQ sur les applications de création à l'aide d'outils d'IA

1. Puis-je utiliser des applications mobiles aimables ou boulonnées, ou sont-elles uniquement pour les applications Web?

Vous pouvez également utiliser ces outils pour créer des applications mobiles. Vous pouvez demander aux outils d'écrire du code dans React Native et le publier plus tard sur des plates-formes mobiles comme Google Play et Apple App Store. Vous pouvez également convertir les applications existantes en applications mobiles à l'aide de frameworks dans le même framework natif React ou les envelopper dans une vue Web à l'aide d'outils comme le condensateur ou Cordova.

2. Ai-je besoin de connaissances de codage pour utiliser l'adorable ou le boulon?

Non, vous n'avez pas besoin de connaissances de codage préalables pour créer les applications Web de base. Cependant, ces outils d'IA peuvent parfois être un hoquet, vous avez donc besoin de connaissances techniques et codantes pour résoudre les problèmes. Cependant, dans la plupart des cas. Vous pouvez créer des applications en utilisant des invites en langage naturel sans écrire une seule ligne de code.

3. Quelles sont les principales différences entre Lovable et Bolt?

Lovable vous permet de vous connecter avec un compte Google et offre 5 invites gratuites par jour, tandis que Bolt, en revanche, nécessite un compte GitHub et fournit des jetons gratuits de 150k par jour. Les deux ont presque une interface similaire. Additnaly Bot. Nouveau vous permet de télécharger ou de porter directement le code profondément le code dans les serveurs réseau. Alors que dans Global, vous devez vous engager. Le code GitHub pour obtenir le code.

4. Puis-je créer des applications complexes en utilisant ces outils d'IA?

Oui, mais il y aura une limitation car les applications complexes nécessitent des connaissances de codage avancées. Ces outils offrent également des invites limitées par jour, ce qui peut être suffisant pour créer l'application à l'aide de versions gratuites.

5. Que se passe-t-il si je manque d'invites ou de jetons gratuits?

Dans Lovable, la version gratuite est limitée à 5 invites quotidiennes, et vous devez attendre 24 heures pour une réinitialisation. Dans Bolt, une fois que vous avez dépassé les jetons de 150k, vous devez attendre que la limite de réinitialisation quotidienne obtienne plus de jetons.