[{"_1":2,"_142":-5,"_143":-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,"_140":-5,"_129":-5,"_141":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_5":47,"_59":60,"_61":62,"_63":62,"_64":65,"_66":62,"_67":62,"_68":62,"_69":62,"_70":62,"_71":62,"_72":17,"_73":27,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":17,"_84":85,"_129":34,"_130":131,"_132":27,"_133":134},"id","2c3f0a94dc74dc321a52","isMyApp",false,"projectId","c5fa4619-f56c-4199-873f-e636f39cdc47","name","cohort","description","The ultimate gateway to join Dev.Fun's elite project cohort! This sleek, neon-green command center lets developers apply with their boldest ideas, while admins get a secret backdoor to scout the next generation of digital rebels. It's like mission control for building the future, one wild project at a time.","brief","Join the Dev.Fun elite - where wild project ideas become reality!","isLive",true,"isPublic","tags",[31,32],"🔥","👑","cover","https://cdn.dev.fun/snapshot/2c3f0a94dc74dc321a52/97197_17b8150b.webp","cdnUrl","https://cdn.dev.fun/app/2c3f0a94dc74dc321a52/97197","createdAt",["D",1756756487736],"updatedAt",["D",1756932045964],"lastCommitId",["B","97197"],"tier",1,"credits",25,{"_14":48,"_49":50,"_51":50,"_52":53,"_54":50,"_55":56,"_57":58},"ba8a89d1-a5ed-49ba-ba64-8d88f865c9af","uniqueId","fengtasy","username","solanaWallet","BEgmM3KduecXCW96746QsRUxCrmrN8oX3Qzxkn84sohd","displayName","bio","Feel the … fengtasy","avatar","/avatar.svg","commitCount",4,"forkCount",0,"likeCount","runsCount",163,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider } from '@devfunlabs/web-sdk';\nimport { Shield, Zap, Users, Code, ArrowRight, Lock } from 'lucide-react';\nfunction App() {\n const {\n devbaseClient\n } = useDevapp();\n const [showAdminSetup, setShowAdminSetup] = useState(false);\n const [showApplicationForm, setShowApplicationForm] = useState(false);\n const [showAdminLogin, setShowAdminLogin] = useState(false);\n const [showAdminPanel, setShowAdminPanel] = useState(false);\n const [adminPasscode, setAdminPasscode] = useState('');\n const [loginPasscode, setLoginPasscode] = useState('');\n const [applications, setApplications] = useState([]);\n const [formData, setFormData] = useState({\n name: '',\n twitterHandle: '',\n telegram: '',\n projectIdea: '',\n projectLink: ''\n });\n useEffect(() => {\n checkAdminSetup();\n }, []);\n const checkAdminSetup = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n if (settings.length === 0) {\n setShowAdminSetup(true);\n }\n } catch (error) {\n console.error('Error checking admin setup:', error);\n setShowAdminSetup(true);\n }\n };\n const handleAdminSetup = async e => {\n e.preventDefault();\n if (!adminPasscode.trim()) return;\n try {\n await devbaseClient.createEntity('admin_settings', {\n passcode: adminPasscode\n });\n setShowAdminSetup(false);\n setAdminPasscode('');\n } catch (error) {\n console.error('Error setting up admin:', error);\n }\n };\n const handleApplicationSubmit = async e => {\n e.preventDefault();\n if (!formData.name.trim()) return;\n try {\n await devbaseClient.createEntity('applications', formData);\n setFormData({\n name: '',\n twitterHandle: '',\n telegram: '',\n projectIdea: '',\n projectLink: ''\n });\n setShowApplicationForm(false);\n alert('Application submitted successfully! Welcome to the future.');\n } catch (error) {\n console.error('Error submitting application:', error);\n }\n };\n const handleAdminLogin = async e => {\n e.preventDefault();\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n if (settings.length > 0 && settings[0].passcode === loginPasscode) {\n const apps = await devbaseClient.listEntities('applications');\n setApplications(apps);\n setShowAdminLogin(false);\n setShowAdminPanel(true);\n setLoginPasscode('');\n } else {\n alert('Invalid passcode. Access denied.');\n }\n } catch (error) {\n console.error('Error verifying admin:', error);\n }\n };\n if (showAdminSetup) {\n return

\n \n

ADMIN SETUP

Set your admin passcode to secure the system

\n \n \n

;\n }\n if (showApplicationForm) {\n return

\n            JOIN THE ELITE
\n            Submit your project to join Dev.Fun's exclusive cohort
\n

\n          \n          \n            \n              \n                Name *\n                 setFormData({\n                ...formData,\n                name: e.target.value\n              })} className=\"w-full px-4 py-3 bg-black/50 border border-green-500/30 rounded-lg text-green-100 placeholder-green-500/50 focus:border-green-400 focus:outline-none\" required />\n              
\n              \n              \n                Twitter Handle\n                 setFormData({\n                ...formData,\n                twitterHandle: e.target.value\n              })} placeholder=\"@username\" className=\"w-full px-4 py-3 bg-black/50 border border-green-500/30 rounded-lg text-green-100 placeholder-green-500/50 focus:border-green-400 focus:outline-none\" />\n              
\n            
\n            \n            \n              \n                Telegram\n                 setFormData({\n                ...formData,\n                telegram: e.target.value\n              })} placeholder=\"@username\" className=\"w-full px-4 py-3 bg-black/50 border border-green-500/30 rounded-lg text-green-100 placeholder-green-500/50 focus:border-green-400 focus:outline-none\" />\n              
\n              \n              \n                Project Link\n                 setFormData({\n                ...formData,\n                projectLink: e.target.value\n              })} placeholder=\"https://...\" className=\"w-full px-4 py-3 bg-black/50 border border-green-500/30 rounded-lg text-green-100 placeholder-green-500/50 focus:border-green-400 focus:outline-none\" />\n              
\n            
\n            \n            \n              Project Idea\n               setFormData({\n              ...formData,\n              projectIdea: e.target.value\n            })} placeholder=\"Describe your revolutionary project...\" rows={4} className=\"w-full px-4 py-3 bg-black/50 border border-green-500/30 rounded-lg text-green-100 placeholder-green-500/50 focus:border-green-400 focus:outline-none resize-none\" />\n            </div>\n            \n            <div className=\"flex gap-4\">\n              <button type=\"button\" onClick={() => setShowApplicationForm(false)} className=\"flex-1 bg-gray-700 text-white font-bold py-3 rounded-lg hover:bg-gray-600 transition-all duration-300\">\n                CANCEL\n              </button>\n              <button type=\"submit\" className=\"flex-1 bg-gradient-to-r from-green-600 to-green-500 text-black font-bold py-3 rounded-lg hover:from-green-500 hover:to-green-400 transition-all duration-300 flex items-center justify-center gap-2\">\n                <Zap className=\"w-5 h-5\" />\n                SUBMIT APPLICATION\n              </button>\n            </div>\n          </form>\n        </div>\n      </div>;\n  }\n  return <div className=\"min-h-screen bg-black relative overflow-hidden\">\n      {}\n      <div className=\"absolute inset-0 bg-gradient-to-br from-green-900/10 via-black to-green-800/5\"></div>\n      <div className=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-green-500 to-green-400\"></div>\n      \n      {}\n      <div className=\"absolute top-4 right-4 z-50\">\n        <button onClick={() => setShowAdminLogin(true)} className=\"bg-green-900/30 border border-green-500/30 text-green-400 p-3 rounded-lg hover:bg-green-800/40 transition-all duration-300 cursor-pointer\">\n          <Shield className=\"w-5 h-5\" />\n        </button>\n      </div>\n      \n      {}\n      <div className=\"relative z-10 flex items-center justify-center min-h-screen p-4\">\n        <div className=\"text-center max-w-4xl mx-auto\">\n          <div className=\"mb-8\">\n            <div className=\"inline-flex items-center gap-3 bg-green-900/20 border border-green-500/30 rounded-full px-6 py-2 mb-6\">\n              <Zap className=\"w-5 h-5 text-green-400\" />\n              <span className=\"text-green-400 font-medium\">BUILDCREW ELITE</span>\n            </div>\n            \n            <h1 className=\"text-6xl md:text-8xl font-black text-transparent bg-gradient-to-b from-green-400 to-green-600 bg-clip-text mb-6\">\n              BUILD\n              <br />\n              THE FUTURE\n            </h1>\n            \n            <p className=\"text-green-300/80 text-xl md:text-2xl mb-2 max-w-2xl mx-auto\">\n              join dev.fun's elite project cohort\n            </p>\n            <p className=\"text-green-400/60 text-lg mb-12 max-w-2xl mx-auto\">\n              where revolutionary ideas meet unstoppable execution\n            </p>\n          </div>\n          \n          <div className=\"space-y-6\">\n            <button onClick={() => setShowApplicationForm(true)} className=\"group bg-gradient-to-r from-green-600 to-green-500 text-black font-black text-xl px-12 py-4 rounded-full hover:from-green-500 hover:to-green-400 transition-all duration-300 transform hover:scale-105 flex items-center gap-3 mx-auto\">\n              <Users className=\"w-6 h-6\" />\n              JOIN THE COHORT\n              <ArrowRight className=\"w-6 h-6 group-hover:translate-x-1 transition-transform\" />\n            </button>\n            \n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6 mt-16 max-w-3xl mx-auto\">\n              <div className=\"bg-gradient-to-br from-green-900/20 to-black border border-green-500/30 rounded-xl p-6 backdrop-blur-sm\">\n                <Code className=\"w-8 h-8 text-green-400 mb-4\" />\n                <h3 className=\"text-green-400 font-bold text-lg mb-2\">INNOVATE</h3>\n                <p className=\"text-green-300/70 text-sm\">bring your wildest project ideas to life</p>\n              </div>\n              \n              <div className=\"bg-gradient-to-br from-green-900/20 to-black border border-green-500/30 rounded-xl p-6 backdrop-blur-sm\">\n                <Users className=\"w-8 h-8 text-green-400 mb-4\" />\n                <h3 className=\"text-green-400 font-bold text-lg mb-2\">COLLABORATE</h3>\n                <p className=\"text-green-300/70 text-sm\">connect with elite developers worldwide</p>\n              </div>\n              \n              <div className=\"bg-gradient-to-br from-green-900/20 to-black border border-green-500/30 rounded-xl p-6 backdrop-blur-sm\">\n                <Zap className=\"w-8 h-8 text-green-400 mb-4\" />\n                <h3 className=\"text-green-400 font-bold text-lg mb-2\">DOMINATE</h3>\n                <p className=\"text-green-300/70 text-sm\">launch projects that reshape reality</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n      {}\n      <div className=\"absolute bottom-4 left-1/2 transform -translate-x-1/2\">\n        <p className=\"text-green-500/50 text-sm\">\n          THE FUTURE IS BUILT HERE\n        </p>\n      </div>\n\n      {}\n      {showAdminLogin && <div className=\"fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center p-4 z-50\">\n          <div className=\"bg-gradient-to-br from-green-900/20 to-black border border-green-500/30 rounded-xl p-8 max-w-md w-full backdrop-blur-sm\">\n            <div className=\"text-center mb-6\">\n              <Shield className=\"w-12 h-12 text-green-400 mx-auto mb-4\" />\n              <h2 className=\"text-2xl font-bold text-green-400 mb-2\">ADMIN ACCESS</h2>\n              <p className=\"text-green-300/70\">Enter your passcode to view applications</p>\n            </div>\n            \n            <form onSubmit={handleAdminLogin} className=\"space-y-4\">\n              <input type=\"password\" placeholder=\"Enter admin passcode\" value={loginPasscode} onChange={e => setLoginPasscode(e.target.value)} className=\"w-full px-4 py-3 bg-black/50 border border-green-500/30 rounded-lg text-green-100 placeholder-green-500/50 focus:border-green-400 focus:outline-none\" required autoFocus />\n              <div className=\"flex gap-4\">\n                <button type=\"button\" onClick={() => setShowAdminLogin(false)} className=\"flex-1 bg-gray-700 text-white font-bold py-3 rounded-lg hover:bg-gray-600 transition-all duration-300\">\n                  CANCEL\n                </button>\n                <button type=\"submit\" className=\"flex-1 bg-gradient-to-r from-green-600 to-green-500 text-black font-bold py-3 rounded-lg hover:from-green-500 hover:to-green-400 transition-all duration-300\">\n                  ACCESS\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>}\n\n      {}\n      {showAdminPanel && <div className=\"fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center p-4 z-50\">\n          <div className=\"bg-gradient-to-br from-green-900/20 to-black border border-green-500/30 rounded-xl p-8 max-w-6xl w-full h-[80vh] overflow-hidden backdrop-blur-sm\">\n            <div className=\"flex justify-between items-center mb-6\">\n              <div>\n                <h1 className=\"text-3xl font-bold text-green-400 mb-2\">ADMIN PANEL</h1>\n                <p className=\"text-green-300/70\">Cohort Applications Dashboard</p>\n              </div>\n              <button onClick={() => setShowAdminPanel(false)} className=\"bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-500 transition-all duration-300\">\n                CLOSE\n              </button>\n            </div>\n            \n            <div className=\"bg-black/30 border border-green-500/20 rounded-lg p-6 h-[calc(100%-120px)] overflow-y-auto\">\n              <h2 className=\"text-xl font-bold text-green-400 mb-4 flex items-center gap-2\">\n                <Users className=\"w-6 h-6\" />\n                Applications ({applications.length})\n              </h2>\n              \n              {applications.length === 0 ? <p className=\"text-green-300/70\">No applications yet. The rebellion awaits...</p> : <div className=\"space-y-4\">\n                  {applications.map((app, index) => <div key={app.id} className=\"bg-green-900/10 border border-green-500/20 rounded-lg p-4\">\n                      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                        <div>\n                          <h3 className=\"text-green-400 font-bold text-lg\">{app.name}</h3>\n                          <p className=\"text-green-300/70 text-sm\">Rebel #{index + 1}</p>\n                        </div>\n                        \n                        <div className=\"space-y-1\">\n                          {app.twitterHandle && <p className=\"text-green-300 text-sm\">\n                              <span className=\"text-green-500\">Twitter:</span> {app.twitterHandle}\n                            </p>}\n                          {app.telegram && <p className=\"text-green-300 text-sm\">\n                              <span className=\"text-green-500\">Telegram:</span> {app.telegram}\n                            </p>}\n                          {app.projectLink && <a href={app.projectLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-green-400 text-sm hover:text-green-300 underline block\">\n                              View Project\n                            </a>}\n                        </div>\n                        \n                        <div>\n                          {app.projectIdea && <div>\n                              <p className=\"text-green-500 text-sm font-medium\">Project Idea:</p>\n                              <p className=\"text-green-300/80 text-sm\">{app.projectIdea}</p>\n                            </div>}\n                        </div>\n                      </div>\n                    </div>)}\n                </div>}\n            </div>\n          </div>\n        </div>}\n    </div>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://rpc.dev.fun/2c3f0a94dc74dc321a52\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"2c3f0a94dc74dc321a52\">\n      <App />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"lucide-react\":\"0.441.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[86,90,92,94,96,98,100,102,104,106,108,110,112,114,116,118,120,122,124,126,128],{"_87":88,"_89":62},"day","2025-08-25","runCount",{"_87":91,"_89":62},"2025-08-26",{"_87":93,"_89":62},"2025-08-27",{"_87":95,"_89":62},"2025-08-28",{"_87":97,"_89":62},"2025-08-29",{"_87":99,"_89":62},"2025-08-30",{"_87":101,"_89":62},"2025-08-31",{"_87":103,"_89":62},"2025-09-01",{"_87":105,"_89":62},"2025-09-02",{"_87":107,"_89":62},"2025-09-03",{"_87":109,"_89":62},"2025-09-04",{"_87":111,"_89":62},"2025-09-05",{"_87":113,"_89":62},"2025-09-06",{"_87":115,"_89":62},"2025-09-07",{"_87":103,"_89":117},2,{"_87":105,"_89":119},3,{"_87":107,"_89":121},46,{"_87":109,"_89":123},61,{"_87":111,"_89":125},12,{"_87":113,"_89":127},14,{"_87":115,"_89":46},"snapshot","ogImage","https://cdn.dev.fun/og/image/2c3f0a94dc74dc321a52/751692b1.webp","isDevbase","project",{"_14":19,"_135":136,"_20":21,"_137":138,"_22":139},"image","https://cdn.dev.fun/upload/projects/30df9539.png","oneliner","Join elite dev projects","the ultimate gateway to join Dev.Fun's elite project cohort!\nA select group of builders will be the first to access upcoming Projects features.","commitDetail","livestream","actionData","errors"]
</article></body></html>