——— aus der werkstatt

How to

Von Null zur Web-App: Mein E-Auto-Ladekarten-Projekt mit ChatGPT-5

Darum geht es in diesem Artikel
// tts Artikel anhören
// ki-zusammenfassung Diesen Artikel zusammenfassen mit:

Früher saß ich vor einem Commodore Amiga und tippte BASIC-Zeilen, die manchmal mehr Fehler als Funktionen hatten. Heute tippe ich Sätze in ChatGPT-5 – und bekomme funktionierenden Code zurück. Nicht in Wochen. In Minuten.

Das ist der Sprung, den KI heute möglich macht: Ideen, die früher monatelang in Schubladen verstaubten, kannst du jetzt in wenigen Stunden oder sogar Minuten umsetzen. Und ja, das gilt auch, wenn du kein Programmierer bist.

Was ChatGPT-5 wirklich kann

Vergiss die Vorstellung von einer reinen Text-Plaudermaschine. ChatGPT-5 ist:

  • Programmier-Partner: Schreibt kompletten Code in fast jeder Sprache, erklärt dir jede Zeile und baut sogar komplexe Web-Apps.
  • Fehlerfinder: Analysiert, warum etwas nicht läuft, und schlägt sofort eine Lösung vor.
  • Ideen-Turbo: Liefert Vorschläge, die du selbst gar nicht auf dem Schirm hattest.
  • Lehrmeister: Erklärt dir Fachbegriffe so, dass du sie wirklich verstehst.

Das Entscheidende: Du musst nicht wissen, wie man programmiert. Du musst nur wissen, was du willst – und es klar formulieren.

Der Schlüssel: gezielte Prompts

Ein Prompt ist nichts anderes als deine Anweisung an die KI. Je klarer du formulierst, desto besser das Ergebnis.
Mein Tipp: Stell dir vor, du erklärst einem fähigen, aber völlig neuen Mitarbeiter, was er tun soll.

Das funktioniert in drei Schritten:

  1. Vision beschreiben: Was soll am Ende rauskommen? (z. B. „Eine interaktive Weltkarte mit E-Auto-Ladestationen und Filter für Ladeleistung“)
  2. Details ergänzen: Farben, Funktionen, Datenquellen, Designvorlieben.
  3. Nachbessern lassen: Wenn etwas fehlt oder nicht so aussieht wie gedacht, einfach nachlegen: „Füge bitte einen Filter für Ladegeschwindigkeit hinzu“ oder „Mach das Layout mobilfreundlich“.

Mein Projekt: Ladepunkte für E-Autos weltweit

Vor ein paar Tagen hatte ich die Idee: Eine Website, auf der man alle E-Auto-Ladestationen der Welt sieht. Mit einem Filter, um z. B. nur Ladepunkte mit mehr als 100 kW anzuzeigen.
Hört sich simpel an – aber ohne Programmierkenntnisse? Normalerweise unmöglich.

Nicht mit ChatGPT-5.

Ich schrieb sinngemäß:

„Erstelle mir eine HTML-Seite mit einer interaktiven Weltkarte. Darauf sollen Ladepunkte für E-Autos angezeigt werden. Ich will Details wie Adresse, Steckertypen und Ladeleistung bei einem Klick darauf sehen. Außerdem einen Filter, um nur Stationen ab einer bestimmten kW-Leistung einzublenden.“

ChatGPT-5 spuckte nicht nur den HTML-Code aus, sondern auch die JavaScript-Logik und erklärte, welche API ich nutzen kann. Ich musste den Code nur kopieren, auf meinen Server laden – fertig. Zu Beginn sieht man nur die Karte, weil die Ladepunkte von OpenChargeMap je nach Kartenausschnitt nachgeladen werden.

Das Ergebnis kannst du dir hier ansehen:
digitalhandwerk.rocks/chargers.html

Von Null zur Web-App: Mein E-Auto-Ladekarten-Projekt mit ChatGPT-5
Mein E-Auto-Ladekarten-Projekt mit ChatGPT-5

Warum das so beeindruckend ist

Ich hatte seit den 90ern keine Zeile Code mehr geschrieben. BASIC auf dem Amiga war meine letzte „Programmiersprache“. Trotzdem habe ich in Minuten eine funktionierende Web-App gebaut.

Das zeigt:

  • Du musst kein Profi sein, um heute digitale Projekte umzusetzen.
  • KI nimmt dir den größten Berg ab – die Umsetzung.
  • Du bist nicht mehr von teuren externen Entwicklern abhängig, wenn du eine Idee testen willst.

Das Spiel mit der Verbesserung

Natürlich war die erste Version nicht perfekt. Die Karte war nicht mobilfreundlich, der Filter saß an der falschen Stelle, und ich wollte ein dezentes Farbschema. Also tippte ich:

„Mach die Karte bitte in Graustufen, verschiebe die Einstellungen nach rechts und sorge dafür, dass das Layout responsive ist.“

Keine 30 Sekunden später: neuer Code, Problem gelöst.

Das ist der wahre Gamechanger: Du musst nicht selbst wissen, wie man es programmiert – du musst nur wissen, wie es am Ende aussehen oder funktionieren soll.

Warum sich das jeder trauen sollte

