|
| 1 | +<div align="center"> |
| 2 | + |
| 3 | +<img src="src/assets/fishcake-logo-final.png" alt="Fishcake Logo" width="120" /> |
| 4 | + |
| 5 | +# Fishcake Universal Deck |
| 6 | + |
| 7 | +### **The Official Presentation for Fishcake EventFi** |
| 8 | + |
| 9 | +Leading Real-World Web3 Solutions (RWS) — Make Token Value Real |
| 10 | + |
| 11 | +[](https://universaldeck.fishcake.org) |
| 12 | +[](https://universal-fishcake-deck.vercel.app) |
| 13 | +[](https://github.com/FishcakeLab/Universal-Fishcake-Deck/actions) |
| 14 | + |
| 15 | +</div> |
| 16 | + |
| 17 | +--- |
| 18 | + |
| 19 | +## What is Fishcake? |
| 20 | + |
| 21 | +**Fishcake** is the execution layer for Real-World Solutions (RWS) in marketing. It powers incentive-driven, on-chain marketing built for real-world engagement — connecting merchants and users through tokenized events, transparent rewards, and a self-sustaining ecosystem. |
| 22 | + |
| 23 | +> *"Everyone talks about Real-World Web3. Fishcake executes it."* |
| 24 | +
|
| 25 | +--- |
| 26 | + |
| 27 | +## Slide Deck |
| 28 | + |
| 29 | +18 slides covering the complete Fishcake story: |
| 30 | + |
| 31 | +| # | Slide | Description | |
| 32 | +|---|---|---| |
| 33 | +| 1 | **Title** | Fishcake EventFi — Leading RWS | |
| 34 | +| 2 | **Opening Claim** | Tokenizing Real-life Interactions / Engagements | |
| 35 | +| 3 | **The Decade-Long Detour** | Beyond Financial Tools — ICO, DeFi, NFT, Metaverse, DePIN, RWA | |
| 36 | +| 4 | **RWA vs. RWS** | From Assets to Solutions | |
| 37 | +| 5 | **On-Chain Everything** | Why RWS is the path to get there | |
| 38 | +| 6 | **The $500B Problem** | Where marketing spend actually goes | |
| 39 | +| 7 | **What Fishcake Is** | Four Non-Negotiable On-Chain Principles | |
| 40 | +| 8 | **The Gravity Loop** | Self-sustaining merchant-user flywheel | |
| 41 | +| 9 | **Marketing Math** | Fishcake model vs. traditional — $10,000 + FCC rewards | |
| 42 | +| 10 | **Loyalty Without Baggage** | Fishcake Loyalty Ecosystem | |
| 43 | +| 11 | **For Users** | Web3 that doesn't feel like Web3, BUT rewarding | |
| 44 | +| 12 | **Fishcake Coin (FCC)** | A stock-like on-chain asset — claim on Fishcake's growth | |
| 45 | +| 13 | **Featured Tokenomics** | Redemption Pool + PoW Mining | |
| 46 | +| 14 | **Token Distribution** | Rewarding builders, not speculators | |
| 47 | +| 15 | **Where We Are** | Live infrastructure — scaling multi-chain | |
| 48 | +| 16 | **Why Fishcake Wins** | Vision → RWS → Utility → Ecosystem → Tokenomics → Community | |
| 49 | +| 17 | **The Close** | Fishcake — Where Everyday Life Meets Web3 | |
| 50 | +| 18 | **Final Frame** | Download the app, connect with us | |
| 51 | + |
| 52 | +--- |
| 53 | + |
| 54 | +## Tech Stack |
| 55 | + |
| 56 | +| Layer | Technology | |
| 57 | +|---|---| |
| 58 | +| Framework | React 18 · TypeScript | |
| 59 | +| Build | Vite 5 | |
| 60 | +| Styling | Tailwind CSS · shadcn/ui | |
| 61 | +| Fonts | Inter · Space Grotesk · JetBrains Mono (self-hosted via @fontsource) | |
| 62 | +| Icons | Lucide React | |
| 63 | +| PDF Export | Puppeteer (headless Chrome) · pdf-lib | |
| 64 | +| Deployment | Vercel (auto-deploy via GitHub Actions) | |
| 65 | + |
| 66 | +--- |
| 67 | + |
| 68 | +## Project Structure |
| 69 | + |
| 70 | +``` |
| 71 | +├── public/ # Static assets |
| 72 | +│ ├── Fishcake_Universal_Deck.pdf # Pre-generated high-quality PDF (30-40 MB) |
| 73 | +│ └── fishcake-icon.png |
| 74 | +├── docs/ # Content & documentation |
| 75 | +│ └── slide-contents.md # Full slide text content |
| 76 | +├── scripts/ |
| 77 | +│ └── generate-pdf.mjs # Puppeteer PDF generator (3x retina) |
| 78 | +├── src/ |
| 79 | +│ ├── main.tsx # Entry point + font imports |
| 80 | +│ ├── App.tsx # Router shell |
| 81 | +│ ├── index.css # Design system (CSS variables, animations) |
| 82 | +│ ├── assets/ # Logos |
| 83 | +│ ├── components/ |
| 84 | +│ │ ├── presentation/ # Deck framework (navigation, export, layout) |
| 85 | +│ │ │ ├── ExportMenu.tsx # PDF download button + overlay animation |
| 86 | +│ │ │ ├── SlideNavigation.tsx # Prev/Next arrows + slide counter |
| 87 | +│ │ │ ├── NavigationDots.tsx # Bottom dot indicators |
| 88 | +│ │ │ ├── SlideContainer.tsx # Slide wrapper w/ gradient background |
| 89 | +│ │ │ ├── SlideTitle.tsx # Reusable slide header |
| 90 | +│ │ │ ├── SlideCard.tsx # Glass-morphism content card |
| 91 | +│ │ │ ├── SlideTable.tsx # Styled data table |
| 92 | +│ │ │ ├── SlideList.tsx # Bullet-point list |
| 93 | +│ │ │ ├── AnimatedBackground.tsx |
| 94 | +│ │ │ ├── FloatingElements.tsx |
| 95 | +│ │ │ ├── GeometricShapes.tsx |
| 96 | +│ │ │ ├── GravityLoop.tsx |
| 97 | +│ │ │ └── GridBackground.tsx |
| 98 | +│ │ ├── slides/ # Individual slide components (01-21) |
| 99 | +│ │ │ ├── Slide01TitleSlide.tsx |
| 100 | +│ │ │ ├── ... |
| 101 | +│ │ │ └── Slide21Final.tsx |
| 102 | +│ │ └── ui/ # shadcn/ui primitives (button, toast, tooltip) |
| 103 | +│ ├── hooks/ # use-mobile, use-toast |
| 104 | +│ ├── lib/ # utils (cn helper) |
| 105 | +│ └── pages/ |
| 106 | +│ ├── Index.tsx # Main presentation page (slide state, keyboard nav) |
| 107 | +│ └── NotFound.tsx |
| 108 | +├── .github/workflows/deploy.yml # CI/CD pipeline |
| 109 | +├── index.html # HTML shell |
| 110 | +├── vite.config.ts |
| 111 | +├── tailwind.config.ts |
| 112 | +├── tsconfig.json |
| 113 | +└── package.json |
| 114 | +``` |
| 115 | + |
| 116 | +--- |
| 117 | + |
| 118 | +## Getting Started |
| 119 | + |
| 120 | +```bash |
| 121 | +git clone https://github.com/FishcakeLab/Universal-Fishcake-Deck.git |
| 122 | +cd Universal-Fishcake-Deck |
| 123 | +npm install |
| 124 | +npm run dev |
| 125 | +``` |
| 126 | + |
| 127 | +### Generate PDF |
| 128 | + |
| 129 | +```bash |
| 130 | +npm run generate:pdf # Captures all 18 slides via headless Chrome → PDF |
| 131 | +``` |
| 132 | + |
| 133 | +### Build |
| 134 | + |
| 135 | +```bash |
| 136 | +npm run build # Production build (Vite) |
| 137 | +``` |
| 138 | + |
| 139 | +--- |
| 140 | + |
| 141 | +## Deployment |
| 142 | + |
| 143 | +Every push to `main` triggers automatic deployment: |
| 144 | + |
| 145 | +``` |
| 146 | +Push → GitHub Actions → npm ci → vercel build → vercel deploy --prod |
| 147 | +``` |
| 148 | + |
| 149 | +Live at **[universaldeck.fishcake.org](https://universaldeck.fishcake.org)** |
| 150 | + |
| 151 | +--- |
| 152 | + |
| 153 | +## Links |
| 154 | + |
| 155 | +| | | |
| 156 | +|---|---| |
| 157 | +| 🌐 **Website** | [fishcake.org](https://fishcake.org) | |
| 158 | +| 📱 **App** | [fishcake.io](https://fishcake.io) | |
| 159 | +| 🎤 **Deck** | [universaldeck.fishcake.org](https://universaldeck.fishcake.org) | |
| 160 | +| 𝕏 **Twitter** | [@fishcake_labs](https://x.com/fishcake_labs) | |
| 161 | +| ✈️ **Telegram** | [Fishcake_Labs](https://t.me/Fishcake_Labs) | |
| 162 | +| 💻 **GitHub** | [FishcakeLab](https://github.com/FishcakeLab) | |
| 163 | + |
| 164 | +--- |
| 165 | + |
| 166 | +<div align="center"> |
| 167 | + |
| 168 | +**© 2026 Fishcake. All rights reserved.** |
| 169 | + |
| 170 | +*Fishcake — Where Everyday Life Meets Web3.* |
| 171 | + |
| 172 | +</div> |
0 commit comments