[{"_1":2,"_132":-5,"_133":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_131":-5,"_128":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":41,"_56":57,"_58":41,"_59":60,"_61":57,"_62":41,"_63":41,"_64":41,"_65":57,"_66":17,"_67":17,"_68":69,"_70":71,"_72":73,"_74":75,"_90":-5,"_91":17,"_92":93,"_128":31,"_129":130},"id","e08ad27c8de89a24a28e","isMyApp",false,"name","mememarketmap","description","Track the wild world of meme coins with this delightfully pastel-themed crypto tracker! Featuring soft green and pink gradients, this React app lets you browse, search, and dive deep into the latest stats of your favorite internet money memes.","brief","The CoinMarketCap for meme coins - track Doge, Shiba, and Pepe in soft pastel perfection!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/e08ad27c8de89a24a28e/71004_0d8391d1.webp","cdnUrl","https://cdn.dev.fun/app/e08ad27c8de89a24a28e/71004","createdAt",["D",1748373276904],"updatedAt",["D",1748373278657],"lastCommitId",["B","71004"],"tier",1,"credits",60,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"3b4b0bb6-bf16-4219-9994-10d04f3538d1","uniqueId","9SNw9F233DEdRtBBoU1hjw6SEb3ESYSSj4HJ56QFDUti","username","solanaWallet","displayName","9SN...Uti","bio","avatar","/avatar.svg","commitCount","forkCount",0,"likeCount","runsCount",126,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","AzuqrRUwA7xaAsakx5Rc7XEh8jePPrFTwSLTAyUgpump","code","import { useState, useEffect } from 'react';\nimport { BrowserRouter as Router, Routes, Route, Link, useParams, useNavigate } from 'react-router-dom';\nimport { Search, Sparkles, Home, Info, ArrowUp, ArrowDown } from 'lucide-react';\nimport { XAxis, YAxis, Tooltip, ResponsiveContainer, AreaChart, Area } from 'recharts';\nconst mockCoins = [{\n id: \"mmm\",\n name: \"Meme Market Map\",\n symbol: \"MMM\",\n price: 0.00000843,\n priceChange24h: 12.5,\n marketCap: 1500000,\n volume24h: 120000,\n description: \"The native token of the Meme Market Map platform, designed to track and analyze the wild world of meme coins.\",\n circulatingSupply: 178000000000,\n maxSupply: 420000000000,\n image: \"https://picsum.photos/seed/mmm/200\"\n}, {\n id: \"doge\",\n name: \"Dogecoin\",\n symbol: \"DOGE\",\n price: 0.13572,\n priceChange24h: -2.3,\n marketCap: 18000000000,\n volume24h: 950000000,\n description: \"The original meme coin that started as a joke but became a cultural phenomenon. Features the iconic Shiba Inu dog.\",\n circulatingSupply: 132000000000,\n maxSupply: null,\n image: \"https://picsum.photos/seed/doge/200\"\n}, {\n id: \"shib\",\n name: \"Shiba Inu\",\n symbol: \"SHIB\",\n price: 0.00001023,\n priceChange24h: 5.2,\n marketCap: 6000000000,\n volume24h: 450000000,\n description: \"Self-proclaimed 'Dogecoin killer' that has evolved into an ecosystem with its own decentralized exchange.\",\n circulatingSupply: 589000000000000,\n maxSupply: 1000000000000000,\n image: \"https://picsum.photos/seed/shib/200\"\n}, {\n id: \"pepe\",\n name: \"Pepe\",\n symbol: \"PEPE\",\n price: 0.00000123,\n priceChange24h: 18.7,\n marketCap: 520000000,\n volume24h: 85000000,\n description: \"Based on the iconic Pepe the Frog meme, this token gained massive popularity in the 2023 meme coin resurgence.\",\n circulatingSupply: 420690000000000,\n maxSupply: 420690000000000,\n image: \"https://picsum.photos/seed/pepe/200\"\n}, {\n id: \"floki\",\n name: \"Floki Inu\",\n symbol: \"FLOKI\",\n price: 0.00003245,\n priceChange24h: -4.8,\n marketCap: 320000000,\n volume24h: 45000000,\n description: \"Named after Elon Musk's Shiba Inu puppy, this token aims to combine memes with real utility.\",\n circulatingSupply: 9800000000000,\n maxSupply: 10000000000000,\n image: \"https://picsum.photos/seed/floki/200\"\n}, {\n id: \"bonk\",\n name: \"Bonk\",\n symbol: \"BONK\",\n price: 0.00000025,\n priceChange24h: 32.1,\n marketCap: 150000000,\n volume24h: 42000000,\n description: \"A Solana-based meme token that exploded in popularity in late 2022, known for its Shiba Inu theme.\",\n circulatingSupply: 600000000000000,\n maxSupply: 1000000000000000,\n image: \"https://picsum.photos/seed/bonk/200\"\n}, {\n id: \"wojak\",\n name: \"Wojak Coin\",\n symbol: \"WOJAK\",\n price: 0.00000078,\n priceChange24h: -12.6,\n marketCap: 78000000,\n volume24h: 12000000,\n description: \"Based on the popular Wojak internet meme, representing the average crypto trader experiencing market fluctuations.\",\n circulatingSupply: 100000000000000,\n maxSupply: 100000000000000,\n image: \"https://picsum.photos/seed/wojak/200\"\n}, {\n id: \"moon\",\n name: \"MoonCoin\",\n symbol: \"MOON\",\n price: 0.00005678,\n priceChange24h: 8.9,\n marketCap: 230000000,\n volume24h: 34000000,\n description: \"Inspired by the crypto community's 'to the moon' saying, this token aims to reflect the optimism of crypto enthusiasts.\",\n circulatingSupply: 4200000000000,\n maxSupply: 6900000000000,\n image: \"https://picsum.photos/seed/moon/200\"\n}, {\n id: \"degen\",\n name: \"Degenerate Coin\",\n symbol: \"DEGEN\",\n price: 0.00002345,\n priceChange24h: 45.2,\n marketCap: 125000000,\n volume24h: 28000000,\n description: \"Embracing the 'degenerate' trading culture of crypto, this token celebrates high-risk, high-reward investments.\",\n circulatingSupply: 5300000000000,\n maxSupply: 6900000000000,\n image: \"https://picsum.photos/seed/degen/200\"\n}, {\n id: \"cat\",\n name: \"CateCoin\",\n symbol: \"CATE\",\n price: 0.00000567,\n priceChange24h: -3.4,\n marketCap: 95000000,\n volume24h: 18000000,\n description: \"A feline alternative to dog-themed meme coins, featuring cat memes and focusing on community governance.\",\n circulatingSupply: 16700000000000,\n maxSupply: 21000000000000,\n image: \"https://picsum.photos/seed/cat/200\"\n}];\nconst generateChartData = (days = 7, volatility = 0.2, trend = 0.05) => {\n const data = [];\n let price = 100;\n for (let i = 0; i < days; i++) {\n const change = price * (trend + (Math.random() - 0.5) * volatility);\n price += change;\n data.push({\n day: i,\n price: Math.max(0.01, price)\n });\n }\n return data;\n};\nconst formatNumber = num => {\n if (num === null || num === undefined) return 'Unlimited';\n if (num >= 1000000000000) return `${(num / 1000000000000).toFixed(2)}T`;\n if (num >= 1000000000) return `${(num / 1000000000).toFixed(2)}B`;\n if (num >= 1000000) return `${(num / 1000000).toFixed(2)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(2)}K`;\n return num.toString();\n};\nconst formatPrice = price => {\n if (price < 0.00001) return price.toFixed(8);\n if (price < 0.0001) return price.toFixed(7);\n if (price < 0.001) return price.toFixed(6);\n if (price < 0.01) return price.toFixed(5);\n if (price < 0.1) return price.toFixed(4);\n if (price < 1) return price.toFixed(3);\n if (price < 10) return price.toFixed(2);\n return price.toFixed(2);\n};\nfunction Header() {\n return

\n \n \n

\n MemeMarketMap\n

\n \n \n

;\n}\nfunction SearchBar({\n onSearch\n}) {\n return

\n onSearch(e.target.value)} className=\"w-full pl-10 pr-4 py-3 rounded-full border border-green-200 focus:border-green-400 focus:ring-2 focus:ring-pink-200 focus:outline-none transition-all shadow-sm bg-white\" />\n \n

;\n}\nfunction CoinList() {\n const [searchTerm, setSearchTerm] = useState('');\n const [filteredCoins, setFilteredCoins] = useState(mockCoins);\n const navigate = useNavigate();\n useEffect(() => {\n const results = mockCoins.filter(coin => coin.name.toLowerCase().includes(searchTerm.toLowerCase()) || coin.symbol.toLowerCase().includes(searchTerm.toLowerCase()));\n setFilteredCoins(results);\n }, [searchTerm]);\n const handleRowClick = id => {\n navigate(`/coin/${id}`);\n };\n return

\n Meme Coin Tracker\n

\n Track the wildest and most memeable tokens in the cryptosphere\n

\n \n \n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n {filteredCoins.map((coin, index) => handleRowClick(coin.id)} className={`hover:bg-green-50 cursor-pointer transition-colors ${coin.id === 'mmm' ? 'bg-pink-50' : ''}`}>\n \n \n \n \n \n \n )}\n \n

\n #\n	\n Coin\n	\n Price\n	\n 24h %\n	\n Market Cap\n	\n Volume (24h)\n
\n {index + 1}\n	\n \n \n \n \n \n {coin.name} \n {coin.symbol} \n \n {coin.id === 'mmm' && \n Featured\n }\n \n	\n ${formatPrice(coin.price)}\n	\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {coin.priceChange24h >= 0 ? : }\n {Math.abs(coin.priceChange24h)}%\n \n	\n ${formatNumber(coin.marketCap)}\n	\n ${formatNumber(coin.volume24h)}\n

;\n}\nfunction CoinDetail() {\n const {\n id\n } = useParams();\n const [coin, setCoin] = useState(null);\n const [chartData, setChartData] = useState([]);\n const [timeframe, setTimeframe] = useState('7d');\n useEffect(() => {\n const foundCoin = mockCoins.find(c => c.id === id);\n setCoin(foundCoin);\n const volatility = Math.random() * 0.3 + 0.1;\n const trend = (Math.random() - 0.5) * 0.1;\n let days = 7;\n if (timeframe === '24h') days = 24;\n if (timeframe === '7d') days = 7;\n if (timeframe === '30d') days = 30;\n if (timeframe === '1y') days = 365;\n setChartData(generateChartData(days, volatility, trend));\n }, [id, timeframe]);\n if (!coin) {\n return

;\n }\n return

{coin.name}

\n {coin.symbol}\n {coin.id === 'mmm' && \n Featured\n }\n

\n \n

Price

\n ${formatPrice(coin.price)}\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {coin.priceChange24h >= 0 ? : }\n {Math.abs(coin.priceChange24h)}%\n \n

\n \n

Market Cap

${formatNumber(coin.marketCap)}

24h Volume

${formatNumber(coin.volume24h)}

Circulating Supply

{formatNumber(coin.circulatingSupply)} {coin.symbol}

Max Supply

{formatNumber(coin.maxSupply)} {coin.symbol}

\n \n

{coin.description}

\n Website\n Twitter\n Telegram\n

\n \n

Price Chart

\n \n \n \n \n

\n \n

\n \n \n \n \n \n \n \n \n {\n if (timeframe === '24h') return `${tick}h`;\n if (timeframe === '1y') return `M${Math.floor(tick / 30) + 1}`;\n return `D${tick + 1}`;\n }} />\n \n [`$${value.toFixed(2)}`, 'Price']} labelFormatter={label => {\n if (timeframe === '24h') return `Hour ${label}`;\n if (timeframe === '1y') return `Month ${Math.floor(label / 30) + 1}`;\n return `Day ${label + 1}`;\n }} />\n \n \n \n

