Beschikbaar voor stage en nieuwe projecten

Full-Stack Developer & Engineer

Ik ben Hayan, 21 jaar, een full-stack developer gespecialiseerd in Node.js en React. Met deze stack bouw ik schaalbare webapplicaties van backend tot frontend.

Bekijk mijn werk → Contact opnemen

21 Jaar oud

5+ Projecten geleverd

3+ Jaar ervaring

Over mij

Backend met Node.js,
frontend met React

Ik ben Hayan, 21 jaar. Ik studeer momenteel Software Developer aan het Talland College in Zaandam.

Op dit moment loop ik stage. Ik werk dagelijks aan productiecode voor een volledig uitgerold CRM platform voor flex freelancers. Van databaseontwerp tot API integraties tot de React interface, daarnaast verzorg ik ook websitebeheer.

Ik richt me op code die onderhoudbaar is, API ontwerp dat consistent is en frontends die direct bruikbaar zijn. Ik leer snel en ga diep in op wat nodig is om een project volledig productieklaar te maken.

Neem contact op →

Frontend

React shadcn/ui TypeScript Vite HTML & CSS

Backend & Data

Node.js Express PostgreSQL Prisma REST API's

Tools & Infra

Git & GitHub Docker Auth0 Figma

GitHub projecten

Geselecteerd
werk

✦ Uitgelicht

Open source

Klantio-CRM-Platform

CRM-platform voor freelancers. Opdrachtbeheer, facturatie, automatische PDF-factuurscans, urenregistratie en maandelijkse omzetoverzichten in één webapplicatie. Backend gebouwd met Node.js en Express, frontend met React. PostgreSQL-database met Auth0-authenticatie en strikte data-isolatie per gebruiker.

Node.js Express PostgreSQL React Auth0 Docker

Bekijk op GitHub JavaScript

Open source tool

IdlePlay

Node.js-applicatie die Steam-speeltijd automatisch bijhoudt. Discord-bot met slash commands, real-time WebSocket-statusupdates en een Express REST-API voor instellingenbeheer. Configuratie wordt persistent opgeslagen in JSON.

Node.js Express WebSocket Discord.js

Bekijk op GitHub JavaScript

Bekijk alle GitHub repositories →

Uitgelichte code

Gebouwd.
Getest. Gedeployed.

invoiceFetcher.js

function buildExistingInvoiceIndex(invoices) {
  const byNumber = new Set();
  const byUuid
                      = new Set();
  const mapByNumber = new Map();
  const mapByUuid   = new Map();
 
  for (const
                    inv of invoices) {
                  
    const nr = normalizeInvoiceNumber(inv?.invoice_number);
    if (nr && !mapByNumber.has(nr)) {
      byNumber.add(nr); mapByNumber.set(nr, inv); }
    const uuid = extractYoungOnesUuid(inv?.scan_json);
    if (uuid && !mapByUuid.has(uuid)) {
      byUuid.add(uuid); mapByUuid.set(uuid, inv); }
  }
  return { byNumber, byUuid, mapByNumber,
                    mapByUuid };
                  
}

Klantio CRM — Backend

Dual-Key Dedup Index

Twee parallelle Set en Map structuren opgebouwd in één pass. Elke deduplicatiecheck verderop in de pijplijn is O(1). Geen database round-trip, nooit een dubbele import.

server.js

async function broadcastStatus() {
  let duration
                    = "00:00:00"
  if (boosting
                    && startTime) {
    duration = formatDuration(Date.now() - startTime)
  }
  const gameTitle = await getGameTitle(gameIds[0])
  wss.clients.forEach((client) => {
                  
    if (client.readyState === WebSocket.OPEN) {
      client.send(JSON.stringify({
        username, gameTitle,
        gameId: gameIds[0],
        boosting, duration,
      }))
    }
  })
}

IdlePlay — WebSocket

Real-time Broadcast

Asynchroon de gametitel ophalen via de Steam-API en daarna de volledige status pushen naar alle verbonden WebSocket-clients. Elke open verbinding ontvangt een gesynchroniseerde update.

server.js

function startSteamBoost() {
  if (!boosting) return
  const currentGames = gameIds.map((gameId) => ({
    appId: gameId, playing: false,
  }))
  const intervalId = setInterval(() => {
    if (!boosting) {
      clearInterval(intervalId)
      currentGames.forEach(stopPlayingGame)
      return
    }
    for (const game of currentGames) {
      if (!game.playing) playGame(game)
    }
  }, 5000)
}

IdlePlay — Steam API

Interval State Machine

Een interval-gebaseerde toestandsmachine die per game bijhoudt of het actief speelt. Bij het stoppen wordt het interval direct opgeruimd en worden alle actieve sessies afgesloten.

invoiceFetcher.js

const score = (url) => {
  const s =
                    url.toLowerCase(); let n = 0;
                  
  if (s.includes('.pdf'))         n += 10;
  if (s.includes('download'))     n +=  4;
  if (s.includes('factuur') ||
      s.includes('invoice'))    n +=  2;
  return n;
                  
};
urls.sort((a, b) => score(b) - score(a));
return urls.slice(0, MAX_CANDIDATES);

Klantio CRM — Web Scraping

Heuristic PDF Scoring

Kandidaat-URLs uit HTML gescoord op .pdf, download en invoice, daarna gesorteerd op score. De meest waarschijnlijke factuur staat gegarandeerd bovenaan de lijst.

/docs/factuur-2025.pdf 12 pts

/download/invoice_q3 6 pts

/assets/logo.png 0 pts

Contact

Klaar als
je dat bent

Ik ben 21 jaar, werk dagelijks in productiecode en lever projecten volledig af. Zoekt u iemand voor een stage of junior positie? Neem contact op via LinkedIn of e-mail.

Bekijk mijn LinkedIn GitHub profiel

E-mail mha0214@pm.me

Locatie Amsterdam, Nederland

Socials

Beschikbaar voor stage en junior opdrachten in 2026