Work

ComaOnline

ComaOnline was a school project I created with a couple of classmates. It is a supermarket store page with ordering and a build in dashboard for employees to edit data. Originally we got all the data from an external API with XML data given to us but for demonstration and being 100% sure the demo will keep running i've converted it to static XML files.

Highlights:
  • Fetch data from API
  • Handle & parse XML data
Technologies used:
  • Laravel
  • VueJS
  • Bootstrap CSS
Site code

Ondernemenvoorelkaar

At the beginning of the Corona virus outbreak a friend of mine and I had the idea to create a platform for entrepreneurs to find each other and help one another in a unstable economy. Unfortunately due to shortage of funds we couldn't get the outreach at the time.

Not code is provided for this project as it might one day be used again.

The forms also don't work. The product wasn't finished and still need to be implemented. this case is purely for design.

Highlights:
  • Created design from scratch
  • Converted design to reality
Technologies used:
  • Tailwind CSS
  • Laravel
Site

CgCompas

For a church I went to that had an outdated website I created a new one. It is a Wordpress website created with elementor and a bit of custom code for the footer and header. Sadly the website couldn't go live due to lack of interest from the church. But nevertheless I think I created a beautiful website.

Not code is provided for this project as it is a wordpress project and not in a repo

Highlights:
  • Created design from scratch
  • Used a bit of javascript for the header
  • Learned about wordpress and Elementor
Technologies used:
  • Wordpress
  • Elementor
  • Javascript
Site

About

I'm a software/web developer from Heerhugowaard, Noord-Holland. I love to create beatiful and complex web sites/applications and make sure the customer has the right experience. I'm always looking out for new technologies and ways to improve myself.

Below you'll see a list of my skills:

  • HTML & CSS
  • Design
  • Laravel
  • Vue
  • NodeJS

Do you think I have what it takes to build your application or website? Get in touch with me!

Contact me

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form