Application Programming Interfaces
Application Programming Interfaces (API's) was het vierde vak van de Web Design & Development minor bij de HvA. Het vak ging over het bouwen van een server-side gerenderde Progressieve Web App (PWA) met verschillende (Web) API's.
Opdracht
Voor dit vak moest Manoah een server-side gerenderde Progressieve Web App (PWA) creëren die verschillende (Web) API's gebruikt. Het moest minstens één externe API gebruiken voor gegevens en minimaal twee Web API's gebruiken voor functionaliteit. De app moest minimaal een hoofdpagina en een detailpagina hebben.
Let op
De app wordt gehost op een gratis server, het kan een tijdje duren om te laden.
Functies
Manoah ging verder dan de vereisten en voegde de volgende functies toe aan zijn app:
- Een overzichtspagina met een raster van populaire films en een populaire filmsectie die kan worden gewisseld tussen vandaag en deze week
- Een zoekpagina om naar films te zoeken
- Een detailpagina voor elke film met een trailer
- Een globale chatroom
- Meldingen over ongelezen chatberichten en fouten
Manoah heeft de volgende Web API's geïmplementeerd:
- Service Werker API voor PWA-ondersteuning en Push notificaties
- Web Delen API voor het delen van films
- Document Picture-in-Picture API voor de chatroom
- Web Speech API voor spraakzoekopdrachten
- Server Sent Events voor de chatroom
- View Transition API voor het animeren van de trending en zoek lijst verandering
- History API voor het onderscheppen van het formulier van trending toggle en zoeken en het laden van de nieuwe lijst zonder de pagina te vernieuwen
- Notification API, Badging API, en Push API voor meldingen van ongelezen chatberichten
Skills
Git • HTML5 • CSS3 • SCSS • JavaScript • TypeScript • Node.js • Express.js • NoSQL • MongoDB • UI • UX • Accessibility (a11y)