Tetrix is a 3D reimagining of the classic Tetris game, developed using Three.js to deliver an immersive, browser-based gaming experience. Players can manipulate tetrominoes in a fully 3D environment with smooth animations, realistic lighting, and customisable controls. By blending nostalgic gameplay with modern web technology, Tetrix demonstrates expertise in 3D rendering, real-time physics, and interactive UI/UX within the browser.
Whether you’re stacking blocks for high scores or climbing the global leaderboard, Tetrix offers a dynamic and engaging take on one of gaming’s most timeless challenges.
Tech Stack
Frontend
- Next.js – for server-side rendering, routing, and performance optimization.
- React Three Fiber – for real-time 3D graphics and scene management.
- Tailwind CSS – for modern, responsive, utility-first styling.
Backend
- Better Auth – for secure, flexible user authentication and session management.
- Prisma ORM – for efficient database modeling and type-safe queries.
- Neon Database – for scalable, serverless PostgreSQL data storage (leaderboards, profiles, etc.).
DevOps & Deployment
- Vercel – for fast, reliable deployment and hosting.
- GitHub – for version control and project collaboration.