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

L’IA change le paysage technologique pour toujours ; prenez ChatGPT, par exemple. Cela a perturbé l’industrie de l’écriture et même perturbé des entreprises entières comme Chegg. Chaque entreprise court maintenant après l’IA et essaie de l’intégrer dans ses applications et services. Bien que la plupart d’entre elles soient agréables à avoir, la véritable valeur 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 construire une application, je répondrais probablement 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 quelques minutes. C’est ce que l’IA peut faire maintenant. Certaines applications vous permettent de construire des applications en seulement quelques minutes. Non, je ne parle pas d’outils d’IA sans code pour construire des applications. Je parle d’applications qui peuvent écrire du code dans n’importe quel langage ou manière ou vous aider à construire les applications. La bonne nouvelle est que vous n’avez pas besoin d’écrire une seule ligne de code ou même d’avoir des connaissances préalables sur le fonctionnement du code.

Vous pouvez construire une application et la faire évoluer vers des millions en seulement quelques minutes. J’ai utilisé 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 fait pour vous.

Comment construire des applications en quelques minutes : Construisons une application de liste de tâches

J’ai essayé les outils Lovable.dev et Bolt.new qui vous permettent de construire l’application en utilisant des prompts naturels simples. Les deux offrent des résultats incroyables pour construire des applications web simples en quelques minutes, mais ils diffèrent légèrement en termes de limites.

D’après mon expérience, Bolt offre des tokens limités (la quantité de texte ou de code que l’IA peut écrire ; dans Bolt, il était limité à 150k mots) par jour, ce qui n’est pas beaucoup si vous voulez construire une application avancée nécessitant plusieurs prompts et des centaines de lignes de code. De plus, vous avez besoin d’un compte GitHub pour créer et utiliser Bolt.

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.

Aussi, contrairement à Bolt, Lovable offre cinq prompts gratuits par jour (combien de fois vous pouvez interagir avec l’application), ce qui vous permet de créer et d’itérer des plans et de corriger tout problème sans vous soucier de dépasser les limites.

Je vais utiliser Lovable pour vous aider à construire 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 allez construire à l’avance dans un prompt pour obtenir de meilleurs résultats et éviter de gaspiller inutilement votre limite de prompts gratuits en répétant des demandes plus tard.

Et ne vous inquiétez pas, vous n’avez besoin d’aucune connaissance préalable. Vous pouvez utiliser n’importe quel outil de chatbot IA pour créer un prompt détaillé pour construire une application ; je recommande d’utiliser ChatGPT pour de meilleurs résultats.

Visitez ChatGPT.com et commencez à demander ce que vous voulez construire comme application avec ces fonctionnalités. Si vous avez de l’expérience, vous pouvez spécifier des fonctionnalités adaptées à vos besoins. Prenez un peu de temps et peaufinez le prompt.

Enfin, demandez à ChatGPT de générer un prompt d’IA pour construire l’application.

Ensuite, allez sur Lovable.dev et cliquez sur S’inscrire si vous n’avez pas de compte.

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

Une fois connecté, dans l’écran de chat, copiez le prompt de ChatGPT, collez-le comme prompt, et appuyez sur Entrée 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 la construire. Si vous rencontrez une erreur comme une erreur inconnue ou quelque chose s’est mal passé, et que l’application cesse de se construire, vous pouvez utiliser le prompt Continuer à construire l’application pour reprendre le processus.

Une fois la construction terminée, vous pouvez voir l’aperçu de l’application fonctionnelle dans l’onglet de droite et passer de la vue mobile à la vue bureau.

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

Dans ce cas, je veux l’application de tâches de liste avec une option pour définir un minuteur personnalisé pour chaque tâche, et je veux définir la priorité de la tâche avant d’ajouter la tâche. Vous pouvez peaufiner davantage et obtenir le prompt que vous utilisez avec ChatGPT, puis l’outil met à jour les applications avec ces nouvelles fonctionnalités.

Félicitations ! Vous venez de construire l’interface 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 si vous videz simplement le cache de Chrome ou de tout autre navigateur que vous utilisez.

Pour éviter cela, vous pouvez connecter les données à la base de données et l’utiliser pour stocker les données. Ne vous inquiétez pas ; vous pouvez le faire en quelques étapes simples.

