Nick Roofthooft
5 Years 8 Months Experience3 Years 6 Months Full-Time
Discover my freelance work
I work in a start-up company, this means all company work I do falls under a NDA, and such I cannot show any work I have done at my work.
beautybystiina.ee
Date & Reason: 09/2025 - Freelance
My latest project is a website I made for my wife.I used all my latest skills. Its built on React, Typescript & NextJs, using Radix + Scss for styling.I added Next SEO metadata it has 100/100 SEO scoring, vercel and google analytics, google Ads, multi language support, admin dashboard to manage reviews, a mini Node back end for handling reviews and so on..This was my first time Buying a domain from a providor ( Zone.ee ), and setting up the domain in different hosting service ( vercel ).It has everything to make this site as complete as possible. it is reaching roughly 12.000 users monthly in google results through google adsWIP items are to add captcha for reviews to prevent spam & cookies
Tech used
NextJs, Radix-UI, SCSS, Firebase, SEO, React, Javascript, Typescript, AnimationsMealist
Date & Reason: 04/2026 - QoL project
Mealist is a Fully AI ran recipe/dish generator site.A firebase scheduled function runs 2-3 times a day, every time creating a recipe that is different than the previous.It is using Claude API (Opus) for all text/recipe generation, while using OpenAI API for the image generation based on a promt results from Claude API.I made this to overcome the feeling of constantly eating similar foods in a loop, and to help with the struggle of finding new dishes, and planning food for the week.
Tech used
NextJs, Radix-UI, SCSS, Firebase, React, Javascript, Typescript, Claude API, OpenAI APIReNotes
Date & Reason: 04/2026 - QoL project
ReNotes is a desktop sticky-notes app I built as a side project, after years of frustriations of text, note and important data not syncing/savingIt is built with privacy in mind, while also being fast, offline-first, and end-to-end encrypted.Built with Electron, React, TypeScript and Radix UI, backed by Firebase (Auth, Firestore, Cloud Functions) for optional account-based sync.Every note is encrypted client-side with AES-GCM using a key derived from the user's password via PBKDF2, the server never sees plaintext. Notes work fully offline and sync when signed in.Proper Electron security architecture: contextIsolation, preload-based IPC bridge, no nodeIntegration in the renderer, input-validated main process handlers.Multi-window support,, pin-on-top, per-note locking, auto-updater, and a built distributable for direct download plus a separate Microsoft Store build.
Tech used
NextJs, Radix-UI, Firebase, React, Javascript, Typescript, ElectronLevel-D
Date & Reason: 2026 - Side Project
Demo site, based on my go-to tech stack.Its built on React, Typescript & NextJs, using Radix + Scss for styling.But more animation heavy then I usualy.
Tech used
NextJs, Radix-UI, SCSS, React, Javascript, Typescript, AnimationsMessenger Portal
Date & Reason: 2026 - QoL project
Meta discontinued the Messenger app for Windows and pushes you to the Facebook app.This is a super simple Electron app that loads the Messenger.com site, keeping it still a seperate app, instead of Facebook or a web tab.Made this to solve a issue I had myself.This is for private use only.
Tech used
ElectronLogistics template
Date & Reason: 2025 - Side project
A template style website, buikt with nextJS, React, Radix, Ts etc.Made as a side project to further improve my radix/UI design.This is heavy work in progress, and not in a finished state at all.It is heavily based on BeautyByStiina's codebase, but is aimed to be a much bigger website, with more pages and admin side to it.
Tech used
NextJs, Radix-UI, SCSS, Firebase, React, Javascript, Typescript, AnimationsKuku Auto demo
Date & Reason: 2025 - Freelance, preview/demo site
A demo website made on request, customer wanted info about mobing their current Wordpress site to a more modern platforn.Their current site stopped working due to updates, I kept their original design, and added to it.As its meant as a demo/preview, its made with mock data.
Tech used
NextJs, Radix-UI, SCSS, React, Typescript, AnimationsJessy-rent.com
Date & Reason: 2023 - freelance
A website I made for a person who started her own rental service.Made with VueJS and common Vue libraries.Also my first time both hosting and getting a domain set up through amazon AWS ( Domain + Hosting ).First time making a full project Using the latest VueJs framework.This was made for free, as I made it as a test project for learning VueJs.It requires a big rework, but is currently not wanted.
Tech used
VueJS, HTML, CSS, AWSDiorama
Date & Reason: 2020 - 2nd year, university
First time making a 'larger' scale 3d item.A diorama made in blender and later converted to a website using reactJS + ThreeJs & Animations.The chair can be moved by clicking on it.The light can be turned on or off using the light switch.And by hovering over the trash can, you can push it over.Everything besided the pumpkin and plant I made myself.The small 6x6 mercedes on the desk was another blender item I made by hand, using a wireframe of the car.Complete custom animation for the robot vacuum, making sure it actualy goes on the carpet.Also features some easter eggs, like the screens being my actualy print screen from when i was making it, github's github page on the phone.