Meta:

Technologies:

NextJSShadcnCloudflare WorkerTanstack QueryNextAuthTypeScriptFramer MotionBunVitestPlaywright

Built as a final second-year project at Noroff, developed a feature-rich auction system showcasing modern web development practices and performance optimization techniques.

Technical Implementation:

  • Built a performant auction system using Next.js and TypeScript, with Tanstack Query for efficient state management and real-time updates
  • Implemented a multi-step auction creation wizard and secure bidding system with NextAuth credit management
  • Optimized image delivery through Cloudinary and Cloudflare Workers, creating an edge-cached CDN solution
  • Enhanced user experience with OKLCH color space and Framer Motion animations for modern displays
  • Established robust CI/CD with GitHub Actions, running comprehensive Playwright E2E tests and Vitest unit tests
  • Utilized shadcn/ui components for a consistent and accessible interface design

System Highlights:

  • Secure credit system with 1000 initial credits for new users
  • Image optimization pipeline with edge caching
  • Automated testing on all production and development PRs

3