Jan-Willem van Bremen
Software engineer, Skateboarder & Model!
About me
![Who I am](/_next/image?url=%2Fassets%2Fportrait.webp&w=1080&q=100)
Who I am
What I do professionally
![What I do for fun](/_next/image?url=%2Fassets%2Ffun.webp&w=1080&q=100)
What I do for fun
Experiences & Projects
![Personal project: EveryOrigin CORS Proxy EveryOrigin CORS Proxy thumbnail](/_next/image?url=%2Fassets%2Feveryorigin.png&w=1080&q=75)
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.
![Personal project: React Generic Table Library React Generic Table Library thumbnail](/_next/image?url=%2Fassets%2Freact-generic-table.png&w=1080&q=75)
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!
![Personal project: Portfolio v2 Portfolio v2 thumbnail](/_next/image?url=%2Fassets%2Fportfolio-v2.png&w=1080&q=75)
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!
![Personal project: Skateboard Tricks Tracker Skateboard Tricks Tracker thumbnail](/_next/image?url=%2Fassets%2Ftricks.jwvbremen.nl.png&w=1080&q=75)
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.
![Personal project: React Transition Scroll Library React Transition Scroll Library thumbnail](/_next/image?url=%2Fassets%2Freact-transition-scroll.png&w=1080&q=75)
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.
![Personal project: Portfolio Lea Shamaa Portfolio Lea Shamaa thumbnail](/_next/image?url=%2Fassets%2Fportfolio_lea.png&w=1080&q=75)
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.
![Professional project: Road.io (Formerly E-Flux) Road.io (Formerly E-Flux) thumbnail](/_next/image?url=%2Fassets%2Fe-flux_road.jpg&w=1080&q=75)
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.
![Personal project: Veldje14 Website Veldje14 Website thumbnail](/_next/image?url=%2Fassets%2Fveldje14.webp&w=1080&q=75)
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.
![Professional project: Team Rockstars IT Team Rockstars IT thumbnail](/_next/image?url=%2Fassets%2Fteam_rockstars.png&w=1080&q=75)
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.
![Personal project: Nu.nl Clone Nu.nl Clone thumbnail](/_next/image?url=%2Fassets%2Fnu.nl.webp&w=1080&q=75)
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.
![Professional project: Rockstars Static Rockstars Static thumbnail](/_next/image?url=%2Fassets%2Frockstars.webp&w=1080&q=75)
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.
![Professional project: WhoAmI - React? WhoAmI - React? thumbnail](/_next/image?url=%2Fassets%2Fwhoami.webp&w=1080&q=75)
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.