Een verzameling van 20+ kleine webapplicaties die demonstreren wat een docent in één prompt kan creëren met AI Studio.
Vibecoding is een showcase project met meer dan 20 verschillende kleine applicaties, elk ontstaan uit een enkele prompt aan AI Studio. Het project demonstreert de snelheid en veelzijdigheid waarmee docenten functionele webtoepassingen kunnen creëren, elk compleet met screenshots.
Het project illustreert:
- De toegankelijkheid van app-ontwikkeling voor niet-programmeurs
- Snelle prototyping van onderwijstools
- Diversiteit aan mogelijke toepassingen
- Kracht van AI-ondersteunde ontwikkeling
De repository bevat 21 verschillende app-versies (app-1.html t/m app-21.html), elk met unieke functionaliteit en design. Een overzichtspagina toont alle beschikbare applicaties.
- 21 verschillende apps: Van eenvoudig tot complex
- Screenshots: Visuele voorbeelden van elke app
- JSON configuratie:
applications.jsonmet metadata - Overzichtspagina:
index.htmltoont alle apps in een grid
Open index.html om het overzicht te zien van alle beschikbare applicaties. Elke individuele app kan ook direct worden geopend via app-X.html.
- Type: Collectie van single-page HTML applicaties
- Technologie: HTML, CSS (embedded), JavaScript (embedded)
- Configuratie:
applications.jsonvoor metadata - Dependencies: Geen
- Hosting: Kan lokaal draaien of op elke webserver
index.html- Hoofdoverzicht van alle appsapp-1.htmltotapp-21.html- Individuele applicatiesapplications.json- Metadata van alle applicatiesindex.bak.html- Backup van het hoofdbestand
Dit project is bedoeld om docenten te inspireren en te laten zien wat mogelijk is met moderne AI-tools. Elke app is een voorbeeld van "vibe coding" - het creëren van software door je intentie te beschrijven in plaats van code te schrijven.
AI Studio (Google) - Set van 20+ kleine apps die een docent kan creëren in 1 prompt, inclusief screenshots van de apps.