5 Jaar 10 Maanden Ervaring3 Jaar 8 Maanden Fulltime
Ontdek mijn werk
Ik werk fulltime bij een start-up, dus dat werk valt onder een NDA en kan ik hier niet tonen. Alles hieronder is mijn eigen freelance- en zijprojectwerk.
beautybystiina.ee
Datum & Reden: 09/2025 - freelance
Mijn laatste project is een website die ik voor mijn vrouw heb gemaakt.Ik heb al mijn nieuwste vaardigheden gebruikt. Het is gebouwd met React, TypeScript & Next.js, met Radix + SCSS voor styling.Ik heb Next SEO metadata toegevoegd, het heeft een 100/100 SEO score, Vercel en Google Analytics, Google Ads, meertalige ondersteuning, een admin dashboard om reviews te beheren, een mini Node backend voor het verwerken van reviews, enzovoort.Dit was de eerste keer dat ik een domein kocht bij een provider (Zone.ee) en het domein instelde bij een andere hostingdienst (Vercel).Het heeft alles om deze site zo compleet mogelijk te maken. Het bereikt ongeveer 12.000 gebruikers per maand in Google-resultaten via Google Ads.WIP items zijn het toevoegen van captcha voor reviews om spam te voorkomen & cookies
Gebruikte technologie
Next.js, Radix-UI, SCSS, Firebase, SEO, React, JavaScript, TypeScript, AnimationsMealist
Datum & Reden: 04/2026 - QoL project
Mealist is een volledig AI-aangedreven recept/gerecht generator site.Een Firebase scheduled function draait 2-3 keer per dag en genereert elke keer een recept dat verschilt van het vorige.Het gebruikt de Claude API (Opus) voor alle tekst- en receptgeneratie, terwijl de OpenAI API wordt gebruikt voor het genereren van afbeeldingen op basis van promptresultaten van de Claude API.Ik maakte dit om het gevoel te overwinnen van altijd vergelijkbare gerechten te eten, en om te helpen met het vinden van nieuwe gerechten en het plannen van eten voor de week.
Gebruikte technologie
Next.js, Radix-UI, SCSS, Firebase, React, JavaScript, TypeScript, Claude API, OpenAI APIReNotes
Datum & Reden: 04/2026 - QoL project
ReNotes is een desktop sticky-notes app die ik als zijproject bouwde, na jaren van frustratie over tekst, notities en belangrijke data die niet synchroniseerden of werden opgeslagen.Het is gebouwd met privacy in gedachten, maar ook snel, offline-first en end-to-end versleuteld.Gebouwd met Electron, React, TypeScript en Radix UI, ondersteund door Firebase (Auth, Firestore, Cloud Functions) voor optionele accountgebaseerde synchronisatie.Elke notitie wordt client-side versleuteld met AES-GCM via een sleutel afgeleid van het wachtwoord van de gebruiker via PBKDF2. De server ziet nooit plaintext. Notities werken volledig offline en synchroniseren wanneer ingelogd.Correcte Electron-beveiligingsarchitectuur: contextIsolation, preload-gebaseerde IPC bridge, geen nodeIntegration in de renderer, input-gevalideerde main process handlers.Multi-window ondersteuning, pin-on-top, per-notitie vergrendeling, auto-updater en een gebouwde distributable voor directe download plus een aparte Microsoft Store build.
Gebruikte technologie
Next.js, Radix-UI, Firebase, React, JavaScript, TypeScript, ElectronLevel-D
Datum & Reden: 2026 - Side-project
WIP demo site, gebaseerd op go-to tech stack.Het is gebouwd met React, TypeScript & Next.js, met Radix + SCSS voor styling.Maar meer animatie-zwaar dan ik normaal doe.
Gebruikte technologie
Next.js, Radix-UI, SCSS, React, JavaScript, TypeScript, AnimationsMessenger Portal
Datum & Reden: 2026 - QoL project
Meta heeft de Messenger-app voor Windows stopgezet en duwt je naar de Facebook-app.Dit is een super simpele Electron-app die de Messenger.com site laadt, waardoor het nog steeds een aparte app blijft, in plaats van Facebook of een webtabblad.Gemaakt om een probleem op te lossen dat ik zelf had.Dit is alleen voor privégebruik.
Gebruikte technologie
ElectronLogistics template
Datum & Reden: Work in progress - voorbeeld/demo project
Een template-stijl website, gebouwd met Next.js, React, Radix, TS etc.Gemaakt als een zijproject om mijn radix/UI design verder te verbeteren.Dit is zwaar work in progress en helemaal niet in een afgewerkte staat.Het is sterk gebaseerd op de codebase van BeautyByStiina, maar is bedoeld als een veel grotere website, met meer pagina's en een admin kant.
Gebruikte technologie
Next.js, Radix-UI, SCSS, Firebase, React, JavaScript, TypeScript, AnimationsKuku Auto demo
Datum & Reden: 2025 - Freelance, voorbeeld/demo project
Een demo website gemaakt op verzoek; de klant wilde informatie over het verplaatsen van hun huidige WordPress site naar een moderner platform.Hun huidige site werkte niet meer door updates, ik heb hun originele ontwerp behouden en eraan toegevoegd.Omdat het bedoeld is als een demo/preview, is het gemaakt met mock data.
Gebruikte technologie
Next.js, Radix-UI, SCSS, React, TypeScript, AnimationsJessy-rent.com
Datum & Reden: 2023 - freelance
Een website die ik heb gemaakt voor iemand die haar eigen verhuurdienst startte.Gemaakt met VueJS en veelgebruikte Vue libraries.Ook mijn eerste keer om zowel hosting als een domein in te stellen via Amazon AWS (Domein + Hosting).Eerste keer dat ik een volledig project maakte met het nieuwste VueJs framework.Dit was gratis gemaakt, omdat ik het maakte als een testproject om VueJs te leren.Het vereist een grote herwerking, maar wordt momenteel niet gewenst.
Gebruikte technologie
VueJS, HTML, CSS, AWSDiorama
Datum & Reden: 2020 - 2e jaar, universiteit
Eerste keer dat ik een 'groter' 3D item maakte.Een diorama gemaakt in Blender en later geconverteerd naar een website met reactJS + ThreeJs & Animations.De stoel kan worden verplaatst door erop te klikken.Het licht kan aan of uit worden gezet met de lichtschakelaar.En door over de prullenbak te hoveren, kun je hem omduwen.Alles behalve de pompoen en plant heb ik zelf gemaakt.De kleine 6x6 Mercedes op het bureau was een ander Blender item dat ik met de hand maakte, met behulp van een wireframe van de auto.Complete custom animatie voor de robotstofzuiger, waarbij ik ervoor zorgde dat hij daadwerkelijk op het tapijt gaat.Bevat ook enkele easter eggs, zoals de schermen die mijn actuele print screen zijn van toen ik het aan het maken was, GitHub's GitHub-pagina op de telefoon.