[{"_1":2,"_137":-5,"_138":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"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":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_93":-5,"_94":17,"_95":96,"_133":31,"_134":135,"_136":25},"id","4956172e74418e49b469","isMyApp",false,"name","secretspots","description","Unlock the hidden world that locals never tell tourists about! Connect with verified locals who reveal their most guarded secrets - from hole-in-the-wall restaurants that don't exist on Google to secret swimming spots that only the neighborhood kids know. Pay a small deposit to show you're serious, get the insider intel, and experience places like a true local instead of another wandering tourist.","brief","Buy secret local knowledge from real locals - hidden gems tourists never find!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/4956172e74418e49b469/93278_cc3a1062.webp","cdnUrl","https://cdn.dev.fun/app/4956172e74418e49b469/93278","createdAt",["D",1754598064128],"updatedAt",["D",1754601521123],"lastCommitId",["B","93278"],"tier",1,"credits",18,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"16621c8a-e443-4f02-8810-25e8e4daa2d3","uniqueId","D1mp9uT8o1En1mKicse7yj3J4PXd1fBMrEbQmyqsHfJ1","username","solanaWallet","displayName","D1m...fJ1","bio","avatar","/avatar.svg","commitCount",4,"forkCount",0,"likeCount","runsCount",21,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","Fp4nZ8EnoNHtAwugNQedZnDx6Z2mvBK5d9TWSZ322dev","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider } from '@devfunlabs/web-sdk';\nimport { MapPin, Eye, Plus, Star, Waves, Camera, Utensils, Building, Calendar, Binoculars, Users } from 'lucide-react';\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient\n } = useDevapp();\n const [secrets, setSecrets] = useState([]);\n const [showAddSecret, setShowAddSecret] = useState(false);\n const [loading, setLoading] = useState(false);\n const [selectedCategory, setSelectedCategory] = useState('all');\n const categoryIcons = {\n food: Utensils,\n nature: Waves,\n entertainment: Camera,\n culture: Users,\n water: Waves,\n architecture: Building,\n seasonal: Calendar,\n sightseeing: Binoculars,\n other: Star\n };\n const categoryColors = {\n food: 'from-orange-500 to-red-500',\n nature: 'from-green-500 to-blue-500',\n entertainment: 'from-purple-500 to-pink-500',\n culture: 'from-indigo-500 to-purple-500',\n water: 'from-cyan-500 to-blue-500',\n architecture: 'from-gray-500 to-slate-500',\n seasonal: 'from-pink-500 to-rose-500',\n sightseeing: 'from-emerald-500 to-teal-500',\n other: 'from-yellow-500 to-orange-500'\n };\n useEffect(() => {\n loadSecrets();\n }, []);\n const loadSecrets = async () => {\n try {\n const data = await devbaseClient.listEntities('secrets');\n setSecrets(data.sort((a, b) => b.createdAt - a.createdAt));\n } catch (error) {\n console.error('Error loading secrets:', error);\n }\n };\n const getFilteredSecrets = () => {\n if (selectedCategory === 'all') {\n return secrets;\n }\n return secrets.filter(secret => secret.category === selectedCategory);\n };\n const categories = [{\n id: 'all',\n label: 'All Categories',\n icon: Star\n }, {\n id: 'food',\n label: 'Food & Drinks',\n icon: Utensils\n }, {\n id: 'culture',\n label: 'Local Culture',\n icon: Users\n }, {\n id: 'water',\n label: 'Water Activities',\n icon: Waves\n }, {\n id: 'nature',\n label: 'Nature & Outdoors',\n icon: Waves\n }, {\n id: 'architecture',\n label: 'Architecture',\n icon: Building\n }, {\n id: 'seasonal',\n label: 'Seasonal Experiences',\n icon: Calendar\n }, {\n id: 'sightseeing',\n label: 'Sightseeing',\n icon: Binoculars\n }, {\n id: 'entertainment',\n label: 'Entertainment',\n icon: Camera\n }];\n const SecretCard = ({\n secret\n }) => {\n const IconComponent = categoryIcons[secret.category] || Star;\n const gradientClass = categoryColors[secret.category] || categoryColors.other;\n return

\n \n {secret.category.toUpperCase()}\n

\n \n

{secret.title}

\n \n {secret.location}\n

\n \n

\n {secret.fullDescription}\n

\n \n

🤫 The Secret Details

{secret.hiddenDetails}

;\n };\n const AddSecretForm = () => {\n const [formData, setFormData] = useState({\n title: '',\n location: '',\n category: 'food',\n teaser: '',\n fullDescription: '',\n hiddenDetails: ''\n });\n const handleSubmit = async e => {\n e.preventDefault();\n setLoading(true);\n try {\n await devbaseClient.createEntity('secrets', formData);\n setShowAddSecret(false);\n setFormData({\n title: '',\n location: '',\n category: 'food',\n teaser: '',\n fullDescription: '',\n hiddenDetails: ''\n });\n await loadSecrets();\n } catch (error) {\n console.error('Error creating secret:', error);\n }\n setLoading(false);\n };\n return

Share Your Secret Spot

\n \n

\n\n

\n Title\n setFormData({\n ...formData,\n title: e.target.value\n })} className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\" placeholder=\"Amazing hidden beach\" />\n

\n\n

\n Location\n setFormData({\n ...formData,\n location: e.target.value\n })} className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\" placeholder=\"Bali, Indonesia\" />\n

