Adamant

Adamant is een webwinkel waarop gebruikers zelf artikelen kunnen verkopen en kopen. De hosting is gratis en daarom redelijk traag, heb geduld met de demo :)

Demo Bekijk broncode

Toelichting

Technieken

Bij dit project zijn onder andere de volgende technieken gebruikt:

  • ReactJS
  • NextJS
  • Apollo
  • GraphQL
  • NodeJS
  • Styled Components

Verdere motivatie

Ik ben met dit project begonnen omdat ik meer ervaring op wilde doen met een voornamelijk API-gedreven applicatie met React. Alle data in deze applicatie wordt via een GraphQL API aangevraagd en vervolgens getoond in de gebruikersinterface.

Ook wilde ik ervaring op doen met NextJS. NextJS stelde me in staat om onderdelen van de React applicatie op de server voor te bereiden voordat de pagina wordt geladen. Hierdoor krijg je geen volledig witte pagina wanneer je de website voor het eerst bezoekt.

adamant order confirmation