CrazyAuction
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