Vai al contenuto
CodeMyVibe

Creare un'app mobile in vibe coding

Vuoi un'app per il tuo telefono e per quello dei tuoi clienti, ma creare un'app senza programmare sembra impossibile? Con il vibe coding descrivi a parole cosa deve fare l'app e un agente AI la costruisce, te la mostra dentro la cornice di un iPhone o di un Android e te la fa provare sul tuo telefono vero. Ecco come funziona, dall'idea all'app in tasca.

Che app puoi creare

Un'app mobile ha senso quando le persone la usano spesso e in movimento. Qualche idea:

  • un'app per i clienti di una palestra o di uno studio, con orari dei corsi e prenotazioni;
  • una tessera fedeltà digitale con codice QR;
  • un'app per la tua squadra, per segnare interventi, presenze o consegne;
  • un'app di abitudini, liste o diario personale;
  • una guida per un evento, un museo o una città.

L'app che ottieni è una web app moderna che funziona su iPhone e Android, e che puoi anche trasformare in un progetto per gli store.

Come si crea un'app passo dopo passo

  1. Scegli App mobile come tipo di progetto e descrivi nella chat chi la userà e cosa deve fare.
  2. Pianifica le schermate. In modalità Pianifica l'agente ragiona con te sulla navigazione e sulle funzioni, senza toccare i file. Poi passi a Crea.
  3. Guarda l'app nella cornice di un iPhone o di un Android, accanto alla chat.
  4. Correggi puntando un pulsante o una schermata, o allegando lo screenshot di un'app che ti piace.
  5. Provala sul tuo telefono inquadrando un codice QR.
  6. Scarica il progetto Cordova quando l'app ti convince, da compilare tu per l'App Store e Google Play.
Prova a chiedere Crea un'app mobile per i clienti del mio bar: menu con foto e prezzi, tessera fedeltà con un codice QR personale e una pagina con orari e indirizzo; i clienti si registrano con email e password.

Un esempio di richiesta che funziona

«App per i soci della palestra FitZone di Verona. Barra in basso con quattro sezioni: Corsi (calendario settimanale con pilates, spinning e functional, con orario e istruttore), Prenotazioni (le mie prenotazioni con possibilità di annullare), Tessera (codice QR personale da mostrare all'ingresso) e Profilo. I soci si registrano con email e password, l'amministratore inserisce i corsi».

Funziona perché descrive la navigazione, il contenuto di ogni schermata, i dati da salvare e i due tipi di utente. L'agente crea da solo tabelle, registrazione e login, e la prima versione si può già provare in palestra.

Cosa ottieni

  • Anteprima in cornice iPhone o Android mentre l'app prende forma.
  • Prova sul telefono vero inquadrando un codice QR.
  • Installazione sulla schermata Home del tuo telefono come web app a schermo intero, per provarla come un'app vera.
  • Un progetto Cordova da scaricare, pronto da compilare per l'App Store e Google Play: la compilazione e la pubblicazione le fai tu, con i tuoi account sviluppatore.
  • Dati, utenti e file gestiti dall'agente e visibili nella scheda Backend.
  • Versioni con changelog per tornare a una versione precedente quando vuoi.

Consigli per un'app semplice da usare

  • Poche schermate principali: tre o quattro voci nella barra in basso bastano quasi sempre.
  • Una cosa importante per schermata. Sul telefono lo spazio è poco.
  • Pulsanti grandi e testi brevi, da usare con il pollice.
  • Provala davvero sul telefono e annota cosa ti rallenta, poi chiedilo all'agente.
  • Allega schizzi o screenshot: anche un disegno su carta fotografato aiuta l'agente a capire.

Web app, app installata o app negli store?

Quando parli di «app» puoi intendere cose diverse, e conviene sapere quale ti serve prima di partire:

  • App in prova: la apri sul tuo telefono inquadrando il codice QR, all'indirizzo di anteprima privato nome.previewmyvibe.com che vedi solo tu e chi autorizzi. È il modo più rapido per provarla e mostrarla.
  • Web app sul tuo hosting: scarichi il codice completo, pronto per Docker o per un normale hosting, e la metti online dove preferisci; clienti, soci o collaboratori la aprono dal browser del telefono. La pubblicazione con un clic sul nostro hosting è in arrivo.
  • App negli store: scarichi il progetto Cordova, lo compili e lo pubblichi tu sull'App Store e su Google Play con i tuoi account sviluppatore. Ha senso quando vuoi farti trovare da chi cerca negli store.

Il consiglio è provarla a lungo sul tuo telefono, farla vedere a qualche persona vera e passare agli store solo quando l'app è stabile.

Dall'anteprima agli store

Finché lavori, l'app vive nell'anteprima privata: la provi sul telefono con il codice QR, la installi sulla schermata Home per usarla a schermo intero e la mostri alle persone che autorizzi. Quando è pronta, scarichi il progetto Cordova e lo compili e pubblichi tu sull'App Store e su Google Play, con i tuoi account sviluppatore.

In ogni momento puoi anche scaricare il codice sorgente completo in un file ZIP, anche gratis, o sincronizzarlo con GitHub, GitLab o Bitbucket, dove ogni versione diventa un commit.

Domande frequenti

L'app funziona sia su iPhone che su Android?

Sì. Puoi vederla in anteprima in entrambe le cornici e provarla sul tuo telefono inquadrando un codice QR.

Posso pubblicare l'app sull'App Store e su Google Play?

Puoi scaricare un progetto Cordova pronto da compilare. La compilazione e la pubblicazione sugli store le fai tu, con i tuoi account sviluppatore.

Posso usare l'app senza passare dagli store?

Sì. Puoi scaricare il codice completo e metterla online come web app sull'hosting che preferisci; per provarla, la installi sulla schermata Home del tuo telefono dall'anteprima.

Devo saper programmare per creare un'app mobile?

No. Descrivi l'app a parole e l'agente scrive il codice. Per pubblicarla negli store, invece, servono la compilazione del progetto Cordova e i tuoi account sviluppatore.

Crea il tuo account e inizia subito

Descrivi il tuo progetto e guardalo prendere forma in pochi minuti.

Inizia gratis Gratis, senza carta di credito.