The page that might be the most important part of the website might be this one. The page that describes which projects I have made so far. My projects are divided into two categories:
- Fictional
- The fictional section describes the projects I have made for myself, usually to deepen my knowledge.
- Customers
- The customers' section describes the projects I have made for real people. These are usually websites.
On the left side of the page, you can find the name of the section, and on the right, you will be able to view those projects. By clicking on the logo, a box will appear underneath with a bullet list of what I have done.
Fictional projects
This section shows my fictional projects made out of my own interest, usually to improve my knowledge on one or several subjects.
Achievements:
- Created a custom fully responsive portfolio made of HTML(5), CSS (+ Pure.css), JavaScript, Sass, Git and GitHub
- Implemented dark mode with custom JavaScript
- Implemented optimized keyboard navigation throughout portfolio (accessibility)
- Optimized website for assistive technologies such as screenreaders (accessibility)
- Designed a custom SVG logo
This was a challenge from Frontend Mentor
Within this challenge, the users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Select and submit a number rating
- See the "Thank you" card state after submitting a rating
This was a challenge from Frontend Mentor
Within this challenge, the users should be able to:
- Scan the QR code with their camera, in order to open Frontend Mentor.
I also created an alternative solution to the raster image that has been used for the QR code (supplied by Frontend Mentor).
This solution generates the QR code with a JavaScript library called QRious, created by neocotic). All the files that are necessary for this solution can be found in the folder named 'qrcode-generated-by-js'.
This was a challenge from Frontend Mentor
Within this challenge, the users should be able to:
- View the optimal layout depending on the users device's screen size
- See hover states for interactive elements (NFT card image, title and author name in footer)
This was a challenge from Frontend Mentor
Within this challenge, the users should be able to:
- View the optimal layout depending on the users device's screen size
- See hover states for interactive elements (Add to Cart button)
Real customers
This section shows the projects I made for real customers
Project 'Het Oliemonster' is a Dutch project in which I had the task to develop a customer portal.
The project itself is not complete because some features are still missing. You can think of a way for the admin to process the test results which came back from the lab.
- To create and login into their account
- See an overview of their previously submitted applications, including the current status of their application
- Submit a new application
- Receive an automatic e-mail when they submit a new application
You can visit the GitHub repository for more information (such as screenshots) about this project, by clicking the button below.
Project 'Meeloop portaal' (in English: open day portal) is a Dutch project in which I had the task to develop a portal for teachers and students of an educational institute.
The project itself is not complete because some features are still missing. The dashboard of the student, for example, is currently static but should have been loading the different components in dynamically.
- Create a new task for students participating in the open day
- Create a new open day for students
- Add a new student to the open day for the education
- See an overview of the already added students (see point above)
You can visit the GitHub repository for more information (such as screenshots) about this project, by clicking the button below.
Achievements:
- Designed and developed a responsive WordPress theme made of HTML(5), CSS, JavaScript, Git and GitHub
- Designed a custom SVG logo
Achievements:
- Designed, developed (responsive), implemented and maintained website autorijschool-il-primo.nl
- Setting up, maintaining and managing social media accounts (Visit Facebook or Instagram)
- Designed logo and flyer
- Maintain/manage website and social media accounts
Still working as a freelance developer at Autorijschool Il Primo.
Achievements:
- Redesigned old website (no screenshots available)
- Improved SEO (SEO prior didn't meet the 2020 requirements)
Achievements:
- Fixed several layout problems
- Designed and developed 'offerte aanvragen' (Dutch) page
- Designed and developed several new pages such as 'New car detailing', 'Ceramic Pro' and 'Offerte aanvragen' (Dutch)
- Implemented and improved existing SEO
- Placed and replaced new texts on several pages
Achievements:
- Tested cross browser support
- Implemented and optimized responsiveness
- Installed business e-mail on numerous devices (in person)
Achievements:
- Designed and developed website
- Making preparations for setting up a trilingual version of the website
- Researching and testing WordPress plugins
- Improved Web Performance (loading speed)
- Maintaining website