Kacky.gg

Role
Lead frontend developer
Timeline
March 2024 - March 2026
Stack
TypeScript, React, Next.js, TanStack Query, react-three-fiber, Vitest, MSW, Storybook
Status
Live
Kacky.gg

Problem

Inherited a Chakra UI/CRA app where a leaderboard took 5-10 seconds to load, all client-side rendered, no SSR.

Approach

  • 01Rewrote the app in Next.js and TypeScript, moving leaderboard, maps, hunting, event, and map-detail pages to server-side data fetching with prefetching
  • 02Cached API results globally so repeat views didn't hit the backend again, cutting load times to 0.5-1 second on the leaderboard and 70-90% faster on other key views
  • 03Built a 3D car skin viewer with react-three-fiber, SMAA/SSAO post-processing, and an HDRI environment map, so players can preview paint jobs before applying them
  • 04Set up the team's testing stack: Storybook with shadcn components, Vitest, and MSW for API mocking
  • 05Reviewed PRs for an international group of contributors coordinating over GitHub and Discord

Result

5-10s -> 0.5-1s

Leaderboard load time

70-90% faster

Other key views

215 of 356 (majority contributor)

Commits