;\n}\nfunction About() {\n return

About MemeMarketMap

\n \n

\n Welcome to MemeMarketMap, your delightfully pastel-themed crypto tracker for the wild world of meme coins!\n

\n \n

\n Our platform provides a comprehensive view of the meme coin market, allowing you to track, analyze, and discover the latest internet money memes that are taking the crypto world by storm.\n

\n \n

\n Whether you're a seasoned meme coin investor or just curious about this fascinating corner of the cryptocurrency ecosystem, MemeMarketMap offers you the tools and information you need in a visually appealing interface.\n

\n \n

About $MMM Token

\n The $MMM token is the native cryptocurrency of the MemeMarketMap platform. It offers various utilities within our ecosystem, including premium features, governance rights, and special access to upcoming meme coin launches.\n

;\n}\nexport default function App() {\n return \n

\n \n } />\n } />\n } />\n \n

\n \n \n

\n ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"recharts\":\"2.8.0\",\"framer-motion\":\"10.16.4\"}}","token",{"_18":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":-5,"_88":41,"_89":41,"_68":69},"Meme Market Map","symbol","MMM","price",0.00000476,"marketcap",4761.38,"image","https://pump.mypinata.cloud/ipfs/QmZhk7Qk3dEpwXV8BkmY5kz4qUZdE6Droi3DyoeDPU65Jk?img-width=256&img-dpr=2","website","https://dev.fun/p/e08ad27c8de89a24a28e","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[94,98,100,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_95":96,"_97":57},"day","2025-05-15","runCount",{"_95":99,"_97":57},"2025-05-16",{"_95":101,"_97":57},"2025-05-17",{"_95":103,"_97":57},"2025-05-18",{"_95":105,"_97":57},"2025-05-19",{"_95":107,"_97":57},"2025-05-20",{"_95":109,"_97":57},"2025-05-21",{"_95":111,"_97":57},"2025-05-22",{"_95":113,"_97":57},"2025-05-23",{"_95":115,"_97":57},"2025-05-24",{"_95":117,"_97":57},"2025-05-25",{"_95":119,"_97":57},"2025-05-26",{"_95":121,"_97":57},"2025-05-27",{"_95":123,"_97":57},"2025-05-28",{"_95":121,"_97":125},123,{"_95":123,"_97":127},3,"snapshot","ogImage","https://cdn.dev.fun/og/image/e08ad27c8de89a24a28e/89a8a4e0.webp","commitDetail","actionData","errors"]