Hello and welcome to my GitHub profile! Here I keep all my cherished projects, both personal as well as group projects. I am Joris Brugman, I am currently 21 years of age and, as you guessed it, I love programming. For me I really like the soft-skills part of it, translating wishes of a user or a PO into a proper, maintainable product is very rewarding to me.
Each of my Fontys projects has been separated into a (public) organization as to keep my personal profile clean. You can find working links to each repository in their respective section. If a semester is not visible, that is likely to a signed NDA or a lack of a public Git (See -> Fontys private Gitlab).
Ah my first project ever at Fontys ICT. We worked on sustainability, we tried to achieve this by focussing on SDGs, which are essentially 17 goals for the most optimal, sustainable future of humankind.
Technologies used;
- React Native (JavaScript) frontend
- Express & Sequelize (JavaScript) backend
- MySQL database
Semester 3 was my first real experience with Docker, writing proper documentation and CI/CD via GitHub Actions. The application involved reading user statistics from Spotify via their API, authenticated through an OAuth (Auth0) system. The user could request their latest artists, songs, and genres. These were then stored in the database as a snapshot, which then allowed the user to plot ranking changes over time using our application.
Technologies used;
- Next.Js frontend
- Jest for tests
- ASP.NET Core Web API backend
- MySQL database
Smart mobile was divided into 2 distinct paths, a duo project and a group project. The duo project focused on creating 2 apps, both in Flutter. Both focussed primarily on the UX/UI part, since my group mate and I had already 'mastered' the technical side of things. More details regarding these two projects you can find in their respective repositories.
> Duo cases repository README
> 'Cultural Exchange' case
> 'Mood predictor' case
For the group project, we won a 1500 euro price for 'Best Concept Smart Mobile' regarding the topic 'Sensory Overload', better known as overstimulation. During this project I worked with talented designers and software engineers alike to create a mobile VR experience. We recorded our own 360 degree camera footage, which we then implemented into our own custom-made cardboard VR headsets. The app helped individuals suffering from sensory overload to offer a glimpse into their life to their loved ones. A user can select an experience, the amount of overload they want to experience and then just jump right in. With various sounds and sights we try to actively overstimulate a person' perception. We showcased this to one of our stakeholders, an older man who, due to major brain trauma suffers from regular, excessive overstimulation. With our product we were able to help him explain to his grandchildren why he sometimes could not interact with them at times, without sounding harsh or acting distant.
> LinkedIn post discussing the project
> Repository
> Interview with Studio Krom
Technologies used;
- Flutter
- MQTT
During my internship I did exploratory research into large-scale data orchestration and transformation tooling for ISPnext. ISPNext can best explain themselves the services they offer:
ISPnext increases the financial impact of more than 450 organizations with AI-driven solutions for Business Spend Management (BSM). A single platform for cost savings, contract management, strong supplier relationships, automated invoice processing and reduced risks. The result: informed decisions, room for growth and higher profitability.
To continue to provide this service they needed an updated methodology to be able to handle large scale SQL-based traffic on their various complex database systems. I looked into Dagster, Apache Airflow, Prefect and DBT. Creating a large, comprehensive guide on their technical capacities with demos to prove it's business worth and stake my case.
Technologies used;
- Dagster
- Prefect
- Apache Airflow
- DBT
- SQL
- Python
In my 6th semester I focussed on creating a complex, distributed software architectural system. I created 'Cockatoo', an X (rip Twitter) clone. This offered me the opportunity to go into more technical topics such as creating a distributed system using various tools. I started off simple with Docker, moved to Minikube, which then continued onward to Azure Kubernetes Services. In Azure I worked on registering my own application properly. This included creating a message bus, working with Azure Functions and getting all of that working in a full CI/CD using Github Actions. Code quality was validated using K6 for load tests, SonarCloud for static code analysis and Git Guardian for any outstanding Git related security issues. The distributed system is seperated into 5 repositories.
> Semester organization
> Posts service
> Frontend
> Accounts service
> Gateway
> Infrastructure & load test
Technologies used;
- Azure (Functions, Kubernetes Service & Postgres Database hosting)
- Kubernetes
- Docker
- ASP.NET Core Web APIs
- K6
- Vue.js
- Ocelot gateways
For the group project, I worked on an algorithm which allows a user to charge their electric vehicles in a smart, sustainable manner. The project allowed for electricity trading, complex charging schedules for both commercial as well as personal vehicular management. In order to make this all work we had to integrate various external APIs such as SolarEdge, Frank Energie, TOMP, WallBox and so forth. The complex nature of data ingestion and poorly documented web APIs proved a difficult challenge to tackle.
Sadly there is no repository available for this project due to contractual obligations.
Technologies used;
- Python
- GraphQL
In my current semester I have been working on learning more about various design patterns. This semester has mixed goals, it offers me an opportunity to learn more about technical side of these patterns. As well as allowing me to create a well-documented, and open-source project with no business incentive. I am a strong believer of keeping knowledge as free and accessible as possible. This site is a manifestation of those principles. It is fully open-source, accessible, available, and open about it's intentions and principles. It is created to help others learn the design patterns in a structured and approachable manner. It has a requirement to not have any commercial benefits and commit to self to privacy. This includes cookies, advertisements, tracking of any sorts, paid hosting or paywalls for that manner.
> Production environment
> GitHub Organization
> Wiki Repository
Technologies used;
- Docusaurus (framework)
- React
In this section I will go over some of my personal projects. This'll include some background context, my inspiration for getting started, goals and perhaps even a reason why it's on the back burner.
Freazy was originally a small "I'm gonna make this real fast" project. But it grew out to something large quite fast. My mother-in-law has 3 freezers (don't ask me why), and she needed help managing them. However the app she was using for this had quite a few problems associated with it, to name a few;
- Outdated Android version, could not be installed on her newer, modern phone.
- Really poor UI and UX.
- Horrible customization experience, hard to change languages, preferred time formats etc.
I had just finished my semester of Smart Mobile and full of confidence I started working on creating Freazy. The new and improved app worked with a modern framework called Flutter. Some of the noteworthy mentions in the V1 release;
- An overview of all the products a user has registered.
- Export- and importing backups.
- Autofill when adding new products based on products already in the database.
- Real-time validation to guide the user.
- Full localization (l10n) support for both Dutch as well as English including timestamps, decimal separators and the actual text.
- Full dark, light, and system theming support.
- Daily background reminders for products expiring based on criteria the user selects (E.g. 1 week before expiring send a notification).
This has been put on the back burner due to some priorities with my work, searching for an internship and Fontys related projects.
Technologies used;
- Flutter
The ConnectMi mobile app went through various iterations in it's short life-span. I started on this project to create an alternative to the esp8266_milight_hub's web interface, as it looked quite bad prior to it's 1.13.0 release. This project mainly focussed on
- Maintaining state between devices with questionable internet connectivity.
- Designing a mobile app (v1 & v2).
This project was put on the back burner for three reasons;
- Milight hub released a completely new, revamped UI not too long after finishing the initial designs.
- I figured out just how unstable the HTTP connection was to the hub.
- I could integrate using HomeAssistant, avoiding the need all together to develop an app.
It was a very fun and interesting experience designing something for a mobile application though.
Technologies used;
- Figma
- Flutter
My absolute first project I ever put on GitHub, it was my introduction to JavaScript, git, web APIs, and programming in general. There was absolutely plenty of room for improvement, but it was such a fun project to create at the time. To be able to sit behind my desk, type something and then make it WORK was fantastic and incredibly rewarding. I hosted it on a server via Cubes.host which had a Postgres server included in the plan. Although the project was quite small I learnt a lot.
Technologies used;
- JavaScript
- Discord Web API
Although not a very technical project, it is a fun one regardless. It is comically well documented for how small the project actually is. I had (hadn't* in case Nintendo is reading this) cracked my 3DS to play some old, nostalgic games on it again, and I wanted a nice theme on it. I got into Helldivers 2 semi-recently and was instantly hooked, thus I wanted to make my own theme for it.
Do you look what you've seen on my profile so far, have any questions regarding my repositories or would just like a quick chat. I recommend you to email me joris@toqira.nl, from there I'd be more than happy to share my phone number with you as well. You can also find me on LinkedIn.