Wie ich meine eigene To-Do-Listen-App in Minuten mit KI-Tools erstellt habe

KI verändert die Technologielandschaft für immer; nehmen wir ChatGPT als Beispiel. Es hat die Schreibindustrie gestört und sogar ganze Chegg-Geschäfte beeinträchtigt. Jedes Unternehmen jagt jetzt der KI nach und versucht, sie in ihre Apps und Dienste zu integrieren. Während die meisten von ihnen schön zu haben sind, besteht der wahre Wert von KI darin, dass sie den menschlichen Aufwand reduziert, Prozesse beschleunigt und Kosten senkt.

Wenn mich jemand fragt, wie lange es dauert, eine App zu erstellen, würde ich wahrscheinlich mit ein paar Monaten oder vielleicht Jahren antworten, je nach den Ressourcen und wie groß die App ist.

Wenn Sie jedoch dieselbe Frage jetzt stellen, würde ich sagen, vielleicht eine Stunde, einen Tag oder sogar Minuten. Das ist es, was KI jetzt tun kann. Bestimmte Anwendungen ermöglichen es Ihnen, Apps in nur wenigen Minuten zu erstellen. Nein, ich spreche nicht von No-Code-KI-Tools zum Erstellen von Apps. Ich spreche von Apps, die Code in jeder Sprache oder Art schreiben oder Ihnen beim Erstellen der Apps helfen können. Das Gute daran ist, dass Sie nicht eine einzige Zeile Code schreiben oder sogar vorherige Kenntnisse darüber haben müssen, wie Code funktioniert.

Sie können eine App erstellen und die App in nur wenigen Minuten auf Millionen skalieren. Ich habe verschiedene KI-Tools verwendet und über 30+ Apps erstellt. Wenn Sie lernen und etwas erstellen möchten, ohne Monate damit zu verbringen, das Programmieren zu lernen, ist dieser Leitfaden für Sie.

So erstellen Sie Apps in nur Minuten: Lassen Sie uns eine To-Do-Listen-App erstellen

Ich habe die Tools Lovable.dev und Bolt.new ausprobiert, die es Ihnen ermöglichen, die App mit einfachen natürlichen Prompts zu erstellen. Beide bieten unglaubliche Ergebnisse beim Erstellen einfacher Web-Apps in nur wenigen Minuten, unterscheiden sich jedoch leicht in Bezug auf die Limits.

Nach meiner Erfahrung bietet Bolt eine begrenzte Anzahl von Tokens (wie viel Text oder Code die KI schreiben kann; bei Bolt war es auf 150k Wörter pro Tag begrenzt), was nicht viel ist, wenn Sie eine fortgeschrittene App erstellen möchten, die mehrere Prompts und Hunderte von Codezeilen erfordert. Außerdem benötigen Sie ein GitHub-Konto, um Bolt zu erstellen und zu verwenden.

Andererseits verfolgt Lovable einen benutzerfreundlicheren Ansatz, indem es Ihnen ermöglicht, sich mit einem Google-Konto anzumelden, da nicht viele Nicht-Programmierer ein GitHub-Konto haben.

Außerdem bietet Lovable im Gegensatz zu Bolt fünf kostenlose Prompts pro Tag (wie oft Sie mit der App interagieren können), was es Ihnen ermöglicht, Pläne zu erstellen und zu iterieren und Probleme zu beheben, ohne sich Sorgen machen zu müssen, die Limits zu überschreiten.

Ich werde Lovable verwenden, um Ihnen beim Erstellen der App zu helfen. Sie können auch Bolt ansehen, wenn Sie ein GitHub-Konto haben, da sie einen ähnlichen Ansatz und eine ähnliche Benutzeroberfläche bieten.

Zuerst lassen Sie uns mit der Erstellung einer Idee beginnen. Auch wenn diese Apps natürliche Sprache verstehen können, ist es besser, im Voraus zu planen und alle Details der App, die Sie erstellen möchten, in einem Prompt zu enthalten, um bessere Ergebnisse zu erzielen und unnötiges Verschwenden Ihres kostenlosen Prompt-Limits zu vermeiden, indem Sie später Anfragen wiederholen.

Und keine Sorge, Sie benötigen keine Vorkenntnisse. Sie können jedes KI-Chatbot-Tool verwenden, um einen detaillierten Prompt zum Erstellen einer App zu erstellen; ich empfehle die Verwendung von ChatGPT für bessere Ergebnisse.

Besuchen Sie ChatGPT.com und beginnen Sie zu fragen, was Sie mit diesen Funktionen in einer App erstellen möchten. Wenn Sie Erfahrung haben, können Sie spezifische Funktionen angeben, die auf Ihre Bedürfnisse zugeschnitten sind. Verbringen Sie etwas Zeit damit, den Prompt zu verfeinern.

