Categorie
Programmeertalen
Frameworks & libraries

18 van 18 projecten

Portfolio - Astro + Svelte cover

Portfolio - Astro + Svelte

Dit is mijn portfolio website. Hierop kun je mijn werk vinden. Voorzien van Githublink en een link naar de live versie (indien aanwezig).

Dit is de 3e iteratie van de applicatie, waarbij Solidjs nu is vervangen door Svelte en de projecten nu worden gegenereerd met markdown bestanden.

TypeScriptCSSHTMLAstroSvelte
Datekanaal cover

Datekanaal

Datekanaal is een datingplatform voor studenten en starters in Nederland. De applicatie combineert een Next.js frontend met realtime matchmaking, profielbeheer en backend-logica via Convex.

Ik ben stagiair bij The AI Club en heb het afgelopen halfjaar tot op heden aan Datekanaal gewerkt.

TypeScriptCSSHTMLNextjsReactConvexTailwindCSS
Note Markdown Apps cover

Note Markdown Apps

Een pnpm-monorepo met drie apps: desktop-app, web-tray-app en demo. In plaats van een Tauri/Rust-core gebruikt deze versie Electron en gedeelde TypeScript-packages voor onder meer de editor, bestandsbrowser en serverlogica.

De UI is React-gebaseerd en de editorcode zit centraal in @note/editor, zodat de apps dezelfde markdown- en note-ervaring kunnen hergebruiken.

TypeScriptHTMLCSSReactElectronNextjsCodeMirror
Idea Leaderboard cover

Idea Leaderboard

Een local-first desktop app om ideeen en projecten in SQLite te bewaren en via drag-and-drop op prioriteit te rangschikken. Gebouwd met React, Electron en Drizzle, zonder account of cloud-backend.

TypeScriptHTMLCSSReactElectronDrizzle ORM
Python API - Email send en PDF generation cover

Python API - Email send en PDF generation

Dit is een Python API met een email service en pdf generation service die ik kan gebruiken d.m.v. api endpoints.

PythonFastAPIResendPydanticWeasyprint
Bun Auth server cover

Bun Auth server

Minimale auth-server voor mijn persoonlijke projecten met beschermde routes en/of API-endpoints.

TypeScriptHonoBetter-AuthDrizzle ORM
Game Collection cover

Game Collection

Een website om mijn gamecollectie te tonen aan vrienden en om multiplayer sessies te plannen.

Gebruikers kunnen filters toepassen om te zien welke games speelbaar zijn met de op dat moment beschikbare middelen.

TypeScriptCSSHTMLReact
Task Manager cover

Task Manager

Een taak- en projectbeheerder met Notion/TickTick als voorbeeld. Projecten en taken zijn gebruikersspecifiek en worden ingeladen op basis van het ingelogde profiel.

Gebouwd met Next.js en TypeScript; alle database-operaties zijn server-side en de data wordt lokaal opgeslagen.

TypeScriptHTMLCSSNextjsReactTailwindCSSDrizzle ORMBetter-Auth
Make24 cover

Make24

Een wiskunde spel waarbij de speler de som van 24 moet maken door alle 4 getallen met operatoren te gebruiken.

TypeScriptCSSHTMLReact
Portfolio - React cover

Portfolio - React

Mijn persoonlijke, statische, client-side gerenderde website. Het toont een overzicht van mijn openbare GitHub-projecten met korte toelichtingen en links.

Hoofddoel is het delen van projecten gefilterd op relevante programmeertalen/tech stack.

TypeScriptCSSHTMLReactReact-Router
Todo client (mobile) cover

Todo client (mobile)

De mobiele app die de Todo REST API gebruikt. Hiermee kunnen gebruikers todo’s aanmaken, bewerken (titel/status aanpassen) en de lijst visueel scheiden op basis van voltooide status.

TypeScriptReact-NativeBetter-AuthTanStack Query
Todo server (REST API) cover

Todo server (REST API)

Dit project is mijn eerste zelfgemaakte server en draait nu live sinds mid mei. Het is een REST API met een beveiligde POST endpoint. Hierdoor is het maken van todo’s alleen mogelijk met het juiste account.

De REST API wordt gebruikt voor de mobile app en de web client.

TypeScriptExpressDrizzle ORMBetter-Auth
Reeksenspel cover

Reeksenspel

Dit is een project waarbij ik heb geprobeerd een spel te maken met React, TypeScript en Tailwind CSS.

De reeksenspellen zijn bedoeld om het werkgeheugen te trainen door de reeksen te onthouden en de juiste volgorde in te vullen.

TypeScriptCSSHTMLReactTailwindCSS
Schoolproject: OV app (backend) cover

Schoolproject: OV app (backend)

De backend REST API voor de OV-applicatie uit de tweede projectfase. Dit was mijn eerste kennismaking met het bouwen van een REST API (bevat geen POST functionaliteit).

TypeScriptExpressJest
Schoolproject: OV app (frontend) cover

Schoolproject: OV app (frontend)

Dit is de frontend van de OV applicatie van het project van de 2e fase. Deze frontend is geoptimaliseerd voor blinde mensen en is volledig toegankelijk.

TypeScriptCSSHTMLReact
SupplementTracker cover

SupplementTracker

Dit is een van de eerste native Android apps die ik heb gemaakt. Een basis app waarmee je items in een lokale database kan opslaan en kan terugkijken per dag.

KotlinJetpack ComposeRoomDB
Schoolproject: Picit cover

Schoolproject: Picit

Dit is het eerste schoolproject waarbij we in teamverband werkten. Gemaakt met Java en JavaFX.

Met deze applicatie kan de gebruiker fruit in een winkelwagentje plaatsen en de bestelling afronden.

JavaJavaFX
Schoolproject: Fitness app cover

Schoolproject: Fitness app

Dit is het eerste schoolproject. Een console applicatie voor de gebruikers van een fitnessschool. Ik was tijdens dit project aan het inlezen over design patterns en had besloten voor dit project voor de state pattern te kiezen.

Met deze applicatie was het de bedoeling dat de gebruiker zijn fitnessschema kon maken en aanpassen. Zo kon je bestaande lijstjes gebruiken of een nieuwe maken.

Java
Project screenshot