Vibe Coding dla początkujących: Jak zbudowałem budkę fotograficzną za pomocą Claude

Jestem pisarzem, a nie programistą. Moje umiejętności techniczne kończą się na podstawowym HTML-u z 1999 roku.

Ale właśnie zbudowałem prawdziwe, działające narzędzie.

Zbudowałem działającą w przeglądarce budkę fotograficzną na wydarzenia MLH. Uczestnicy mogą zrobić sobie selfie, dodać markową ramkę i zapisać ją na telefonie. Bez sklepu z aplikacjami. Bez kont. Po prostu link.

Użyłem metody zwanej vibe codingiem z pomocą Claude. Oto jak to zrobiłem i czego się nauczyłem.

Strategia

Chciałem czegoś niezawodnego na wydarzenia na żywo. Claude odradził stosowanie skomplikowanych frameworków. Zamiast tego stworzyliśmy pojedynczy plik index.html.

  • Wykorzystuje HTML, CSS i JavaScript w jednym pliku.
  • Nie wymaga etapów budowania ani instalacji.
  • Można go bezpłatnie hostować na GitHub Pages.
  • Ma mniej ruchomych części, więc trudniej go zepsu

Źródło: https://dev.to/mlh/vibe-coding-for-beginners-how-i-built-a-working-photo-booth-web-app-with-claude-8ib

Opcjonalna społeczność edukacyjna: https://t.me/GyaanSetuAi