Unify UnCovered showcase page structure to match standard format

Author: kesku

docs/showcase/uncovered.mdx

@@ -1,77 +1,116 @@
 ---
-title: UnCovered | Real-Time Fact-Checking for Text, Images & Screenshots
-description: 2-click truth for anything you see online — text, images, screenshots, and links — without leaving the page.
-sidebar_position: 7
-keywords: [fact-checking, image verification, chrome extension, misinformation, sonar, perplexity, uncovered]
+title: UnCovered | Real-Time Fact-Checking Chrome Extension
+description: A Chrome extension that brings real-time fact-checking to anything you see online in just 2 clicks, powered by Perplexity's Sonar API for instant verification
+sidebar_position: 23
+keywords: [uncovered, fact-checking, chrome-extension, misinformation, sonar, perplexity, image-verification, text-analysis]
 ---
 
-## UnCovered: three clicks, instant truth for anything you see on the we
-
-**UnCovered** is a powerful Chrome extension that verifies **text, images, websites, and screenshots** in real-time—right where you browse. Built on Perplexity’s Sonar API, it provides instant truth with citations, verdicts, and deep analysis using just a right-click.
+**UnCovered** is a Chrome extension that verifies text, images, websites, and screenshots in real-time—right where you browse. Built on Perplexity's Sonar API, it provides instant truth with citations, verdicts, and deep analysis using just a right-click, without breaking your browsing flow.
 
 ## Features
 
-- **3-Click Verification**: Select → Right-click → Verify (Text, Image, Link, or Screenshot)
-- **Text Analysis Modes**: Quick Search, Fact-Check, Deep Research
-- **Image Fact-Checking**: Reverse image analysis and multimodal claim verification
-- **Screenshot & Video Frame Capture**: Analyze visuals like infographics, memes, or chart snapshots instantly
-- **Citation-Backed Results**: All answers include sources and fact-verdicts (True/False/Unconfirmed)
-- **Instant Rebuttal Generator**: Create concise, fact-based replies to misinformation
-- **No Tab Switching**: Stay on the same page — no copy-paste, no new tabs
+* **3-Click Verification**: Select → Right-click → Verify (Text, Image, Link, or Screenshot)
+* **Text Analysis Modes**: Quick Search, Fact-Check, and Deep Research capabilities
+* **Image Fact-Checking**: Reverse image analysis and multimodal claim verification
+* **Screenshot & Video Frame Capture**: Analyze visuals like infographics, memes, or chart snapshots
+* **Citation-Backed Results**: All answers include sources and fact-verdicts (True/False/Unconfirmed)
+* **Instant Rebuttal Generator**: Create concise, fact-based replies to misinformation
+* **Zero-Friction UX**: Stay on the same page — no copy-paste, no new tabs required
+
+## Prerequisites
+
+* Chrome browser
+* Node.js 16+ and npm
+* MongoDB database
+* Cloudinary account for image storage
+* Perplexity API key (Sonar Pro and Deep Research access)
+* Google OAuth credentials
+
+## Installation
+
+```bash
+# Clone the repository
+git clone https://github.com/aayushsingh7/UnCovered.git
+cd UnCovered
+
+# Install dependencies
+npm install
 
-## How it uses Sonar
+# Build the Chrome extension
+npm run build
+```
 
-UnCovered leverages the Perplexity Sonar API in three core modes:
+## Configuration
 
-- `sonar-pro`: Powers **Quick Search** and **Fact-Check** for fast, citation-backed answers  
-- `sonar-deep-research`: Used for **in-depth analysis** and **multi-source context**  
-- Input sources include selected text, right-clicked images, URLs, or screenshots captured directly in the browser
+Set up your environment variables:
 
-Each user interaction is intelligently routed to the appropriate Sonar API mode to ensure high accuracy and minimal latency.
+```ini
+PERPLEXITY_API_KEY=your_sonar_api_key
+MONGODB_URI=your_mongodb_connection_string
+CLOUDINARY_URL=your_cloudinary_credentials
+GOOGLE_OAUTH_CLIENT_ID=your_google_oauth_id
+```
 
 ## Usage
 