Fragen Sie schließlich ChatGPT, um einen KI-Prompt zur Erstellung der App zu generieren.

Gehen Sie als Nächstes zu Lovable.dev und klicken Sie auf Anmelden, wenn Sie kein Konto haben.

Sie können ein Google-Konto oder GitHub verwenden, um sich bei Lovable anzumelden. Ich empfehle die Verwendung eines Google-Kontos, da es einfach einzurichten ist und jeder es hat.

Sobald Sie angemeldet sind, kopieren Sie den Prompt von ChatGPT, fügen Sie ihn als Prompt ein und drücken Sie die Eingabetaste oder klicken Sie auf den kleinen Pfeil in der unteren rechten Ecke. Das Tool beginnt mit der Erstellung der App mit den notwendigen Dateien.

Je nach den Funktionen der App kann es mehrere Minuten dauern, sie zu erstellen. Wenn Sie auf einen Fehler wie einen unbekannten Fehler oder etwas ist schief gelaufen stoßen und die App das Erstellen stoppt, können Sie den Continue Building App Prompt verwenden, um den Prozess fortzusetzen.

Sobald der Build abgeschlossen ist, können Sie die funktionierende App-Vorschau im rechten Tab anzeigen und zwischen der mobilen und der Desktop-Ansicht wechseln.

Wenn Sie auf einen Fehler stoßen, wird die App Sie auffordern, ihn zu beheben, und das Tool wird automatisch mit der Behebung des Problems beginnen. Sie können die App mit neuen Funktionen mithilfe von Prompts aus der linken Seitenleiste erweitern. Denken Sie daran, dass Sie auf 5 Prompts pro Tag beschränkt sind. Sobald Sie das Limit erreicht haben, müssen Sie 24 Stunden warten.

In diesem Fall möchte ich die To-Do-Listen-App mit einer Option zum Einstellen eines benutzerdefinierten Timers für jede Aufgabe und der Möglichkeit, die Aufgabenpriorität vor dem Hinzufügen der Aufgabe festzulegen. Sie können weiter anpassen und den Prompt, den Sie mit ChatGPT verwenden, verfeinern, und dann aktualisiert das Tool die Apps mit diesen neuen Funktionen.

Herzlichen Glückwunsch! Sie haben gerade das Frontend der To-Do-Listen-App in nur wenigen Minuten erstellt. Sie können es verwenden, um eine To-Do-Liste zu erstellen. Da jedoch keine Datenbank vorhanden ist, könnten Sie Ihre Daten verlieren, wenn Sie die App zurücksetzen oder einfach den Chrome-Cache oder einen anderen Browser, den Sie verwenden, leeren.

Um dies zu vermeiden, können Sie die Daten mit der Datenbank verbinden und sie zur Speicherung der Daten verwenden. Keine Sorge; Sie können dies in einfachen Schritten tun.

Sie können Ihre App mit der Datenbank verbinden, alle Ihre Daten speichern, eine Authentifizierung hinzufügen und sogar E-Mails senden. In meinem Fall verwendet die To-Do-Listen-App, die ich erstellt habe, den lokalen Browser-Speicher, um alle Ihre Aufgaben zu speichern, und wenn Sie den Cache von Google Chrome oder einem anderen Browser, den Sie verwenden, leeren, werden alle Ihre Aufgaben gelöscht. Um dies zu vermeiden, können Sie sie mit der Datenbank verbinden und die Daten auf dem Server speichern.

Lovable bietet auch eine einfache Möglichkeit, Ihre App mit einer Datenbank zu verbinden, die Daten mithilfe der Aufgabe zu speichern, eine Authentifizierung hinzuzufügen, E-Mails zu senden und mehr.

Klicken Sie auf Supabase, dann auf Supabase verbinden und erstellen Sie dort ein Konto. Nachdem Sie ein Konto erstellt haben, klicken Sie auf Lovable autorisieren. Sie benötigen ein GitHub-Konto, um ein Konto bei Supabase zu erstellen. Wenn Sie kein GitHub-Konto haben, können Sie hier eines erstellen.

Jetzt erstellen Sie ein Supabase-Konto. Sie müssen sich mit Ihrem GitHub-Konto anmelden. Sobald es erstellt ist, kehren Sie zur App zurück, und die App zeigt Ihren Projektnamen und Ihre ID auf der Seite an.

Klicken Sie auf Ihr Konto und tippen Sie dann auf Neues Projekt erstellen.

Geben Sie als Nächstes einen Projektnamen ein und erstellen Sie ein neues Projekt, das automatisch mit der Datenbank verbunden wird. Später erhalten Sie Optionen für verschiedene Aktionen. In diesem Fall bitte ich nur darum, Aufgabendaten zu speichern.