Vous pouvez connecter votre application à la base de données, stocker toutes vos données, ajouter une authentification et même envoyer des e-mails. Dans mon cas, l’application de liste de tâches que j’ai construite utilise le stockage local du navigateur pour stocker toutes vos tâches, et si vous videz le cache de Google Chrome ou de tout autre navigateur que vous utilisez, toutes vos tâches seront supprimées. Pour éviter cela, vous pouvez la connecter à la base de données et stocker les 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 en utilisant la tâche, d’ajouter une authentification, d’envoyer des e-mails, et plus encore.

Cliquez sur Supabase, puis Connecter Supabase, et créez un compte là-bas. Après avoir créé un compte, cliquez sur Autoriser Lovable. 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 ici.

Maintenant, créez un compte Supabase. Vous devez vous connecter en utilisant votre compte GitHub. Une fois créé, revenez à l’application, et l’application affichera votre nom de projet et 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, cela vous donnera des options pour plusieurs actions différentes. Dans ce cas, je demande simplement de stocker les données de tâche.

L’application vous donne le code SQL. Vous pouvez revoir le code si vous êtes familier avec et cliquer 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 Publier à nouveau pour obtenir le lien. N’oubliez pas, c’est un lien public ; toute personne y accédant peut copier et remixer le code de votre application. Vous devez vous abonner aux plans premium pour créer un projet privé.

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

C’est tout ! Vous avez créé une application complète de liste de tâches en utilisant des outils d’IA simples en quelques minutes. J’espère que vous trouverez ce guide utile.

Vous pouvez construire n’importe quelle application que vous voulez, les possibilités sont infinies, mais rappelez-vous que la version gratuite de ces outils d’IA est limitée à quelques prompts. Vous pouvez opter pour un plan premium qui peut augmenter cette limite mais qui est coûteux si vous êtes un utilisateur régulier. Par exemple, le plan Lovable Starter coûte 20 dollars et est le même que le plan ChatGPT Plus. Le plan gratuit, qui donne accès à 5 prompts par jour (limité à 30 par mois), est plus que suffisant pour construire une application web de base. J’espère que vous trouverez ce guide utile ; si vous avez des suggestions ou si vous rencontrez des problèmes, faites-le moi savoir dans les commentaires.

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

FAQ sur la construction d’applications en utilisant des outils d’IA

1. Puis-je utiliser Lovable ou Bolt pour construire des applications mobiles, ou ne sont-elles que pour des applications web ?

Vous pouvez également utiliser ces outils pour construire des applications mobiles. Vous pouvez demander aux outils d’écrire du code en React Native et de le publier plus tard sur des plateformes mobiles comme Google Play et l’App Store d’Apple. Vous pouvez également convertir des applications existantes en applications mobiles en utilisant des frameworks comme React Native ou les envelopper dans un WebView en utilisant des outils comme Capacitor ou Cordova.

2. Ai-je besoin de connaissances en codage pour utiliser Lovable ou Bolt ?

Non, vous n’avez pas besoin de connaissances préalables en codage pour construire des applications web de base. Cependant, ces outils d’IA peuvent parfois poser des problèmes, donc vous aurez besoin de connaissances techniques et en codage pour résoudre les problèmes. Cependant, dans la plupart des cas, vous pouvez construire des applications en utilisant des prompts 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 prompts gratuits par jour, tandis que Bolt, d’autre part, nécessite un compte GitHub et fournit 150k tokens gratuits par jour. Les deux ont presque une interface similaire. De plus, Bolt vous permet de télécharger directement ou de porter le code profondément dans les serveurs réseau. Alors que dans Lovable, vous devez valider le code GitHub pour obtenir le code.

4. Puis-je construire des applications complexes en utilisant ces outils d’IA ?

Oui, mais il y aura une limitation puisque les applications complexes nécessitent des connaissances avancées en codage. Ces outils offrent également des prompts limités par jour, ce qui peut suffire pour construire l’application en utilisant les versions gratuites.

5. Que se passe-t-il si je manque de prompts ou de tokens gratuits ?

Dans Lovable, la version gratuite est limitée à 5 prompts par jour, et vous devez attendre 24 heures pour un réinitialisation. Dans Bolt, une fois que vous dépassez 150k tokens, vous devez attendre la réinitialisation quotidienne pour obtenir plus de tokens.