OBA voeding is een aftakking van de OBA. (Openbare Bibliotheek Amsterdam). Binnen deze applicatie kan door je allerlei verschillende bronnen zoeken over gezonde voeding die de OBA in hun archief heeft.
Voor dit project heb ik de onderstaande user story gekozen;
Als sportieve twintiger wil ik mij verdiepen in het effect van gezonde voeding op mijn conditie, om te leren hoe ik mijn sport beter kan beoefenen.
Ik heb een op voeding en voedingsleer gezocht op de website en daar zag ik een aantal interessante onderwerpen naar voren komen:
- Holistisch (je eigen lichaam helen d.m.v. voeding)
- Kookboeken
- Afslanken
- Chinese voedingsleer etc.
Doordat er zoveel verschillende interessanten invalshoeken bestaan over gezonde voeding, heb ik heb besloten om in deze SPA een zoekfunctie binnen de query 'voedingsleer' te maken zodat gebruikers zelf kunnen zoeken. Zoals bijvoorbeeld kookboeken of hormonen.
De applicatie staat live op mijn github pages, alleen werkt één van de twee API's helaas niet. Die werkt alleen wanneer je lokaal op je localhost draait. Live website
git clone https://github.com/kiara1404/project-1-2021
Om de applicatie te kunnen gebruiken, moet je gebruik maken van een live server
Doordat de applicatie binnen één week gebouwd is, zitten er nog veel schoonheidsfoutjes in. Ook heb ik een lijstje wat ik graag nog had willen toevoegen maar helaas niet gelukt is door tijdgebrek;
- Error state
- Loading state
- Het kunnen opslaan van bronnen
- Een filter op de resultaten pagina
- Het kunnen navigeren door alle resultaten van de API's. De API's laten alleen de eerste 20 resultaten zien, ik had graag knoppen toegevoegd die dit hadde kunnen doen.
- shuffle van de artikelen op de homepage.
Het maken van de applicatie was een project één week van de minor web design & web development van de opleiding CMD van de Hogeschool van Amsterdam.