Come ho costruito la mia app di elenco di todo in minuti utilizzando gli strumenti di intelligenza artificiale

Pubblicato: 2025-03-05

L'IA sta cambiando per sempre il panorama tecnologico; Prendi Chatgpt, per esempio. Ha interrotto l'industria della scrittura e ha persino interrotto l'intera attività di Chegg. Ogni azienda ora funziona dopo l'intelligenza artificiale e sta cercando di integrarlo nelle loro app e servizi. Mentre la maggior parte di loro è piacevole da avere, il valore reale dell'IA è che riduce lo sforzo umano, accelera i processi e riduce i costi.

build apps in minutes

Ad esempio, se qualcuno mi chiedesse quanto tempo ci vuole per costruire un'app, probabilmente risponderei tra un paio di mesi, forse anni, a seconda delle risorse e di quanto sia grande l'app.

Tuttavia, se fai la stessa domanda ora, direi forse un'ora, un giorno o addirittura minuti. Questo è ciò che l'IA può fare ora. Alcune applicazioni ti consentono di creare app in pochi minuti. No, non sto parlando di strumenti AI senza codice per la costruzione di app. Sto parlando di app che possono scrivere codice in qualsiasi lingua o modo o aiutarti a costruire le app. La cosa buona è che non è necessario scrivere una singola riga di codice o anche una conoscenza precedente su come funziona il codice.

Puoi creare un'app e ridimensionare l'app a milioni in pochi minuti. Ho usato vari strumenti di intelligenza artificiale e ho creato oltre 30 app. Se vuoi imparare e creare qualcosa senza passare mesi a imparare a codificare, questa guida è per te.

Sommario

Come creare app in pochi minuti: creiamo un'app di elenco di cose da fare

Fare un passo
Descrizione
Passaggio 1
Usa CHATGPT per generare un prompt di intelligenza artificiale dettagliato per la tua app. Esempio: generare un prompt AI per creare un'app di elenco di cose da fare con tutte le funzionalità necessarie
Passaggio 2
Quindi, crea un account su adorable.dev utilizzando Google o GitHub.
Passaggio 3
Incolla il prompt generato dal chatgpt in adorabile e premi Invio. Lo strumento inizierà a costruire l'app.
Passaggio 4
Se riscontri problemi, ricarica la pagina, chiedi allo strumento per risolvere i problemi
Passaggio 5
Una volta che l'app viene creata, genera automaticamente un'anteprima dell'app. Puoi iniziare a usarlo.
Passaggio 6
Per aggiungere più funzionalità all'app, è possibile utilizzare più istruzioni per migliorare e personalizzare la tua app. Ad esempio: aggiungere la possibilità di impostare il timer per ciascuna attività, lo strumento aggiorna il codice per aggiungere questa funzione.
Passaggio 7 (opzionale)
Successivamente, è possibile utilizzare SUPABASE per archiviare i dati e prevenire la perdita di dati.
Passaggio 8
Fai clic sul pulsante Pubblica per rendere la tua app in diretta con un link pubblico.
Passaggio 9
Per salvare il codice localmente sul dispositivo, connettiti all'account GitHub e commetti il ​​codice.

Ho provato Lovel.dev e Bolt.New Strumenti che ti consentono di creare l'app utilizzando semplici istruzioni naturali. Entrambi offrono risultati incredibili nella costruzione di semplici app Web in pochi minuti, ma differiscono leggermente in termini di limiti.

Nella mia esperienza, Bolt offre token limitati (quanto testo o codice AI possono scrivere; in Bolt, era limitato a 150k parole) al giorno, il che non è molto se si desidera creare un'app avanzata che richiede più istruzioni e centinaia di righe di codice. Inoltre, è necessario un account GitHub per creare e utilizzare Bolt.

D'altra parte, Lovely adotta un approccio più intuitivo consentendo di accedere con un account Google poiché non molti non programmatori hanno un account GitHub.

