Further organizes and streamlines overall flow

Adds ecosystem apps contributor guidelines
Combines feedback pages into single universal page

README.md

@@ -30,7 +30,7 @@ As an open source and decentralized protocol, we **greatly appreciate** any cont
 If you feel like the docs can be better in some way, please feel free to fork this repo and make a pull request or open an issue in this Repository.
 
 ### Make changes yourself
-While the contents of this repository are not technical in nature, contributing requires a basic understanding of 
+While the contents of this repository are not technical in nature, contributing requires a basic understanding of:
 - [Git](https://git-scm.com/downloads)
 - Github
 
@@ -46,3 +46,6 @@ To propose changes directly, you can open a Pull Request against this repository
 Alternatively, if you have more general suggestions on how we can improve or correct these docs, you can [open an issue](https://github.com/sei-protocol/sei-docs/issues).
 
 
+### Addding to the Ecosystem Apps list.
+
+We welcome contributions to our ecosystem apps section. Please follow the process detailed in [CONTRIBUTING.mdx](https://github.com/sei-protocol/sei-docs/tree/main/pages/eco-apps.mdx) to add your own apps.

components/EcosystemApps/EcosystemApps.tsx

@@ -1,22 +1,25 @@
 import React, { useState, useMemo, useEffect } from 'react';
 import { EcosystemCard, EcosystemCards } from '../EcosystemCard';
-import appData from '../../data/appData';  // Ensure this import is correct
+import appData, { Tag, tagPrettyNames } from '../../data/appData';
 
 const EcosystemApps = () => {
   const [searchTerm, setSearchTerm] = useState('');
-  const [allTags, setAllTags] = useState([]);
+  const [allTags, setAllTags] = useState<string[]>([]);
 
   // Extract unique tags from appData
   useEffect(() => {
-    const tags = new Set();
+    const tags = new Set<string>();
     appData.forEach(app => app.tags.forEach(tag => tags.add(tag)));
     setAllTags(Array.from(tags));
   }, []);
-  // Filter by "title" and "tag" fields from appData.ts // Filter by "title" and "tag" fields from appData.ts
+
+  // Filter by "title" and "tag" fields from appData.ts
   const filteredApps = useMemo(() => (
     appData.filter(app =>
       app.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-      app.tags.some(tag => tag.toLowerCase().includes(searchTerm.toLowerCase()))
+      app.tags.some(tag => 
+        tagPrettyNames[tag]?.some(prettyName => prettyName.toLowerCase().includes(searchTerm.toLowerCase()))
+      )
     )
   ), [searchTerm]);
 

components/EcosystemCard/EcosystemCard.tsx

@@ -19,7 +19,7 @@ function EcosystemCard({ image, title, description, href }: EcosystemCardProps)
       target="_blank"
       rel="noopener noreferrer"
     >
-      <div className="relative w-full"> {/* Adjust height as needed to match your design */}
+      <div className="relative w-full">
         <Image src={image} alt={title} width={700} height={475} priority />
       </div>
       <div className="flex-1 p-4 bg-gray-100 dark:bg-gray-800">

data/appData.ts

@@ -28,164 +28,211 @@ interface App {
     description: string;
     href: string;
     image: StaticImageData;
-    tags: string[];
+    tags: Tag[];
 }
 
+export enum Tag {
+    BET = 'Betting', // apps/games including betting/wagers
+    BOT = 'Bots', // automated trading or utility bots
+    BRIDGE = 'Bridge', // cross-chain bridging apps
+    DEFI = 'DeFi', // decentralized finance applications [generic, add other specific tags]
+    DEX = 'Exchange', // decentralized exchanges
+    GAMES = 'Gaming', // games or gaming platforms
+    GOV = 'Governance', // governance and voting applications or informational dashboards
+    INDEX = 'Indexer', // data indexing services
+    LAUNCH = 'Launchpad', // platforms for launching new projects or tokens
+    LEND = 'Lending', // lending/borrowing platforms
+    LIQ = 'Liquidity', // liquidity provision and management [vault protocols for example]
+    LST = 'Liquid Staking', // liquid staking solutions
+    MKT = 'Marketplace', // decentralized marketplaces [non-standard markets like NFT, services markets]
+    MEV = 'MEV', // applications dealing with arbitrage or block auctioning, etc.
+    NFT = 'NFT', // NFT platforms [generic, add other specific tags]
+    STAKE = 'Staking', // staking dashboards, automation, and other tools
+    STATS = 'Statistics/Metrics', // on-chain statistics and metrics tracking
+    TOOL = 'Tool', // utilities for builders or research, etc.
+    TRADE = 'Trading', // trading platforms and services [non-standard, peer/OTC swaps, NFT trading]
+    WS = 'Workshop' // educational and workshop platforms
+}
+
+// Map pretty names to each tag
+export const tagPrettyNames: { [key in Tag]: string[] } = {
+    [Tag.BET]: ['Betting', 'Wagering', 'Gambling'],
+    [Tag.BOT]: ['Bots', 'Automation', 'Trading Bot'],
+    [Tag.BRIDGE]: ['Bridge', 'Cross-chain'],
+    [Tag.DEFI]: ['DeFi', 'Decentralized Finance'],
+    [Tag.DEX]: ['Exchange', 'DEX', 'Decentralized Exchange'],
+    [Tag.GAMES]: ['Gaming', 'Games'],
+    [Tag.GOV]: ['Governance', 'Voting', 'Governance Dashboard'],
+    [Tag.INDEX]: ['Indexer', 'Data Indexing'],
+    [Tag.LAUNCH]: ['Launchpad', 'Project Launch'],
+    [Tag.LEND]: ['Lending', 'Borrowing'],
+    [Tag.LIQ]: ['Liquidity', 'Liquidity Management'],
+    [Tag.LST]: ['Liquid Staking', 'Staking Solutions'],
+    [Tag.MKT]: ['Marketplace', 'Market'],
+    [Tag.MEV]: ['MEV', 'Arbitrage', 'Block Auctioning'],
+    [Tag.NFT]: ['NFT', 'Non-Fungible Token'],
+    [Tag.STAKE]: ['Staking', 'Staking Tools'],
+    [Tag.STATS]: ['Statistics', 'Metrics', 'On-chain Metrics'],
+    [Tag.TOOL]: ['Tool', 'Utility'],
+    [Tag.TRADE]: ['Trading', 'Trade', 'Swaps'],
+    [Tag.WS]: ['Workshop', 'Educational Platform']
+};
+
 export const appData: App[] = [
     {
         title: "DragonSwap",
         description: "The native DEX on SEI",
         href: "https://test.dragonswap.app/",
         image: dragonswapLogo,
-        tags: ["DeFi", "Trading", "Swap"]
+        tags: [Tag.DEFI, Tag.TRADE, Tag.DEX]
     },
     {
         title: "SeiCasino",
         description: "Full-featured casino built natively on Sei",
         href: "https://seicasino.io",
         image: seicasinoLogo,
-        tags: ["Betting", "Games", "Gaming"]
+        tags: [Tag.BET, Tag.GAMES]
     },
     {
         title: "WeBump",
         description: "Sei native NFT launchpad",
         href: "https://webump.xyz/",
         image: webumpLogo,
-        tags: ["NFT", "Launchpad", "Workshop"]
+        tags: [Tag.NFT, Tag.LAUNCH, Tag.WS]
     },
     {
         title: "Seijin",
         description: "Launchpad on Sei",
         href: "https://seijin.app/staking",
         image: seijinLogo,
-        tags: ["Launchpad", "Staking"]
+        tags: [Tag.LAUNCH, Tag.STAKE]
     },
     {
         title: "Squared Labs",
         description: "Quadratic price exposure on perpetual futures",
         href: "https://squaredlabs.io/app/btc",
         image: squaredLabsLogo,
-        tags: ["DeFi", "Futures", "Trading", "Swap"]
+        tags: [Tag.DEFI, Tag.TRADE, Tag.DEX]
     },
     {
         title: "PredX",
         description: "Prediction Market",
         href: "https://events.predx.ai/",
         image: predxLogo,
-        tags: ["Betting", "Market", "Games", "Gaming"]
+        tags: [Tag.BET, Tag.MKT, Tag.GAMES]
     },
     {
         title: "Gamblino",
         description: "GambleFi protocol covering crypto, sportsbook and classic games of chance",
         href: "https://test.gamblino.app/",
         image: gamblinoLogo,
-        tags: ["Betting", "Games", "Gaming"]
+        tags: [Tag.BET, Tag.GAMES]
     },
     {
         title: "Silo",
         description: "Liquid staking and MEV on Sei",
         href: "https://silo-evm.dc37hw5o72ljt.amplifyapp.com/",
         image: siloLogo,
-        tags: ["Liquid Staking", "MEV"]
+        tags: [Tag.LST, Tag.MEV]
     },
     {
         title: "Vermillion",
         description: "Next-gen AMM and stablecoin",
         href: "https://app.vermillion.finance/swap",
         image: vermillionLogo,
-        tags: ["DEX", "DeFi", ]
+        tags: [Tag.DEX, Tag.DEFI]
     },
     {
         title: "Belugas",
         description: "Decentralized Marketplace for lenders and borrowers",
         href: "https://www.belugas.io/",
         image: belugasLogo,
-        tags: ["Market", "DeFi", "Lending"]
+        tags: [Tag.MKT, Tag.DEFI, Tag.LEND]
     },
     {
         title: "Yaka",
         description: "Algebra Integral fork on Sei",
         href: "https://test.yaka.finance/",
         image: yakaLogo,
-        tags: ["Launchpad", "Workshop", "DeFi"]
+        tags: [Tag.LAUNCH, Tag.WS, Tag.DEFI]
     },
     {
         title: "Accumulated",
         description: "Liquid staking protocol",
         href: "https://testnet.accumulated.finance/stake/sei",
         image: accumulatedLogo,
-        tags: ["Liquidity", "Liquid Staking", "DeFi"]
+        tags: [Tag.LIQ, Tag.LST, Tag.DEFI]
     },
     {
         title: "Mamba Defi",
         description: "Defi and memecoin ecosystem",
         href: "https://www.mambaswap.io/",
         image: mambaLogo,
-        tags: ["DeFi", "Workshop", "Market"]
+        tags: [Tag.DEFI, Tag.WS, Tag.MKT]
     },
     {
         title: "JellyVerse",
         description: "Smart order router",
         href: "https://jelly-verse-sei.vercel.app/jellyswap",
         image: jellyverseLogo,
-        tags: ["DeFi", "Trading", "Swap", "Liquidity"]
+        tags: [Tag.DEFI, Tag.TRADE, Tag.LIQ]
     },
     {
         title: "Super Seiyan Bot",
         description: "Sei native telegram trading bot",
         href: "https://t.me/SSeiyanEvmBot",
         image: superSeiyanBotLogo,
-        tags: ["Trading", "Swap", "Bots", "DeFi"]
+        tags: [Tag.TRADE, Tag.BOT, Tag.DEFI]
     },
     {
         title: "NFTs2ME",
         description: "No-code NFT creation tool",
         href: "https://nfts2me.com/app/sei-devnet/",
         image: nfts2meLogo,
-        tags: ["NFT", "Workshop", "Launchpad"]
+        tags: [Tag.NFT, Tag.WS, Tag.LAUNCH]
     },
     {
         title: "Stafi",
         description: "LST protocol",
         href: "https://test-app.stafi.io/gallery/evm/SEI/?net=SEI",
         image: stafiLogo,
-        tags: ["DeFi", "Liquid Staking"]
+        tags: [Tag.DEFI, Tag.LST]
     },
     {
         title: "Nuk'Em Loans",
         description: "DeFi marketplace",
         href: "https://app.nukem.loans/",
         image: nukeemLogo,
-        tags: ["DeFi", "Lending"]
+        tags: [Tag.DEFI, Tag.LEND]
     },
     {
         title: "JasperVault",
         description: "Fully decentralised options trading",
         href: "https://alpha.jasper.finance/trade/sei",
         image: jaspervaultLogo,
-        tags: ["DeFi", "Trading"]
+        tags: [Tag.DEFI, Tag.TRADE]
     },
     {
         title: "Monna",
         description: "The standard for leveraged lending",
         href: "https://app.monna.io/",
         image: monnaLogo,
-        tags: ["DeFi", "Lending"]
+        tags: [Tag.DEFI, Tag.LEND]
     },
     {
         title: "Kawa",
         description: "Decentralised cross-chain lending",
         href: "https://v2.beta.kawa.finance/lend",
         image: kawaLogo,
-        tags: ["DeFi", "Lending"]
+        tags: [Tag.DEFI, Tag.LEND]
     },
     {
         title: "Fidrop",
         description: "Platform that powers token creation, claiming, drops, and mints",
         href: "https://fidrop.com/signin?callbackUrl=%2F",
         image: fidropLogo,
-        tags: ["NFT", "Launchpad"]
-    },
-]
+        tags: [Tag.NFT, Tag.LAUNCH]
+    }
+];
 
 export default appData;

eco-apps.mdx

@@ -0,0 +1,79 @@
+
+# Contributing to Ecosystem Apps
+
+## How to Contribute
+
+1. **Fork the repository**
+
+2. **Clone your fork**:
+
+   ```sh
+   git clone https://github.com/your-username/sei-docs.git
+   cd sei-docs
+   ```
+
+3. **Create a new branch**:
+
+   ```sh
+   git checkout -b add-new-app
+   ```
+
+4. **Add your app data**:
+   - Open `data/appData.ts`.
+   - Add your app to the `appData` array with the required fields (`title`, `description`, `href`, `image`, `tags`).
+   - Make sure to use the appropriate tags from the `Tag` enum.
+       - If there are no suitable tags, make one!
+
+5. **Add your app image**:
+   - Save your app logo image in the `public/assets/ecosystem/` directory. [must be a square `.png`]
+   - Import the image at the top of `data/appData.ts`.
+   - Use the imported image in the `image` field of your app data.
+
+6. **Commit your changes**:
+
+   ```sh
+   git add data/appData.ts public/assets/ecosystem/[your-image-file]
+   git commit -m "Add new app: [Your App Name]"
+   ```
+
+7. **Push your changes**:
+
+   ```sh
+   git push origin add-new-app
+   ```
+
+8. **Create a pull request**:
+   - Go to the original repository on GitHub.
+   - Click on "New pull request" and select your branch to create the PR.
+
+## App Data Format
+
+Please ensure your app data follows this format:
+
+```typescript
+{
+    title: "App Title",
+    description: "A brief description of the app",
+    href: "https://app-url.com",
+    image: appImage,
+    tags: [Tag.YOUR_TAG]
+}
+```
+
+## Tags
+
+Available tags are defined in the `Tag` enum in `data/appData.ts`. Here are some examples:
+
+- `BET`: Betting
+- `BOT`: Bots
+- `BRIDGE`: Bridge
+- `DEFI`: DeFi
+- ...
+
+## Images
+
+- Save your app logo image in the `public/assets/ecosystem/` directory.
+- Import the image at the top of `data/appData.ts`.
+- Use the imported image in the `image` field of your app data.
+
+Thank you for contributing!

pages/_meta.json

@@ -5,22 +5,22 @@
   },
   "index": "Introduction",
   "overview": "Overview",
+  "submit-feedback": "Submit Feedback",
   "-- For Users": {
     "title": "For Users",
     "type": "separator"
   },
   "user-quickstart": "Quickstart",
   "user-guides": "User Guides",
   "user-FAQ": "FAQ",
-  "user-feedback": "Submit Feedback",
+  "ecosystem-apps": "Ecosystem Apps",
   "-- For Devs": {
     "type": "separator",
     "title": "For Devs"
   },
   "getting-started": "Getting Started",
   "quickstart": "Quickstart",
   "tools-and-resources": "Tools & Resources",
-  "submit-feedback": "Submit Feedback",
   "-- Infrastructure Operators": {
     "type": "separator",
     "title": "Infrastructure"