Jokes raten, delen en archiveren met Content en Web APIs
Ik maakte een site waar je mom en dad jokes kunt raten met like en dislike. De home toont één joke met knoppen voor like, dislike en copy. Gerate grappen gaan naar het archief waar je ze kunt terugzien of verwijderen. Dit was mijn eerste API project, ik focuste op een leuke ervaring zonder het te complex te maken.
APIs
Dad Joke API en Mom Joke API voor content.
Speech Synthesis voor het uitspreken van jokes.
Clipboard API om snel te kunnen delen.
- Node.js + Express
- Liquid templates
- Content APIs + Web APIs
- JSON archief
- 2 weken
Kernpunten
Client naar server: gestart met client side fetch en local storage, daarna overgestapt op een server route om CORS te voorkomen en stabiliteit te krijgen.
Archief en templates: server side opslag in een JSON bestand en rendering met Liquid templates voor overzicht en hergebruik.
Web APIs: Speech Synthesis laat de mascotte praten, Notifications voor een speelse share‑nudge, Clipboard voor kopiëren.
CSS animaties: Subtiele animaties om het grappiger te maken
