Startseite / Video

Wie du jede Web-App mit ChatGPT Codex erstellst (in 10 Minuten)

Rajeevdaz · Rajeevdaz · ·7:31 ·10.1K Aufrufe
Wie du jede Web-App mit ChatGPT Codex erstellst (in 10 Minuten)

In diesem Video erkunde ich OpenAI's ChatGPT Codex und baue eine vollständig funktionsfähige Web-App in nur 10 Minuten mit einem einzigen Prompt — ohne Programmierkenntnisse. Ich habe eine Thumbnail-Gesichtsaustausch-App gebaut, die das Gesicht auf einem YouTube-Thumbnail durch ein hochgeladenes Porträt ersetzt.

Vollständige Beschreibung

In diesem Video erkunde ich OpenAI's ChatGPT Codex und baue eine vollständig funktionsfähige Web-App in nur 10 Minuten mit einem einzigen Prompt — ohne Programmierkenntnisse. Ich habe eine Thumbnail-Gesichtsaustausch-App gebaut, die das Gesicht auf einem YouTube-Thumbnail durch ein hochgeladenes Porträt ersetzt. Ich führe dich durch den gesamten Prozess — von der Einrichtung von Codex und der Verbindung zu GitHub bis zur Bereitstellung der finalen App auf einem Live-Server. Das wirst du lernen: Wie du ChatGPT Codex einrichtest und nutzt (Web-Version) Wie du strukturierte Prompts für bessere Ergebnisse schreibst Wie du Codex mit deinem GitHub-Repository verbindest Wie du deine App-UI mit einem Referenzbild verbesserst Wie du Probleme mit Follow-up-Prompts iterierst und behebst Wie du deine App auf einem VPS-Server bereitstellst 🔧 Verwendete Tools: ChatGPT Codex: https://chatgpt.com/codex ⏱️ Zeitstempel: 0:00 — Codex Intro 0:40 — Codex und GitHub einrichten 1:44 — Prompt schreiben & App bauen 3:22 — UI verbessern 4:36 — App testen 5:24 — Probleme mit Follow-up-Prompts beheben 6:12 — Endergebnis Dies ist kostenlos und für bezahlte ChatGPT-Nutzer verfügbar — kein Mac erforderlich. Wenn du deine eigene App mit Codex baust, schreib mir in den Kommentaren, was du erstellt hast! 📩 Für Zusammenarbeit und Partnerschaften: info@rajeevdaz.com #openaicodex #buildwithai #vibecoding

Kapitel

  1. 0:00 Codex Intro
  2. 0:40 Setting up Codex and GitHub
  3. 1:44 Writing the prompt & Building app
  4. 3:22 Improving the UI
  5. 4:36 Testing the app
  6. 5:24 Fixing issues with follow-up prompts
  7. 6:12 Final result
Auf YouTube ansehen Der Inhalt befindet sich auf der Website des ursprünglichen Herausgebers.
Kuratiert für die Codex-Design-Community als developer-Ressource zum Designen mit OpenAI Codex.