AI Games Collection

AI-gamecollectie
Een verzameling browsergebaseerde games gemaakt met behulp van AI-ondersteuning, met minimale codewijzigingen. Ervaar boeiende gameplay met een moderne, responsieve interface op [jereme.dev/games](https://jereme.dev/games).

🎮 Beschikbare spellen

Nerdle
Een nerdy variant op het beroemde woordspel. Raad het verborgen "nerdy" woord in 6 pogingen.

Pijpen
Sluit de leidingen aan om een ​​continue stroom te creëren. Test je logische denkvaardigheden met dit uitdagende puzzelspel dat strategische planning en ruimtelijk inzicht vereist.

Geheugen
Een klassiek kaartspel dat de concentratie en het terugroepvermogen helpt verbeteren. Test je geheugen door bijpassende paren kaarten te vinden in deze tijdloze hersentraining.

Mijnenveger
Klassiek Mijnenvegerspel met een modern tintje. Maak het bord leeg zonder mijnen te raken in dit strategische puzzelspel.

Slang
Klassiek slangenspel met een moderne twist. Eet het voedsel, groei langer en probeer niet tegen de muren of tegen jezelf te botsen!

Voetbal jongleren
Houd de voetbal zo lang mogelijk in de lucht. Daag jezelf uit om je hoogste niveau van jongleren te bereiken in dit verslavende, op vaardigheden gebaseerde spel.

Waterringgooien
Test je vaardigheden en geduld in dit klassieke waterspel! Gebruik precisie om alle ringen op de pinnen te plaatsen. Hoeveel kun jij scoren? (Alleen mobiel)

Golfvorm
Leid deeltjes naar hun doelen door een golf vorm te geven met behulp van frequentie-, amplitude- en faseregelaars en vermijd obstakels in deze unieke natuurkundige puzzel.

Bubbelpop
Laat de bubbels knallen voordat ze ontsnappen! Een snel spel vol precisie en reflexen dat je scherp houdt.

Uitbraak
Breek de stenen, ga een level omhoog en verbeter je hoogste score! Een snel behendigheids- en strategiespel voor alle leeftijden.

en meer...

🚀 Kenmerken
- Schone, moderne gebruikersinterface met een donker thema
- Responsief ontwerp dat op alle apparaten werkt
- Vloeiende overgangen en animaties
- Gemakkelijke navigatie tussen games
- Spelmodus op volledig scherm met snelle terugkeer naar het menu
- Minimalistisch ontwerp gericht op gameplay

🛠️ Technische details
De site is gebouwd met behulp van:
-HTML5
- CSS3 (met moderne functies zoals CSS Grid en Flexbox)
- Vanille JavaScript
- SVG-pictogrammen voor spelrepresentaties
- Responsieve iframe-implementatie voor het laden van games

🎨 Ontwerpfuncties
- Verloopachtergronden
- Beweeg animaties
- Responsieve kaartindeling
- Adaptieve afstand en afmetingen
- Toegankelijkheidsoverwegingen

📱 Responsief ontwerp
De site past zich naadloos aan aan verschillende schermformaten:
- Desktop: volledige rasterindeling
- Tablet: aangepaste kaartformaten
- Mobiel: lay-out met enkele kolom met geoptimaliseerde afstand

🌐 Browserondersteuning
Werkt op alle moderne browsers, waaronder:
- Chroom
- Firefox
- Safari
- Rand

📲 Android-app
Voor Android-gebruikers die de voorkeur geven aan een native ervaring:

🐳 Lokaal uitvoeren in Docker
Je kunt de gamecollectie op twee manieren lokaal uitvoeren met Docker:

### Optie 1: Ophalen uit Docker Hub
1. Trek de afbeelding:
``` bash
docker pull bozodev/ai-game-collectie: nieuwste
```

2. Voer de container uit:
``` bash
docker run -d -p 38008:80 ai-game-collectie: nieuwste
```

Optie 2: lokaal bouwen
1. Kloon de repository:
``` bash
git-kloon https://github.com/jeremehancock/AI-Game-Collection.git
cd ai-game-collectie
```

2. Bouw de Docker-image:
``` bash
docker build -t ai-game-collectie .
```

3. Voer de container uit:
``` bash
docker run -d -p 38008:80 ai-game-collectie
```

Toegang en beheer
Eenmaal uitgevoerd met een van beide opties:
- Krijg toegang tot de games door uw browser te openen en naar `http://localhost:38008/games/` te gaan
- Bekijk actieve containers: `docker ps`
- Stop de container: `docker stop `

🤖 AI-ontwikkeling
Dit project toont de mogelijkheden van AI-ondersteunde ontwikkeling, waarbij alle games en de hoofdinterface voornamelijk worden gebouwd met behulp van AI-tools, waardoor minimale handmatige codeaanpassingen nodig zijn.

📈 Toekomstige ontwikkeling
De collectie is zo ontworpen dat deze eenvoudig uitbreidbaar is, waardoor nieuwe games kunnen worden toegevoegd met behoud van een consistent ontwerp en gebruikerservaring.

---
Gemaakt met AI-assistentie - Demonstreert het potentieel van AI bij de ontwikkeling van games