Portfolio: UX / UI DESIGN
SpaceMK
Opdracht
Deze opdracht ging over het bouwen van een website met een JavaScript-framework en een API naar keuze. De bedoeling was om een single page applicatie te maken waarin data op een dynamische manier wordt opgehaald en weergegeven.
De focus lag op techniek, interactie en het koppelen van externe data aan een eigen ontwerp.
Benadering
Voor deze opdracht heb ik gekozen voor de API van The Space Devs. Deze biedt toegang tot actuele informatie over ruimtevaart, zoals raketlanceringen, missies en organisaties.
Door de flexibiliteit van Next.js kon ik de externe API integreren en de data op een efficiënte manier verwerken in de applicatie.
Het is een single page pagina geworden waar informatie gevonden over astronauten, launches en events van verschillende ruimtebedrijven.
Bekijk dit project ook op Github!
Framework
Next.js is een framework voor React dat het bouwen van webapps makkelijker maakt. Het regelt dingen zoals server-side rendering (SSR), statische pagina’s en API-routes. Hierdoor laden pagina’s sneller en scoren ze beter in zoekmachines.
De API van The Space Devs biedt real-time en historische data over ruimtevaart. Je kunt er info uithalen over raketlanceringen, missies, ruimtevaartorganisaties, astronauten en meer.
Gemaakt met liefde en een vleugje plezier | Richard Postema