Back to projects
Alt text for image
•
2 min read

Next.js 3D Shirt Customizer

This is a full-stack web application built with Next.js that allows users to customize a 3D model of a t-shirt and visualize the changes in real-time. It features a 3D customizer, user authentication, a dashboard for managing designs, and an admin area.

Features

  • 3D Shirt Customizer: Interactive 3D shirt customizer using React Three Fiber and Three.js.
  • Real-time Customization: Change color, and apply textures to the 3D model.
  • Authentication: User registration and login using NextAuth.js.
  • Dashboard: User dashboard to view and manage saved designs.
  • Database: PostgreSQL database with Drizzle ORM for data persistence.
  • Admin Area: Separate section for administrators to manage the application.
  • Component-based UI: Built with Radix UI and shadcn/ui for a consistent and accessible design system.

Tech Stack