Kelly van Haaften

Kelly van Haaften

Full-Stack Developer | Tech Innovator

Full-stack developer with hands-on experience in web development, backend integration, and user-centered design. My projects reflect my expertise across media, software, and business domains. This portfolio showcases key projects and the skills I’ve built through my academic and personal development.

Tech Skills.

Frontend Development

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Bootstrap
  • Tailwind CSS
  • Font Awesome
  • Prettier
  • ESLint
  • Shopify

Backend Development & Applications

  • C#
  • Python
  • Node.js
  • MongoDB
  • REST API
  • Electron
  • Stripe Webhooks
  • Swagger
  • Software Testing

AI & Machine Learning

  • Stable Diffusion
  • ComfyUI
  • Flux
  • LoRA Models

Design & Prototyping

  • Figma
  • Adobe XD
  • UI/UX Design
  • Logo Design

Collaboration & Leadership

  • Git/GitHub
  • C4 Models
  • Team Management
  • Workflow Planning
  • Stakeholder Communication

Web Optimization & Security

  • Localization API
  • Security
  • SEO
  • Responsive Design

Projects.

AI-Based Avatar Generation System for the Police

AI-Based Avatar Generation System for the Police

Led the development of an AI-driven avatar generation system, utilizing tools like Stable Diffusion, ComfyUI, and trained LoRA models to create realistic and consistent results. Oversaw the entire project, including workflows, UI/UX design (using Figma), and technical integration.

Stable DiffusionComfyUILoRAUI/UX Design
Semester 5
ClickBuddy

ClickBuddy

Cross-platform automation tool with integrated payment and database functionalities. Automates mouse clicks and keystrokes with an intuitive UI and integrated Stripe payment system.

ElectronNode.jsMongoDBStripe
Semester 4View
Peek - Media Monitoring App

Peek - Media Monitoring App

A media monitoring application for artists and brands. Conducted market research, wireframed light and dark mode designs, and refined the UI/UX iteratively based on feedback.

FigmaAdobe XDUI/UX Design
Semester 4
Spotlight

Spotlight

Enhanced event discovery by integrating Spotify preferences with ticket platforms like Ticketmaster and TicketSwap. Designed C4 models and wireframes to support development.

C4 ModelsSwaggerGit/GitHubWireframing
Semester 3
KrakChocolade

KrakChocolade

Designed and developed a Shopify webshop, optimized branding, and enhanced user engagement through improved UI/UX design. Conducted logo design and implemented key features for a seamless shopping experience.

ShopifyUI/UX DesignLogo DesignFrontend Development
June 2023View
Reflix

Reflix

Designed and prototyped a payment system for a decentralized streaming platform. Researched traditional Web 2.0 and crypto Web 3.0 solutions for user payments.

Node.jsREST APIFigmaWeb 3.0
Semester 2View
Ecopods

Ecopods

Sustainable product concept MVP using C# and the MVC framework. Developed backend functionality and created supporting UI designs in Figma.

C#MVCFigma
Semester 1

Let's Connect.