Inoltre, a differenza di Bolt, Loveble offre cinque istruzioni gratuite al giorno (quante volte puoi interfacciarsi con l'app), il che ti consente di creare e iterare piani e risolvere eventuali problemi senza preoccuparti di superare i limiti.

Userò adorabile per aiutarti a costruire l'app. Puoi anche vedere Bolt se hai un account GitHub poiché offrono un approccio e un'interfaccia simili.

Innanzitutto, iniziamo creando un'idea. Anche se queste app possono comprendere il linguaggio naturale, è meglio pianificare e includere tutti i dettagli dell'app che creerai in anticipo in un prompt per ottenere risultati migliori ed evitare di sprecare il limite di prompt gratuito inutilmente ripetendo le richieste in seguito.

E non preoccuparti, non hai bisogno di alcuna conoscenza preliminare. È possibile utilizzare qualsiasi strumento di chatbot AI per creare un prompt dettagliato per la creazione di un'app; Consiglio di usare CHATGPT per risultati migliori.

Visita chatgpt.com e inizia a chiedere cosa vuoi creare un'app con queste funzionalità. Se hai esperienza, puoi specificare eventuali funzionalità su misura per le tue esigenze. Trascorrere un po 'di tempo e perfezionare il prompt.

use chatgpt to generate ai prompt

Infine, chiedi a Chatgpt di generare un prompt di intelligenza artificiale per creare l'app.

go to lovalable, and sign up using your google account.

Quindi, vai su Lovely.dev e fai clic su Iscriviti se non hai un account. create account on lovable website

Puoi utilizzare un account Google o GitHub per iscriverti ad adorabile. Consiglio di utilizzare un account Google poiché è facile da configurare e tutti ce l'hanno.

sign up for lovable

Una volta accettato, nella schermata della chat, copiare il prompt da CHATGPT , incollarlo come prompt e premere Invio o fare clic sulla freccia minuscola nell'angolo in basso a destra. Lo strumento inizierà a creare l'app con i file necessari.

enter prompt in lovable

A seconda delle funzionalità dell'app, potrebbero essere necessari diversi minuti per costruirlo. Se si verificano un errore come un errore sconosciuto o qualcosa è andato storto e l'app smette di costruire, è possibile utilizzare il prompt dell'app di costruzione continua per riprendere il processo.

lovable tool building the app

Una volta completata la build, è possibile visualizzare l'anteprima dell'app di lavoro nella scheda giusta e passare da una vista mobile e desktop.

working to do list app

Se riscontri un errore, l'app ti chiederà di risolverlo e lo strumento inizierà automaticamente a risolvere il problema. È possibile migliorare l'app con nuove funzionalità utilizzando i prompt della barra laterale sinistra. Ricorda che sarai limitato a 5 istruzioni al giorno. Una volta raggiunto il limite, dovrai aspettare 24 ore.

add new features to the app

In questo caso, desidero l'app Task Elenco di cose da fare con un'opzione per impostare un timer personalizzato per ciascuna attività e desidero impostare la priorità dell'attività prima di aggiungere l'attività. Puoi modificare ulteriormente e ottenere il prompt che stai utilizzando CHATGPT, quindi lo strumento aggiorna le app con queste nuove funzionalità.

updated app with new features

Congratulazioni! Hai appena costruito la parte anteriore dell'app Elenco di cose da fare in pochi minuti. Puoi usarlo per creare un elenco di cose da fare. Tuttavia, poiché non esiste un database, è possibile perdere i dati se si ripristina l'app o semplicemente cancellato la cache di Chrome o qualsiasi altro browser che usi.

Per evitare questo, è possibile collegare i dati al database e utilizzarli per archiviare i dati. Non preoccuparti; Puoi farlo in semplici passaggi.

È possibile collegare la tua app al database, archiviare tutti i dati, aggiungere autenticazione e persino inviare e -mail. Nel mio caso, l'app Elenco di cose da fare che ho creato utilizza l'archiviazione del browser locale per archiviare tutte le attività e se cancelli la cache di Google Chrome o di qualsiasi browser che stai utilizzando, tutte le tue attività verranno eliminate. Per evitare questo, è possibile collegarlo al database e archiviare i dati sul server.

Lovely offre anche un modo semplice per connettere la tua app a un database, archiviare i dati utilizzando l'attività, aggiungere autenticazione, inviare e -mail e altro ancora.

connect your app to supabase database

Fai clic su Suptabase, quindi collega Suptabase e crea un account lì. Dopo aver creato un account, fai clic sull'autorizzazione adorabile . Hai bisogno di un account GitHub per creare un account in supabase. Se non hai un account GitHub , puoi crearne uno da qui.

authorize access

Ora, crea un account di supabase . È necessario accedere utilizzando il tuo account GitHub. Una volta creato, torna all'app e l'app mostra il nome del progetto e l'ID nella pagina.

connect app to your project

Fai clic sul tuo account, quindi tocca Crea nuovo progetto.

create a new project in subabase

Successivamente, immettere un nome di progetto e creare un nuovo progetto, che si connetterà automaticamente al database. Più tardi, ti dà opzioni per diverse azioni. In questo caso, sto solo chiedendo di archiviare i dati delle attività.

save the app data

L'app ti dà il codice SQL. È possibile rivedere il codice se hai familiarità e fare clic su Applica modifiche . L'app sarà connessa correttamente al database.

review sql code and apply changes

Ora puoi pubblicare l'app e usarla sul tuo cellulare. Fai clic sul pulsante Pubblica e pubblica nuovamente per ottenere il collegamento. Ricorda, è un legame pubblico; Chiunque lo accedi può copiare e remixare il codice dell'app. È necessario iscriverti ai piani premium per creare un progetto privato.

publish the app with live link

Puoi anche condividere il codice su GitHub, scaricare il progetto a livello locale e iniziare a svilupparlo sul tuo dispositivo. Collega il tuo account GitHub e impegna il progetto a GitHub.

your app is ready

Questo è tutto! Hai creato un'app Elenco di cose da fare con semplici strumenti di intelligenza artificiale in pochi minuti. Spero che tu trovi questa guida utile.

Puoi creare qualsiasi app desideri, le possibilità sono infinite, ma ricorda che la versione gratuita di questi strumenti di intelligenza artificiale è limitata a pochi istruzioni, puoi optare per un piano premium che può aumentare questo limite ma è costoso se sei un utente normale. Ad esempio, l'adorabile piano di avviamento costa 20 dollari ed è uguale al piano di Chatgpt Plus. Il piano gratuito, che dà accesso a 5 istruzioni al giorno (limitato a 30 al mese), è più che sufficiente per creare un'app Web di base. Spero che tu trovi questa guida utile; Se hai suggerimenti o problemi di fronte, fammi sapere nei commenti.

Visualizza l'app che ho costruito: https://pomodoro-panda-planner.lovable.app./

Domande frequenti sulla costruzione di app che utilizzano strumenti AI

1. Posso usare adorabile o bullone per creare app mobili o sono solo per app Web?

Puoi anche utilizzare questi strumenti per creare app mobili. Puoi chiedere agli strumenti di scrivere codice in React Native e successivamente pubblicarlo su piattaforme mobili come Google Play e Apple App Store. È inoltre possibile convertire le app esistenti in app mobili utilizzando frameworks lo stesso framework nativo React o avvolgerle in un Webview utilizzando strumenti come Capacutori o Cordova.

2. Ho bisogno di conoscenze di codifica per usare adorabile o bullone?

No, non hai bisogno di conoscenze di codifica precedente per creare le app Web di base. Tuttavia, questi strumenti di intelligenza artificiale possono essere un singhiozzo a volte, quindi hai bisogno di conoscenze tecniche e di codifica per risolvere i problemi. Tuttavia, nella maggior parte dei casi. È possibile creare app utilizzando istruzioni in linguaggio naturale senza scrivere una singola riga di codice.

3. Quali sono le principali differenze tra adorabile e bullone?

Lovely ti consente di accedere con un account Google e offre 5 istruzioni gratuite ogni giorno, mentre Bolt, d'altra parte, richiede un account GitHub e fornisce 150k token gratuiti al giorno. Entrambi hanno quasi un'interfaccia simile. Bot additnaly. Nuovo consente di scaricare direttamente o portare il codice profondamente nei server di rete. Considerando che nel globale, devi impegnarti. Il codice GitHub per ottenere il codice.

4. Posso creare applicazioni complesse usando questi strumenti di intelligenza artificiale?

Sì, ma ci sarà una limitazione poiché le applicazioni complesse richiedono conoscenze di codifica avanzata. Questi strumenti offrono anche istruzioni limitate al giorno, che potrebbero essere sufficienti per creare l'app utilizzando versioni gratuite.

5. Cosa succede se finisco le prompt o i token gratuiti?

In adorabile, la versione gratuita è limitata a 5 istruzioni giornaliere ed è necessario attendere 24 ore per un ripristino. In Bolt, una volta che hai superato i 150k token, è necessario attendere che il limite di ripristino giornaliero ottenga più token.