TrueMark-AI - Fashion Store with AI-Powered Assistant

A modern e-commerce platform built for the Perplexity Hackathon, featuring Perplexity Sonar AI-powered product authentication, real-time validation, and advanced analytics dashboard.

Project Showcase

Summary

TrueMark-AI is an innovative e-commerce platform that combines modern shopping experiences with Perplexity Sonar AI-powered authentication. The platform ensures product authenticity through unique validation codes and QR codes, protecting customers from counterfeits while providing a seamless shopping experience.

MarkAI Assistant Flow

Welcome & Listen
- Greets users with a friendly welcome
- Listens to fashion requirements using voice input
Perplexity Sonar Analysis
- Processes user preferences
- Recommends two best-matching products
- Presents options clearly as "first" and "second" choices
Voice Selection
- Users can select products by saying "first one" or "second one"
- Provides voice feedback on selection
Smart Cart
- Automatically adds selected items to cart
- Confirms addition with voice feedback
- Offers to continue shopping

Product Validation Flow

Code Generation
- Perplexity Sonar AI generates unique validation code upon order placement
- QR code created for easy scanning
Validation Process
- Users scan product QR code
- Enter received validation code
- Perplexity Sonar AI verifies authenticity in real-time
Automated Resolution
- Invalid codes trigger automatic support ticket
- Instant refund processing
- Real-time status updates ## How to Run

Clone the repository:

git clone https://github.com/TWILIGHTCLOUDCODERZ/truemark-ai

Install dependencies:
```
npm install
```

Environment Setup:

✨ Environment variables are pre-configured in this private repository! ✨

Create a .env file with:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
VITE_PERPLEXITY_API_KEY=your_perplexity_api_key

Start the development server:
```
npm run dev
```

To access Admin dashboard

signin: twilightcloudcoderz@gmail.com
password:twilightcloudcoderz@gmail.com

Technology Stack

Frontend:
- React 18 with TypeScript
- Tailwind CSS for styling
- Framer Motion for animations
- Lucide React for icons
- React Router for navigation
- Tremor for beautiful analytics charts
- Web Speech API for voice interactions
Backend:
- Supabase for database and authentication
- Edge Functions for serverless computing
- Real-time subscriptions
- Row Level Security (RLS)
AI Integration:
- Perplexity Sonar AI for chat support
- AI-powered validation code generation
- Automated support ticket system
- Voice recognition and synthesis

Key Features

🤖 MarkAI Voice Assistant
- Voice-enabled shopping experience
- Natural language product search
- Smart recommendations
- Voice-controlled cart management
🛡️ Perplexity Sonar AI Authentication
- Unique validation codes
- QR code verification
- Real-time authenticity checks
- Automated fraud detection
📊 Real-time Analytics Dashboard
- Regional distribution visualization
- Risk analysis by region
- Performance metrics and trends
- Interactive charts and graphs
🎯 Smart Features
- Voice commands for hands-free operation
- Text-to-speech responses
- Natural language processing
- Real-time order tracking
- Automated refund system
- Smart ticket generation

Analytics Dashboard

The platform includes a comprehensive analytics dashboard featuring:

Real-time Metrics:
- Total validations
- Success rates
- Response times
- Regional distribution
Interactive Visualizations:
- Beautiful donut charts for regional distribution
- Animated bar charts for risk analysis
- Time series graphs for validation trends
- Real-time performance indicators
Perplexity Sonar AI Insights:
- Anomaly detection
- Risk alerts
- Performance recommendations

Problem Solution

The platform addresses several critical e-commerce challenges:

Product Authentication:
- Perplexity Sonar AI-generated unique validation codes
- QR code scanning for instant verification
- Blockchain-like tracking system
Customer Protection:
- Automated counterfeit detection
- Instant refund processing
- Real-time support via Perplexity Sonar AI chat with voice interaction
Analytics and Monitoring:
- Real-time validation tracking
- Regional risk analysis
- Performance metrics
- Interactive visualizations