Golden Glasses Online Shop

Golden Glasses is an online eyewear shop with a modern digital try-on feature. Users can test 3D glasses virtually, take photos, and save them for later. The shop is built for accessibility and ease of use, supporting three languages (English, Arabic, French), offering dark mode, and working seamlessly across devices. It uses Strapi as a headless CMS for content and product management.

For testing, the project is deployed using free hosting services. Strapi is connected to Supabase (not ideal), hosted on Render, while the front-end runs on Vercel.

This Demo isn't connected to any backend

Features

General Features

• Multi-language Support: English, Arabic, and French.

• Dark Mode: A user-friendly dark mode option.
• Responsive Design: Works smoothly on all devices.

Shopping Features

• Product Interaction:
  • Add, update, or remove products in the cart.
  • Cart uses local storage, so users don’t need to create an account.
• Reviews:
  • Users can leave reviews for the shop or products.
  • Reviews require admin approval in Strapi before being visible.

Digital Try-On

• 3D Glasses:
  • Test glasses virtually.
  • Change colors with matching 3D models.
• Photo Feature:
  • Take and save photos while trying glasses.

Checkout

• Cart Requirements: Checkout is only available if the cart contains items.
• Prescription Upload: Optional feature for users buying prescription glasses.
• Order Management:
  • Orders are set to pending in Strapi.
  • Users are contacted via phone for confirmation.
  • Admin updates order status to "confirmed" or "delivered."

Payment

• Pay on Delivery: No online payment integration needed.

Technical Overview

• Back-End:
  • Strapi as a headless CMS.
  • Supabase for database (testing only).
  • Hosted on Render.
• Front-End:
  • Built with Next.js and hosted on Vercel.