In mijn portfolio staat het werk wat ik heb gemaakt op gebied van frontend design. Ook staat er een 'About me' section met een korte biografie, ervaring en contactgegevens. Voor mijn portfolio wou ik veel animaties hebben en dat heb ik gedaan door een WebGL shader te downloaden. Als inspirtatie voor dit design had ik verschillende productpagina's bekeken.
https://portfolio-lisavanmansoms-projects.vercel.app/
- Installeer NodeJs;
- Fork/clone deze repository;
- Open het in een code editor;
- Ga naar de directory 'my-app' door in de terminal cd my-app te typen;
- Run de command npm install;
- Run de command npm run dev;
- Klik op de localhost link en begin met coden.
Ik heb een WebGL shader gedownload en toegevoegd als achtergrond element, ik heb de kleuren hiervan bewerkt. Verder heb ik matrix gebruikt voor het positioneren van de mobile-mockups. In dit project heb ik view transitions toegevoegd (alleen in chrome) en container queries.
