Inspiration

Modern online shopping often feels fragmented. Customers spend too much time searching for the right products, while small and medium-sized sellers struggle to understand market trends, customer behavior, and inventory management.

We wanted to build a marketplace where AI supports both sides of commerce, not just by recommending products, but by improving the entire shopping journey and helping businesses make smarter decisions.

Our goal was to combine intelligent product discovery, conversational AI, seller analytics, and a premium user experience into one seamless platform that feels modern, engaging, and scalable.

What it does

(WHOLE)² is an AI-powered marketplace designed for both customers and sellers.

Customers can:

  • Browse products through a cinematic shopping experience.
  • Discover products using AI-assisted search.
  • Receive support through a conversational AI assistant.
  • Manage shopping carts, checkout, and orders.
  • Access the platform through both web and Flutter mobile applications.

Sellers can:

  • Manage products and inventory.
  • Monitor sales dashboards.
  • Receive AI-generated growth suggestions.
  • Analyze product trends.
  • Improve their storefront using intelligent insights.

The platform combines modern frontend engineering with AI-powered commerce to create a smarter online shopping ecosystem.

How we built it

The frontend was built using React 19 with Vite, allowing fast development and optimized production builds.

Key technologies include:

  • React 19
  • Vite 7
  • Tailwind CSS 4
  • React Router 7
  • React Context API
  • Flutter for the cross-platform mobile application
  • Render for deployment

To improve performance, the application uses:

  • Lazy-loaded routes with React.lazy()
  • Manual code splitting
  • Vendor chunk optimization
  • Context-based global state management
  • Responsive component architecture

Artificial intelligence powers multiple parts of the platform including conversational customer support, intelligent product discovery, and seller growth recommendations.

Challenges we ran into

One of our biggest challenges was balancing a visually immersive shopping experience with application performance. High-quality animations, videos, and modern UI elements can significantly increase loading times if not optimized.

Another challenge was designing separate customer and seller experiences while maintaining a consistent architecture. We also had to carefully structure the application so AI features could integrate naturally into multiple workflows without disrupting usability.

Optimizing lazy loading, organizing reusable components, and planning scalable AI integration required significant architectural decisions throughout development.

Accomplishments that we're proud of

We’re proud of creating a complete digital commerce platform rather than just another online store.

Some highlights include:

  • AI-assisted product discovery
  • Conversational AI support
  • Dedicated seller dashboard
  • Cross-platform Flutter application
  • Modern cinematic user interface
  • Optimized React architecture with lazy loading
  • Production deployment on Render

Most importantly, we created a foundation that can evolve into a production-ready AI commerce ecosystem.

What we learned

Throughout this project we learned how to design scalable frontend architectures, optimize performance using code splitting and lazy loading, and build role-based experiences for different users.

We also gained practical experience integrating AI into user workflows instead of treating it as an isolated feature. This project reinforced the importance of combining strong user experience, performance optimization, and intelligent automation to build modern digital products.

What's next for (WHOLE)² — AI-Powered Digital-First Commerce Engine

Our roadmap focuses on transforming (WHOLE)² into a production-ready AI commerce platform.

Future plans include:

  • Google Gemini or Vertex AI integration for personalized recommendations.
  • AI-powered product recommendation engine.
  • Intelligent inventory forecasting.
  • MongoDB backend with persistent user data.
  • Secure authentication.
  • Stripe and Razorpay payment integration.
  • Real-time order tracking.
  • Seller CRM and customer segmentation.
  • Advanced analytics dashboards.
  • Multi-language support.
  • Voice-enabled shopping assistant.
  • Generative AI product descriptions and marketing content.

Built With

Share this project:

Updates

Submission history