\n\n

\n Category\n \n

\n\n

\n Teaser (Public Preview)\n

setFormData({\n              ...formData,\n              teaser: e.target.value\n            })} className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\" rows=\"2\" placeholder=\"A hint about what makes this place special...\" />\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-gray-700 mb-1\">Full Description</label>\n              <textarea required value={formData.fullDescription} onChange={e => setFormData({\n              ...formData,\n              fullDescription: e.target.value\n            })} className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\" rows=\"3\" placeholder=\"Detailed description of the place...\" />\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-gray-700 mb-1\">Hidden Details (The Secret)</label>\n              <textarea required value={formData.hiddenDetails} onChange={e => setFormData({\n              ...formData,\n              hiddenDetails: e.target.value\n            })} className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\" rows=\"3\" placeholder=\"The secret info that only paying users will see...\" />\n            </div>\n\n            <button type=\"submit\" disabled={loading} className=\"w-full bg-gradient-to-r from-blue-600 to-purple-600 text-white font-semibold py-3 px-6 rounded-lg hover:from-blue-700 hover:to-purple-700 transition-all duration-200 disabled:opacity-50\">\n              {loading ? 'Sharing...' : 'Share Secret Spot'}\n            </button>\n          </form>\n        </div>\n      </div>;\n  };\n  return <div className=\"min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900\">\n      {}\n      <header className=\"border-b border-white/10 bg-black/20 backdrop-blur-sm\">\n        <div className=\"max-w-6xl mx-auto px-4 py-4 flex items-center justify-between\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"w-10 h-10 bg-gradient-to-br from-purple-500 to-pink-500 rounded-xl flex items-center justify-center\">\n              <MapPin className=\"text-white\" size={20} />\n            </div>\n            <div>\n              <h1 className=\"text-xl font-bold text-white\">SecretSpots</h1>\n              <p className=\"text-xs text-purple-300\">Hidden gems await</p>\n            </div>\n          </div>\n        </div>\n      </header>\n\n      {}\n      <main className=\"max-w-6xl mx-auto px-4 py-8\">\n        <div>\n            <div className=\"flex items-center justify-between mb-8\">\n              <div>\n                <h2 className=\"text-3xl font-bold text-white mb-2\">Discover Hidden Gems</h2>\n                <p className=\"text-gray-300\">Unlock secret spots that locals don't want tourists to know</p>\n              </div>\n              <button onClick={() => setShowAddSecret(true)} className=\"bg-gradient-to-r from-purple-600 to-pink-600 text-white font-semibold py-3 px-6 rounded-xl hover:from-purple-700 hover:to-pink-700 transition-all duration-200 flex items-center gap-2\">\n                <Plus size={20} />\n                Share Secret\n              </button>\n            </div>\n\n            {}\n            <div className=\"mb-8\">\n              <div className=\"flex flex-wrap gap-3\">\n                {categories.map(category => {\n              const IconComponent = category.icon;\n              const isActive = selectedCategory === category.id;\n              return <button key={category.id} onClick={() => setSelectedCategory(category.id)} className={`flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-200 ${isActive ? 'bg-gradient-to-r from-purple-600 to-pink-600 text-white' : 'bg-white/10 text-gray-300 hover:bg-white/20'}`}>\n                      <IconComponent size={16} />\n                      <span className=\"text-sm font-medium\">{category.label}</span>\n                    </button>;\n            })}\n              </div>\n            </div>\n\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n              {getFilteredSecrets().map(secret => <SecretCard key={secret.id} secret={secret} />)}\n            </div>\n\n            {secrets.length === 0 && <div className=\"text-center py-12\">\n                <div className=\"text-gray-400 mb-4\">No secrets shared yet</div>\n                <button onClick={() => setShowAddSecret(true)} className=\"bg-gradient-to-r from-purple-600 to-pink-600 text-white font-semibold py-3 px-6 rounded-xl hover:from-purple-700 hover:to-pink-700 transition-all duration-200\">\n                  Be the first to share a secret!\n                </button>\n              </div>}\n\n            {secrets.length > 0 && getFilteredSecrets().length === 0 && <div className=\"text-center py-12\">\n                <div className=\"text-gray-400 mb-4\">No secrets found in this category</div>\n                <button onClick={() => setSelectedCategory('all')} className=\"bg-gradient-to-r from-purple-600 to-pink-600 text-white font-semibold py-3 px-6 rounded-xl hover:from-purple-700 hover:to-pink-700 transition-all duration-200\">\n                  View All Categories\n                </button>\n              </div>}\n          </div>\n      </main>\n\n      {showAddSecret && <AddSecretForm />}\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\"}}","appFunctions",[],"token",{"_18":80,"_81":82,"_83":58,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":41,"_92":41,"_70":71},"SecretSpot","symbol","SECS","price","marketcap",5520.78285177,"image","https://pump.mypinata.cloud/ipfs/QmUhWqA1GRFpwWVsuBW9Qcf3FC8ZfGD6rNcpEn7ZZt2t2S?img-width=256&img-dpr=2","website","https://dev.fun/p/4956172e74418e49b469","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[97,101,103,105,107,109,111,113,115,117,119,121,123,125,127,128,129,130,131],{"_98":99,"_100":58},"day","2025-08-09","runCount",{"_98":102,"_100":58},"2025-08-10",{"_98":104,"_100":58},"2025-08-11",{"_98":106,"_100":58},"2025-08-12",{"_98":108,"_100":58},"2025-08-13",{"_98":110,"_100":58},"2025-08-14",{"_98":112,"_100":58},"2025-08-15",{"_98":114,"_100":58},"2025-08-16",{"_98":116,"_100":58},"2025-08-17",{"_98":118,"_100":58},"2025-08-18",{"_98":120,"_100":58},"2025-08-19",{"_98":122,"_100":58},"2025-08-20",{"_98":124,"_100":58},"2025-08-21",{"_98":126,"_100":58},"2025-08-22",{"_98":99,"_100":41},{"_98":104,"_100":41},{"_98":106,"_100":41},{"_98":110,"_100":41},{"_98":112,"_100":132},2,"snapshot","ogImage","https://cdn.dev.fun/og/image/4956172e74418e49b469/f6a9241d.webp","isDevbase","actionData","errors"]
</article></body></html>

say something