Portfolio van Jop Molenaar

Projects

• IoT check-in system for the HvA (Team)

  

  At the end of the 9 weeks we had an expo where we won the `Best business opportunity` out of all projects from all minors and masters at the HBO-ICT.

  We made an Internet of Things check-in system that consists out of an embedded system and a web environment for a real client from the HvA. We used a Raspberry Pi 4, esp32, a display, a camera to read the details from the student card and a NFC reader to make checking in and out fast after the first time you have registered your student card. On the website the teachers could link devices to events by linking the event with the mac address of the device. They could see upcoming, open and closed events, they could link student to events, they could see which student is/was present or not at the event, and we build some more nice UX features to meet the users needs. The client was very enthusiastic and was planning to use the device next school year.

  Skills used:

  • PHP & MySQL
  • C++
  • HTML, CSS & Javascript
  • Scrum

  More info:

  Grade: 10

  Date: 26-01-2024

  

• CSS only UFO

  This project was about learning and discovering the true power of CSS by only using css selectors and no Javascript to see what you can do with it nowadays. I wanted to make a cockpit of an UFO that has working buttons, a working joystick and that you can move through space with different speeds all with css only (accept the js needed for the range input). Be aware that the animation of the UFO moving through space is pretty heavy for your machine, so I advice you to watch it at least on a decent laptop.

  Skills used:

  • CSS

  More info:

  Github repo

  Grade: 9

  Date: 20-03-2024

  

• 10 years of CSS day

  

  This website is made in a hackathon where we competed against other groups. The judges were Peter Paul Koch and Krijn Hoetmer. Ultimately, our team won the hackathon, earning free tickets to CSS Day along with another group.

  We created a website featuring data from the past 10 years of CSS Day for its 10th anniversary. This project was developed during a 3.5-day hackathon where we competed against other groups. Our website had to be accessible and needed to have progressive enhancement. The judges were Peter Paul Koch and Krijn Hoetmer. Ultimately, our team won the hackathon, earning free tickets to CSS Day along with another group.

  Skills used:

  • accessible html
  • CSS
  • Javascript

  More info:

  Github repo

  Date: 28-03-2024

  

• Chat PWA

  In this project which involved using APIs, and discovering features of the web you didn't know before, I made a chat app like WhatsApp and other messaging apps. I build the application with node.js, Javascript, Liquid and css. I used server send events to let the receiver get the texts, idle detection to know if the user is active or not and I worked with service workers to be able to install the PWA and to use the push notifications api to send notifications to the user if he is not online. I tried some experimental things during this project and one of them is that I did not set up a database. I stored the messages on the server in the beginning. After a while I used fs to store them in a json file instead of the server. But render, the service where I have put my webapp online, resets the content of these files when the server restarts. And because I didn't wanted to set up a database, I thought of something different. I made a private github repository, generated an access token, and now I store and get the data from my own github api/database.

  Skills used:

  • Service workers
  • Node.js
  • Javascript & CSS
  • Liquid

  More info:

  Github repo

  Grade: 9

  Date: 26-04-2024

  

• IoT check-in system

  I made a check in device at my minor Internet of Things on the HBO-ICT. I had no experience with embedded systems and many more things when starting this minor. But I managed to build an embedded system with a website where I could check the data.

  Skills used:

  • PHP & MySQL
  • C++
  • HTML, CSS & Javascript

  More info:

  Github repo

  Grade: 8.5

  Date: 21-11-2023