Portfolio Website

Portfolio Website
Year2023
Client-
Made at-
Technologies
Next.jsTypeScriptHTML & CSSDrupalPHPGraphQL

This Portfolio website was built with a few reasons in mind; to showcase my work and experiences to future employers and to document my career for myself. I enjoy reflecting on the things I've worked on and it motivates me to continue working on things I would be proud to showcase.

I feel like my Portfolio website itself should be a showcase of my abilities. Therefor I created this website from skretch in Next.js and Drupal 10. The design was inspired of portfolio's I could find online, I combined things I saw and liked to create my own version of it. Right now the back-end is not connected, meaning all the content is added statically. It became more urgent to have something online to showcase then to have it perfectly finished. I will continue developing this portfolio website as it is also a playground for me, I'll continue adding features to practise my skills.

The code of the website is accessible on my Github, so you can see every little detail of how I created it. If you do have any questions or suggestions about the code, feel free to ask me.

Screenshots

Featured Projects Layout
Project Card Collection
Project Archive Table
Project Detail Page

Featured Projects Layout

To highlight some of my proudest work I built this featured project layout to alternatives the display from right to left with a nice image and a short summary.

Project Card Collection

This showcases the nice card collection I built.

Project Archive Table

In order to display a list of all my projects I created this Archive table, it also creates a timeline of my career which is interesting.

Project Detail Page

As you are on right now, showcasing a specific project with a screenshot slider (made with Swiper.js) and some general info.