Het idee is simpel, namelijk boter, kaas en eiren maar in plaats van 'X' en 'O' icoontjes, is dit met emojis! De emojis zijn afkomstig van een API. Helaas heb ik de applicatie niet zo werkend als ik zelf zou willen, er wordt wel van beurt gewisseld, er kunnen meerdere mensen joinen maar het emoji plaatsen gaat niet helemaal lekker. De oplossing hiervoor kan de player in een object plaatsen en daarbij een emoji koppelen.
Regenwormen is een spelletje met zestien stenen en acht dobbelstenen, voor meer uitleg lees hier. Dit was in eerste instantie mijn eerste keuze, alleen ik kwam er al snel achter dat er iets teveel spellogica achterzat. Ook kon ik geen API vinden die erop aansloot.
Boter, Kaas en Eieren was eigelijk mijn tweede keuze, ik vond een video van Web Dev Simplified waar hij uitlegde hoe hij het had gemaakt. Hierbij hoefde ik mij minder op de gamelogica te focussen en meer op het socket gedeelte, dit bleek achteraf werk zat.
Dierenquiz is een soort Kahoot, waarbij je een afbeelding zag van een bijzonder dier. In de applicatie zit ook een chatfunctie zodat mensen daadwerkelijk konden raden welk dier het is.
git clone https://github.com/zainuwachtig/real-time-web-2122.git
cd real-time-web-2122
npm install
npm start
- Node.js
- V18.0.0, voor de ingebakken fetch.
- Express
- EJS
- Socket.IO
- Emojis World API
- ❤️
In de Emojis World API kon ik al gebruik maken van een random emoji kiezer, het enige wat ik moest meegeven was een query met limit toevoegen, zodat die er maar twee ophaalt. Ik maak gebruik van de results[0].emoji en results[1].emoji.
https://api.emojisworld.fr/v1/random?&limit=2
{
"totals": 2,
"results": [
{
"id": 2042,
"name": "white question mark",
"emoji": "❔",
"unicode": "2754",
"category": {
"id": 7,
"name": "Symbols"
},
"sub_category": {
"id": 74,
"name": "other-symbol"
},
"children": []
},
{
"id": 992,
"name": "family: woman, boy, boy",
"emoji": "👩👦👦",
"unicode": "1F469 200D 1F466 200D 1F466",
"category": {
"id": 1,
"name": "Smileys & People"
},
"sub_category": {
"id": 16,
"name": "family"
},
"children": []
}
]
}
-
Fetcht data van een API - Must have
-
Kan door twee spelers gespeeld worden - Must have
-
Spelers kunnen omstebeurt een zet doen - Must have
-
Applicatie staat live - Must have
-
Applicatie bepaalt wie heeft gewonnen - Should have
-
Spelers kunnen zowel een room maken als joinen - Could have
-
Scoreboard - Would have