Project: [Creative Apps] - [Shark Tank India Hub - Data Analysis]

Track

Creative Apps (GitHub Copilot)

Project Name

Shark Tank India Hub

GitHub Username

@yogi-playground

Repository URL

https://github.com/yogi-playground/SharkTankIndiaHub

Project Description

🦈 Shark Tank India Hub

A comprehensive platform for exploring Shark Tank India pitches, learning entrepreneurship, and preparing for investor presentations.

🎯 About the Project

Shark Tank India Hub is a creative AI-powered web application designed to make Shark Tank India accessible, analyzable, and educational for aspiring entrepreneurs and business enthusiasts across India.

The Problem We Solve

India's Shark Tank phenomenon has inspired millions to pursue entrepreneurship, yet the barrier to entry remains high. People watch the show but struggle to:

• Analyze pitches systematically — Key details move too fast on screen
• Learn from successful businesses — No structured way to study business models
• Prepare for investor pitches — New founders lack guidance on what investors ask
• Build investment-ready businesses — No single resource for entrepreneur training

Our Solution

Shark Tank India Hub provides:

1. 📊 Pitch Database & Analytics

   • Browse all pitches across 5 seasons in one place
   • Compare deals side-by-side
   • Filter by industry, funding amount, valuation, and outcome
   • Deep-dive into business models and investor feedback

2. 🎓 Investor Readiness Academy

   • 4-level training program (20+ modules)
   • Level 1: Foundation — Business models, terminology, unit economics
   • Level 2: Numbers Master — Revenue projections, break-even analysis, financial math
   • Level 3: Growth Strategist — TAM-SAM-SOM models, go-to-market strategies
   • Level 4: Investor Ready — Pitch preparation, Q&A handling, due diligence

3. 📈 Personal Dashboard

   • Build a personalized investor dashboard
   • Get AI-powered talking points for your pitch
   • Track common investor questions by industry
   • Benchmark your business metrics against successful pitches

4. 🦈 Shark Profiles

   • Understand each shark's investment thesis
   • See their portfolio and success patterns
   • Track their preferred industries and ticket sizes

---

✨ Key Features

🔍 Smart Analytics

• 702 Pitches across 5 seasons analyzed and searchable
• 401 Deals Closed — ₹318 Crores invested
• Filter and compare by: industry, funding stage, valuation, deal terms
• Real-time statistics dashboard

📚 Investor Readiness Academy

• Structured Learning Paths — 4 progressive levels
• Interactive Modules — Business models, financial analysis, pitch strategies
• Practical Exercises — Map revenue streams, build projections, practice pitches
• Checklists & Resources — Get investor-ready step-by-step

🎯 Personal Dashboard

• Customizable Profile — Input your business details
• AI-Generated Talking Points — Personalized pitch guidance
• Investor Q&A Guide — Common questions by industry + sample answers
• Metrics Benchmarking — Compare your numbers against similar pitches

🦈 Shark Intelligence

• Detailed shark profiles with:
  • Investment track record
  • Preferred industries & ticket sizes
  • Portfolio companies
  • LinkedIn & brand connections

🌐 Modern UX

• Light/Dark Mode — Comfortable viewing anytime
• Fully Responsive — Works on desktop, tablet, mobile
• Fast & Accessible — WCAG 2.1 compliant
• Offline Ready — Progressive Web App features

---

Demo Video or Screenshots

� Screenshots & Live Demo

Explore the live application: 🦈 Shark Tank India Hub Live
Screenshots: 🦈 Shark Tank India Hub Screenshots

Page Screenshots & Live Links

Page	Screenshot	Live Link	Description
🏠 Home		View Home	Dashboard with overall statistics, hero section, and recent deals preview
📅 Seasons		View Seasons	Browse all 5 seasons with detailed analytics and pitches per season
🦈 Sharks		View Sharks	Complete shark profiles, investment patterns, and portfolio details
📊 Analytics		View Analytics	Advanced filtering, comparison tools, and custom data exploration
🎓 Academy		View Academy	4-level investor readiness training with interactive modules
📈 Dashboard		View Dashboard	Personalized pitch builder and investor Q&A practice tool

Primary Programming Language

Other

Key Technologies Used

🚀 Technology Stack

Frontend

• HTML5 — Semantic, accessible markup
• CSS3 — Modern styling with dark/light theme support
• JavaScript (Vanilla) — No frameworks, lightweight & fast
• Chart.js — Beautiful data visualizations

Data & Performance

• Static JSON Data — GitHub Pages compatible, no backend needed
• Client-Side Rendering — Instant load times
• GitHub Pages Deployment — Free, fast, global CDN