Die App gibt Ihnen den SQL-Code. Sie können den Code überprüfen, wenn Sie damit vertraut sind, und auf Änderungen anwenden klicken. Die App wird erfolgreich mit der Datenbank verbunden.

Jetzt können Sie die App veröffentlichen und auf Ihrem Mobilgerät verwenden. Klicken Sie auf die Veröffentlichen-Schaltfläche und dann erneut auf Veröffentlichen, um den Link zu erhalten. Denken Sie daran, dass es sich um einen öffentlichen Link handelt; jeder, der darauf zugreift, kann Ihren App-Code kopieren und remixen. Sie müssen sich für die Premium-Pläne anmelden, um ein privates Projekt zu erstellen.

Sie können den Code auch auf GitHub teilen, das Projekt lokal herunterladen und mit der Entwicklung auf Ihrem Gerät beginnen. Verbinden Sie Ihr GitHub-Konto und committen Sie das Projekt auf GitHub.

Das ist es! Sie haben eine vollständige To-Do-Listen-App mit einfachen KI-Tools in wenigen Minuten erstellt. Ich hoffe, Sie finden diesen Leitfaden hilfreich.

Sie können jede App erstellen, die Sie möchten, die Möglichkeiten sind endlos. Aber denken Sie daran, dass die kostenlose Version dieser KI-Tools auf einige Prompts beschränkt ist. Sie können sich für einen Premium-Plan entscheiden, der dieses Limit erhöhen kann, aber teuer ist, wenn Sie ein regelmäßiger Benutzer sind. Zum Beispiel kostet der Lovable Starter-Plan 20 Dollar und ist dasselbe wie der ChatGPT Plus-Plan. Der kostenlose Plan, der Zugang zu 5 Prompts pro Tag (auf 30 pro Monat begrenzt) bietet, ist mehr als ausreichend, um eine grundlegende Web-App zu erstellen. Ich hoffe, Sie finden diesen Leitfaden hilfreich; wenn Sie Vorschläge haben oder auf Probleme stoßen, lassen Sie es mich in den Kommentaren wissen.

Sehen Sie sich die App an, die ich erstellt habe: https://pomodoro-panda-planner.lovable.app./

FAQs zum Erstellen von Apps mit KI-Tools

1. Kann ich Lovable oder Bolt verwenden, um mobile Apps zu erstellen, oder sind sie nur für Web-Apps?

Sie können diese Tools auch verwenden, um mobile Apps zu erstellen. Sie können die Tools bitten, Code in React Native zu schreiben und ihn später auf mobilen Plattformen wie Google Play und Apple App Store zu veröffentlichen. Sie können auch vorhandene Apps in mobile Apps umwandeln, indem Sie Frameworks wie das React Native Framework verwenden oder sie mit Tools wie Capacitor oder Cordova in eine WebView einbetten.

2. Benötige ich Programmierkenntnisse, um Lovable oder Bolt zu verwenden?

Nein, Sie benötigen keine Vorkenntnisse in der Programmierung, um die grundlegenden Web-Apps zu erstellen. Diese KI-Tools können jedoch manchmal ein Hindernis darstellen, sodass Sie technische und Programmierkenntnisse benötigen, um die Probleme zu beheben. In den meisten Fällen können Sie jedoch Apps mit natürlichen Sprachprompts erstellen, ohne eine einzige Zeile Code zu schreiben.

3. Was sind die Hauptunterschiede zwischen Lovable und Bolt?

Lovable ermöglicht es Ihnen, sich mit einem Google-Konto anzumelden und bietet täglich 5 kostenlose Prompts, während Bolt hingegen ein GitHub-Konto erfordert und täglich 150k kostenlose Tokens bereitstellt. Beide haben eine nahezu ähnliche Benutzeroberfläche. Zusätzlich ermöglicht Bolt das direkte Herunterladen oder Portieren des Codes tief in die Netzwerkserver. Während Sie bei Lovable den GitHub-Code committen müssen, um den Code zu erhalten.

4. Kann ich komplexe Anwendungen mit diesen KI-Tools erstellen?

Ja, aber es wird eine Einschränkung geben, da komplexe Anwendungen fortgeschrittene Programmierkenntnisse erfordern. Diese Tools bieten auch eine begrenzte Anzahl von Prompts pro Tag, was möglicherweise ausreicht, um die App mit kostenlosen Versionen zu erstellen.

5. Was passiert, wenn ich keine kostenlosen Prompts oder Tokens mehr habe?

Bei Lovable ist die kostenlose Version auf 5 tägliche Prompts beschränkt, und Sie müssen 24 Stunden auf einen Reset warten. Bei Bolt müssen Sie, sobald Sie 150k Tokens überschreiten, auf das tägliche Reset-Limit warten, um mehr Tokens zu erhalten.