Jan-Willem van Bremen
Software engineer, Skateboarder & Model!
About me
Who I am
What I do professionally
What I do for fun
Experiences & Projects
EveryOrigin is a free CORS proxy service that allows developers to circumvent CORS restrictions on websites that don't allow cross-origin requests. The service is free and open-source and was inspired by similar services like allorigins.win and whateverorigin.org. The service is built using Next.js and is hosted on Netlify.
This project was my second attempt at creating a React library. This time I wanted to create a generic table component library that could be used to render feature rich but simple to use tables in react with built-in animations, out-of-the-box sorting, support for actions in an action column and more. The library was built using React and TailwindCss so it's lightweight!
This project is a rework of my original personal portfolio website reimagined with a more modern and robust stack featuring a CMS and static site generation resulting much better performance and a way smoother user and administrative experience!
This projects demonstrates using authentication and an external database for a highly interactive progressive web application. It is a full-stack Next.js project featuring multiple pages, an Api with middleware and mutliple OAuth services to sign in with and persistent data in a NoSql database.
This project was my first attempt at creating a React library. It is a library that allows you easily animate items as they scroll into view. It is simple to use and has a number of customization options. I've used the library in a number of my own projects and it has been a great learning experience.
This project is a portfolio website for Lea Shamaa aimed at aiding her Journalistic career. The website features blog articles, portfolio items and past experiences. The website also has a contact form and about page. The project was made using Next.js & DecapCMS. The front-end features animations, effects, static rendering and dark-mode. On the back-end CMS the content of the website can be altered and added to.
My first project via Team Rockstars IT was working as a Full-Stack Engineer for Road.io (Formerly E-Flux). Road.io develops and maintains a platform for electric vehicle charging and management. I worked on the back-end of the platform, which is built with Node.js and MongoDB. I also worked on the front-end, which is built with React and Semantic UI.
This website is an introduction and community website of the Veldje 14 skatepark in Amsterdam. This project was a learning experience and example of how to use Next.js. This project demonstrates how to use Next.js to render static web pages from a local data source using markdown and JSON. It also loads dynamic content from a remote API using Google Firebase's realtime database for updates on the status of the skatepark.
My first real job as a software engineer specialized in full-stack web development! With team Rockstars I work on project basis for different clients.
This project demonstrates how to use the Next.js framework to render multiple pages from an external data source. The data source originates from the nu.nl.
This project was a learning experience and a good example of how to use Next.js. This project demonstrates how to use Next.js to render static web pages from an external data source. The application allows you to search for rockstars and their songs. The application is inspired by the Front-End Tech Case for my new position at Team Rockstars IT.
As you know by now I like to experiment with different API's. This time we are predicting properties of people based on their name! The application has been created for my own enjoyment and to improve my skills regarding quick prototyping, API data fetching and some minor animations.