LumaJewels AI is a luxury jewellery shopping prototype that demonstrates how AI-powered personalization can improve product discovery, style matching, and premium e-commerce experiences.
The platform includes an elegant jewellery homepage, animated product cards, AI-style recommendations, personalized match scores, wishlist interactions, product detail modal, and an interactive “Find My Style” quiz that generates a custom jewellery style profile.
Demo: https://luma-jewel-ai.netlify.app/
Repository: https://github.com/javcod/luma-jewels-ai
- Luxury jewellery landing page with premium editorial design
- AI recommendation section for personalized product discovery
- Product cards with smooth hover animations
- Personalized jewellery match score
- Wishlist interaction with instant toast feedback
- Product detail modal with AI recommendation reason
- “Find My Style” quiz for style-based jewellery matching
- AI-generated style aura, best match, and match percentage
- Fully responsive design for desktop and mobile
- Smooth animations using Framer Motion
LumaJewels AI uses user preference signals such as occasion, style, metal tone, and budget to create a personalized jewellery profile.
The system then simulates an AI recommendation flow by:
- Collecting user style preferences
- Mapping preferences to a luxury jewellery profile
- Generating a personalized style aura
- Assigning a match score
- Recommending the best jewellery piece
- Explaining why the product matches the user’s taste
This creates a more engaging and personalized shopping experience compared to a normal static jewellery website.
- React
- Vite
- Tailwind CSS
- Framer Motion
- Lucide React
- Netlify / Vercel Deployment
- Hero Section
- Collections
- AI Recommendation
- How Luma AI Works
- Neural Matches
- Product Detail Modal
- Style Quiz
- Wishlist Interaction
- Trust Section
- Testimonials
- Footer
This project was built as a frontend AI-commerce prototype inspired by the future of personalized luxury shopping. It focuses on user experience, product personalization, premium UI design, and AI-assisted recommendation flow.
- Real backend-based recommendation engine
- User authentication
- Persistent wishlist storage
- Product search and filters
- Cart and checkout flow
- Admin dashboard for product management
- Integration with real AI APIs for dynamic recommendations
git clone https://github.com/javcod/luma-jewels-ai.git
cd luma-jewels-ai
npm install
npm run devnpm run buildnpm run previewBuilt by Prabhuji Mishra B.Tech CSE Student | AI Agent & Automation Enthusiast GitHub: https://github.com/javcod