-1. **Text/Link Verification**
+1. **Text/Link Verification**:
    - Select text or right-click a link
    - Choose Quick Search / Fact-Check / Deep Research
    - Get trusted results with verdicts and citations
-![](https://res.cloudinary.com/dvk80x6fi/image/upload/v1748375032/text-short-MadewithClipchamp-ezgif.com-video-to-gif-converter_gfn4n7.gif)
 
-2. **Image Verification**
+2. **Image Verification**:
    - Right-click any image
    - Choose from Quick Search or Fact-Check
    - Detect misinformation and visual manipulation
-![](https://res.cloudinary.com/dvk80x6fi/image/upload/v1748375032/image-short-final-ezgif.com-video-to-gif-converter_rkvb8r.gif)
 
-3. **Screenshot/Infographic Analysis**
+3. **Screenshot/Infographic Analysis**:
    - Click UnCovered icon in the toolbar
-   - Use "Capture Screen" to analyze visual content (e.g., memes, videos, infographics)
-![](https://res.cloudinary.com/dvk80x6fi/image/upload/v1748375034/video-short-final-ezgif.com-video-to-gif-converter_nhlydr.gif)
-
-4. **Get Instant Rebuttal**
-   - Auto-generate a short, human-like response you can post to correct misinformation
-
-![Preview](https://res.cloudinary.com/dvk80x6fi/image/upload/v1748276656/final-diagram_zssp87.png)
-
-## Prompt Modes
-
-| Mode | Description | Use Case |
-|------|-------------|----------|
-| `sonar-pro` | Default fast mode | Quick Search & Fact Verdicts |
-| `sonar-deep-research` | Deep multi-source understanding | Thorough claim analysis |
-| Screenshot Upload | Multimodal image understanding | Infographics, memes, video frames |
-
-## Tech Stack
-
-- **Frontend**: Vanilla JavaScript + HTML (Chrome Extension APIs)
-- **Backend**: Node.js + Express
-- **Database**: MongoDB
-- **Auth**: Google OAuth
-- **Cloud Storage**: Cloudinary (for image uploads)
-- **AI Engine**: Perplexity Sonar Pro + Deep Research APIs
+   - Use "Capture Screen" to analyze visual content
+
+4. **Get Instant Rebuttal**:
+   - Auto-generate fact-based responses to correct misinformation
+
+## Code Explanation
+
+* **Frontend**: Vanilla JavaScript Chrome extension with context menu integration
+* **Backend**: Node.js Express server handling API requests and user authentication
+* **AI Integration**: Perplexity Sonar Pro and Deep Research APIs for intelligent fact-checking
+* **Image Processing**: Cloudinary integration for screenshot and image analysis
+* **Database**: MongoDB for user data and verification history
+* **Authentication**: Google OAuth for secure user management
+* **Multimodal Analysis**: Support for text, images, screenshots, and video frames
+
+## Technical Implementation
+
+UnCovered leverages Perplexity Sonar API in three core modes:
+
+```javascript
+// Quick Search and Fact-Check with Sonar Pro
+const quickResponse = await perplexityClient.chat.completions.create({
+  model: "sonar-pro",
+  messages: [{ role: "user", content: factCheckPrompt }]
+});
+
+// Deep Research for comprehensive analysis
+const deepResponse = await perplexityClient.chat.completions.create({
+  model: "sonar-deep-research", 
+  messages: [{ role: "user", content: deepAnalysisPrompt }]
+});
+```
+
+## Demo Video
+
+<iframe
+  className="w-full aspect-video rounded-xl"
+  src="https://www.youtube.com/embed/WJxW91eu0fs"
+  title="UnCovered Demo"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allowFullScreen
+></iframe>
 
 ## Links
 
 - [GitHub Repository](https://github.com/aayushsingh7/UnCovered)
-- [Live Demo Video](https://youtu.be/WJxW91eu0fs)
+- [Live Demo](https://uncovered.vercel.app)