Projects

Zombie Game (Canvas JS)

A browser-based zombie survival game using a canvas-style render loop. I focused on smooth controls, collisions, and a responsive gameplay loop.

Code example

function step(dt) {
  player.update(dt);
  zombies.forEach(z => z.update(dt));
  handleCollisions(player, zombies);
  render();
}
requestAnimationFrame((t) => step(t - lastT));
              

Process

• Sketch gameplay loop + entity responsibilities
• Implement movement + hitboxes
• Tune collision feel (speed, push-back, response)
• Polish render and UI feedback

Photos (click)

Recipe Book

A structured recipe browsing interface. I prioritized clean layouts, readability, and lightweight UI.

Code example

.card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
              

Process

• Define sections (search, categories, recipe view)
• Build responsive grid + typography scale
• Optimize spacing for scanning
• Iterate on UI polish

Photos (click)

Client Website

A responsive front-end layout focused on spacing, hierarchy, and interaction polish.

Code example

document.querySelectorAll('a').forEach(a => {
  a.addEventListener('click', () => {
    // UX enhancements go here
  });
});
              

Process

• Layout from wireframes + responsive breakpoints
• Typography and spacing pass
• Small JS enhancements
• Cross-device testing

Photos (click)