Ecommerce
Astradia
103
votes
About this project
Cenix
Cenix is a production-ready next-generation eCommerce platform that redefines online shopping through real-time 3D customization, AI-powered design generation, and a scalable full-stack architecture.
Unlike traditional eCommerce systems, Cenix enables users to design and customize products in real time using an interactive 3D environment powered by Three.js and React Three Fiber. Beyond manual editing, the platform introduces an AI-powered customization system where users can simply describe what they want in natural language, and the AI generates visual design outputs applied directly to the product in real time. This creates a seamless bridge between imagination and product visualization.
The platform includes a complete commerce ecosystem with product browsing, cart and checkout flows, authentication, and role-based dashboards for both users and administrators. It also integrates Moolre Payment Gateway for secure and seamless transaction processing.
Built with scalability and performance in mind, Cenix follows a modern SEO-first architecture with dynamic metadata, structured data (JSON-LD), sitemap generation, and route-level indexing control. It also features session persistence, ensuring users never lose their 3D or AI-generated design progress.
Key Highlights
Real-time 3D apparel customization (Three.js + React Three Fiber)
AI-powered design generation from user prompts
Full eCommerce system (products, cart, checkout, orders)
Role-based dashboards (Admin & User)
Integrated Moolre payment system
Session persistence for design continuity
SEO-first architecture (meta tags, Open Graph, JSON-LD, sitemap)
Dark/light theme system with persistence
Supabase-powered backend integration
Tech Stack
Next.js 16, React 19, Three.js, React Three Fiber, Redux Toolkit, Valtio, Tailwind CSS, Framer Motion, GSAP, Supabase (Postgres), Moolre Payments, Cloudinary, pnpm.
Impact Statement
Cenix combines immersive 3D visualization, AI-driven creativity, and real-world eCommerce infrastructure into a single production-ready platform. By allowing users to generate product designs through natural language input and instantly visualize them in 3D, Cenix bridges the gap between AI creativity and commercial product design. It represents a forward-looking solution in AI-assisted design, interactive commerce, and full-stack system engineering—making it a strong contender for modern hackathon challenges.
Moolre APIs used
Collections