Viele lassen sich von Gedanken wie „Ich kann nicht programmieren“ oder „Das ist viel zu technisch“ blockieren.
Die Wahrheit: Die Hürde ist gefallen.

ChatGPT-5 ist wie ein Bauleiter, der dir die komplette Baustelle aufstellt, Material liefert und dir sogar erklärt, wie du die Deko anbringst. Dein Job: sagen, was du willst, und zwischendurch kontrollieren, ob es passt.

Das eröffnet völlig neue Möglichkeiten:

  • Unternehmer:innen können Prototypen für neue Tools testen, ohne wochenlange Entwicklungskosten.
  • Kreative können Ideen visualisieren oder interaktive Projekte starten.
  • Neugierige können einfach mal loslegen – ganz ohne Risiko.

Meine Learnings aus dem Projekt

  1. Klein anfangen: Geh mit einer klaren, machbaren Idee rein.
  2. In Iterationen denken: Erste Version bauen, testen, nachbessern.
  3. KI nicht wie Google behandeln: Du bekommst nicht einfach eine fertige Antwort, sondern einen Partner, mit dem du zusammenarbeitest.
  4. Keine Angst vor Fachbegriffen: Frag einfach nach, was sie bedeuten – ChatGPT erklärt’s so lange, bis du es verstehst.

Der Kick, wenn es läuft

Es gibt diesen Moment: Du klickst „Speichern“, lädst die Seite hoch, öffnest den Browser – und es funktioniert. Ohne Wochen voller Tutorials. Ohne Debugging-Marathon. Einfach nur, weil du die richtigen Fragen gestellt hast.

Das ist der Moment, in dem du merkst: Ich kann mehr, als ich dachte.
Und genau das ist der Punkt, an dem KI ihren wahren Wert zeigt.

Die beste Zeit, um loszulegen, ist jetzt

Mein E-Auto-Ladekarten-Projekt ist kein Meisterwerk der Softwareentwicklung. Es ist ein Beweis, dass wir heute mit KI Dinge schaffen können, die vor wenigen Jahren noch Profis vorbehalten waren.

Du hast eine Idee? Fang an.
Du bist unsicher? Frag die KI.
Du scheiterst an einem Detail? Lass die KI nachbessern.

Der Unterschied zwischen „wäre schön, wenn“ und „hier ist der Link“ ist heute nur noch ein Prompt weit entfernt.

Mein Tipp:
Gib dir selbst die Erlaubnis, einfach mal zu machen. Nicht alles wird perfekt – aber vieles wird funktionieren. Und das Gefühl, deine Idee live im Browser zu sehen, ist unbezahlbar.

Hinweis zur KI-Nutzung: Themen und Thesen stammen von mir, KI hilft bei Struktur und Rechtschreibung. Redaktionelle Verantwortung bleibt vollständig bei mir. Wie dieser Blog entsteht →

Bitte bewerte meinen Blog! Danke vielmals!

about.me
Alex Januschewsky – Zertifizierter KI-Beauftragter und Werbefachmann
Alex Januschewsky

Alex Januschewsky ist Werbefachmann, zertifizierter KI-Beauftragter (ISO 42001, EU AI Act-Konformität) und Microsoft MVP Alumni. Seit 1989 in Werbung und Design aktiv, spezialisiert auf den professionellen Einsatz von Generativer KI: kreativ, strategisch, praxisnah. Seit über 30 Jahren entwickle ich Kommunikation, die nicht auf Hype setzt, sondern auf echte Wirkung. Klar, klug und mit einem tiefen Verständnis für Technologie und Sprache. In diesem Blog teile ich Ideen, Impulse und erprobtes Wissen für Unternehmer, Entscheider und KI-Enthusiasten, die mehr wollen als Schlagwörter und bunte Versprechen.

LINKEDIN

LinkedIn Newsletter

Jeden Artikel direkt in deinem LinkedIn-Feed. Kein Extra-Abo, kein Spam. Einfach folgen und du bekommst neue Beiträge automatisch.

WHATSAPP

WhatsApp Channel

Was gerade wirklich in der KI passiert, bekommst du nicht im Feed, sondern im KI-Kompass. Ich kuratiere, teste, filtere. Du bekommst nur das, was es wert ist, gelesen zu werden.

Alex Januschewsky, Prompt Rocker, wohnhaft in Salzburg, tätig in Österreich
// let's talk

Lass uns reden.

Erstgespräch kostenlos. Immer.

Du weißt noch nicht genau, wo du anfangen sollst? Gut. Genau dafür ist das Erstgespräch da. Wir klären in 30 Minuten, ob und wie KI in deinem Betrieb wirklich Sinn macht.

Kein Pitch. Keine Agenda. Nur ein ehrliches Gespräch zwischen zwei Menschen, die wissen wollen, ob es passt.

Derzeit verfügbar für neue Projekte in Österreich & DACH

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The reCAPTCHA verification period has expired. Please reload the page.

——— aktuelle zahlen

——— Am meisten gelesen

——— Unterstütze mich

Dir gefällt digitalhandwerk?

Ich stecke sehr viel Zeit, Geld und Herzblut in meine Webseite. Wenn dir mein Blog weiterhilft, freue ich mich riesig über eine kurze Bewertung auf Google. Es dauert nur eine Minute und hilft mir sehr, mehr Menschen zu erreichen!

Jetzt auf Google bewerten