🛡️ VendorTrust AI: Enterprise Supply Chain Intelligence

Corporate Overview

VendorTrust AI is a sophisticated, enterprise-grade frontend platform designed to help procurement leads and supply chain managers visually assess vendor trustworthiness and run advanced "what-if" business scenario simulations. It transforms raw performance data into actionable strategic insights using a modern, reactive interface.

---

🚀 How It Works

The platform operates across four core functional pillars:

1. Executive Dashboard (Real-time Monitoring)

   • Aggregates high-level KPIs like the Overall Trust Score and Cost Efficiency Index.
   • Visualizes temporal trends using area charts to detect performance degradation before it becomes critical.

2. Vendor Trust Assessment (Deep-Dive Profiling)

   • Provides a searchable, filterable registry of all suppliers.
   • Features a Detail Side-Panel for ogni vendor that uses Radar Charts to compare multidimensional performance (Quality vs. Compliance vs. Delivery).

3. Scenario Simulation (Predictive Analysis)

   • Allows users to "distort" the market by increasing demand or simulating vendor delays.
   • Uses a synthetic logic engine to project the "Before vs After" impact on total costs and delivery reliability.

4. AI Strategy Insights

   • Generates autonomous recommendations based on current performance patterns.
   • Categorizes insights by Optimization, Risk, and Cost Savings with projected ROI.

---

🛠️ Tech Stack

This project is built using a modern, high-performance web stack:

• Logic & UI: React 19 (Functional Components, Hooks)
• Build Tool: Vite 7 (Ultra-fast HMR)
• Styling: Tailwind CSS 4 (Atomic CSS for premium corporate aesthetics)
• Data Visualization: Recharts (D3-based responsive SVG charts)
• Icons: Lucide React (Clean, consistent enterprise icons)
• Animations: Framer Motion (Smooth transitions and hover micro-animations)
• Utility: clsx & tailwind-merge (Dynamic class management)

---

📂 Project Structure

vendor-trust-platform/
├── src/
│   ├── components/            # Atomic Component Design
│   │   ├── layout/            # Navbar, Sidebar (Application Shell)
│   │   ├── ui/                # Shared UI (KPI Cards, Buttons)
│   │   ├── vendor/            # Vendor specific (Table, Detail Panel)
│   │   └── simulation/        # Scenario form & logic
│   ├── pages/                 # Top-level Page Views
│   │   ├── Dashboard.jsx      # KPI & Trend overview
│   │   ├── VendorAssessment.jsx # Supplier registry & profiling
│   │   ├── ScenarioSimulation.jsx # "What-If" Analysis engine
│   │   └── Insights.jsx       # AI recommendations
│   ├── data/                  # Synthetic JSON Intelligence
│   │   ├── vendors.json       # Core vendor profiles
│   │   ├── trends.json        # Historical performance data
│   │   └── recommendations.json # Logic-mapped insights
│   ├── utils/                 # cn.js (Tailwind utility)
│   ├── index.css              # Global styles & Tailwind 4 Config
│   └── App.jsx                # Main Application Controller
├── public/                    # Static Assets
├── index.html                 # Entry point & SEO metadata
└── package.json               # Dependencies & build scripts

---

🧪 How to Test & Validate

To verify the platform's functionality in this environment, follow these steps:

1. Environment Setup

Ensure you are in the project root and start the server:

cd "C:\Users\esusa\.gemini\antigravity\scratch\vendor-trust-platform"
npm run dev

2. Feature Testing Checklist

• Dashboard: Hover over the Area Chart to see historical trust scores. Check if the Top 5 Vendors list updates based on the JSON data.
• Assessment:
  1. Use the search bar to find "Global Logix".
  2. Filter by "High Risk" to see specific vulnerabilities.
  3. Click a vendor row to verify the Side Panel slides in with the Radar performance chart.
• Simulation:
  1. Go to Scenario Simulation.
  2. Slide "Demand Increase" to 50%.
  3. Click Run Simulation and verify the "Before vs After" bar chart reflects the cost/risk surge.
• Responsive Check: Resize your browser window to see how the Sidebar collapses and the grid adjusts from 4 columns to 1.

---

📈 Developer Notes

• Data Driven: The entire UI is built to be "Data-First". Modifying src/data/vendors.json will immediately reflect across the Dashboard, Table, and Insights.
• Zero Backend: This is a pure frontend demonstration. All simulation logic is calculated locally in ScenarioSimulation.jsx.

About Me:

Name: Sanjanaa S

Course: B.Tech Artificial Intelligence and Data Science

College: Rajalakshmi Institute of Technology

Year: 3rd Year

Email: sanjanaasrinivasan7@gmail.com

LinkedIn: www.linkedin.com/in/sanjanaa-srinivasan-802ba5290

GitHub: https://github.com/Sanjanaa7