LaravelReactTailwind CSSMongoDBGeminiFirebaseJWT

Opal Luxe

Opal Luxe

TYPE

web

DURATION

1 week

COMPLETED

August 2024

LANGUAGE

JavaScript

MISSION BRIEF

Opal Luxe is a next-generation eCommerce and auction platform that merges classic marketplace features with cutting-edge AI. Built with Laravel, React, and Firebase, the app includes a Gemini-powered assistant that automatically generates reviews and comparisons for listed products. Whether it's a house, car, or tech gadget, Gemini provides context-aware insights based on real-world data and other listings, helping users make informed decisions. The app also supports live auctions, dynamic bidding, and a personalized shopping experience.

REPOSITORY LIVE DEMO

VISUAL_EVIDENCE

Gallery 0
Gallery 1
Gallery 2
Gallery 3
Gallery 4
Gallery 5
Gallery 6
Gallery 7
Gallery 8
Gallery 9
Gallery 10
Gallery 11
Gallery 12
Gallery 13

CORE FEATURES

  • AI Assistant powered by Gemini
  • List a product or auction
  • Place and manage auction bids
  • Purchase items directly
  • Add to cart and wishlist
  • Payment gateway integration
  • Apply discounts and promo codes
  • Keyword and tag-based product search
  • Automatic product, property, and car reviews
  • Chat support
  • Update and manage your listings
  • Close auctions early
  • Dynamic real-time auction bidding

TECH STACK

  • >Laravel backend with RESTful API and WebSocket support
  • >React frontend with Tailwind CSS and Shadcn components
  • >MongoDB for flexible data handling
  • >Firebase Authentication with JWT integration
  • >Gemini API for contextual AI-based product insights
  • >WebSocket-based real-time auction system
  • >Automatic detection of product type (e.g., car, property) for custom analysis
  • >AI-powered review generation using listing data and web search

Operational Hurdles

Implementing WebSockets for real-time bidding in Laravel

SOLUTION_PROTOCOL: Used Laravel Echo with Pusher and Redis to handle real-time auction events across multiple clients

Hosting and deploying Laravel backend reliably

SOLUTION_PROTOCOL: Configured Laravel for cloud deployment using Forge and optimized with queue workers and environment isolation

Integrating Gemini for automatic product reviews and analysis

SOLUTION_PROTOCOL: Built a service layer that queries Gemini with product metadata and returns natural language summaries and comparisons

Getting nearby amenities for properties

SOLUTION_PROTOCOL: Used Google Places API and integrated it with Gemini to generate contextual amenity reviews for property listings

Calculating property area and estimating price/sqft

SOLUTION_PROTOCOL: Developed an algorithm to standardize input area formats and compare with similar listings for AI pricing feedback