Development Tools

• GitHub Copilot — AI-assisted code generation
• VS Code — Modern development environment
• GitHub Actions — Automated CI/CD pipeline

Submission Type

Team (2-4 members)

Team Members

@yogi-playground [Yogendra Bhardwaj] @neeraj29j

Submission Requirements

• My project meets the track-specific challenge requirements
• My repository includes a comprehensive README.md with setup instructions
• My code does not contain hardcoded API keys or secrets
• I have included demo materials (video or screenshots)
• My project is my own work with proper attribution for any third-party code
• I agree to the Code of Conduct
• I have read and agree to the Disclaimer
• My submission does NOT contain any confidential, proprietary, or sensitive information
• I confirm I have the rights to submit this content and grant the necessary licenses

Quick Setup Summary

�🚀 Getting Started

Local Development

# Clone the repository
git clone https://github.com/yogi-playground/SharkTankIndiaHub.git
cd SharkTankIndiaHub

# Start a local web server
python -m http.server 8000

# Open in browser
# http://localhost:8000

GitHub Pages Deployment

1. Push to main branch
2. GitHub Actions automatically builds and deploys
3. Visit: https://yogi-playground.github.io/SharkTankIndiaHub/

---

Technical Highlights

🔧 Technical Highlights — Shark Tank India Hub

A deep-dive into the engineering decisions, architecture patterns, and optimizations that power Shark Tank India Hub.

---

🏗️ Architecture

100% Static — No Backend Required

Layer	Technology	Purpose
Markup	HTML5	Semantic, accessible structure
Styling	CSS3 + CSS Variables	Dynamic theming, responsive layout
Logic	Vanilla JavaScript (ES6+)	SPA routing, data rendering, filters
Data	Static JSON files	Pitch, shark, season, analytics data
Hosting	GitHub Pages	Free global CDN with HTTPS
CI/CD	GitHub Actions	Auto-deploy on every git push

All data lives in flat JSON files under data/ — no API calls, no database, no server costs.

---

⚡ Performance Engineering

• Zero Framework Overhead — No React, Vue, or Angular. Pure Vanilla JS keeps the bundle tiny
• On-Demand Data Loading — Each page's JSON is fetched only when the user navigates to it
• Client-Side Rendering — Page transitions happen instantly without full reloads
• < 2s First Load — Achieved through CDN delivery, minimal assets, and lazy loading
• Relative Asset Paths — All CSS/JS/image paths are relative, ensuring compatibility in any subdirectory deployment (critical for GitHub Pages)

---

Challenges & Learnings

Built with ❤️ using GitHub Copilot | Submitted to Microsoft Agents League 2026

---

🧗 Challenges & Learnings

⚡ Top 5 Challenges We Solved

#	Challenge	Solution	Learning
1	file:// CORS errors locally	Switched to python -m http.server + documented in README	Static sites always need a local web server for fetch()
2	Background image missing on GitHub Pages	Fixed url('/images/') → url('../images/') — CSS paths resolve relative to the CSS file, not the HTML	Always use file-relative paths in CSS
3	Light mode invisible text	Replaced all hardcoded rgba(255,255,255,x) with CSS variables (var(--text), var(--muted))	Never hardcode colours — always use theme variables
4	GitHub Actions exit code 128	Switched from legacy gh-pages branch deploy to official actions/deploy-pages@v4 with proper write permissions	Use GitHub's official Pages actions for reliable CI/CD
5	Training page layout broken	Added flex-direction: column to body — default flex is row, stacking header & content side by side	Always explicitly set flex direction

---

💡 Key Learnings

• 🤖 GitHub Copilot = 40% faster — Especially for repetitive patterns like table rendering, chart config, and accessibility attributes
• 🎨 CSS Variables are powerful — One class toggle (html.light) updates the entire UI instantly across 7 pages
• 📦 Static is underrated — No backend, no database, no server costs — yet delivers a full SPA experience
• ♿ Accessibility from day one — Retrofitting ARIA labels and keyboard navigation is harder than building it in from the start
• 🚀 GitHub Pages path gotchas — Absolute paths (/images/) break on subdirectory deployments; relative paths always win

---

🏆 What We're Most Proud Of

Building a full learning platform — Academy, Dashboard, Analytics, and 702-pitch database — as a pure static site with zero backend, deploying in under 2 minutes, for free, using GitHub Copilot as an AI pair programmer.

Contact Information

https://www.linkedin.com/in/yogendrabhardwaj/

Country/Region

United State

The issue is a project submission describing the Shark Tank India Hub rather than a requested repository change. No target file, test, entry point, or completion condition is specified, so a contributor would need clarification before beginning work.