Découvrez toutes vos applications

Un hub centralisé pour explorer, filtrer et accéder à l'ensemble de vos projets web, mobiles et outils.

\n\n \n

\n 🚀\n Toutes les applications\n

\n \n

\n\n \n \n\n \n\n\n",[],[191,183],"frontend","89ba6178-3bea-11f1-92e3-42b51c65c3df","app.js","89ba6218-3bea-11f1-92e3-42b51c65c3df",4,["D",1776601394419],"// Fetch apps data from API\nconst API_BASE = \"\";\n\nlet allApps = [];\nlet currentCategory = \"all\";\nlet currentSearch = \"\";\nlet currentSort = \"featured\";\n\nconst categories = [\n { id: \"all\", name: \"Tout\", icon: \"🚀\" },\n { id: \"web\", name: \"Web Apps\", icon: \"🌐\" },\n { id: \"android\", name: \"Android\", icon: \"📱\" },\n { id: \"desktop\", name: \"Desktop\", icon: \"💻\" },\n { id: \"tool\", name: \"Outils\", icon: \"🔧\" },\n { id: \"multimedia\", name: \"Multimédia\", icon: \"🎬\" }\n];\n\nconst statusLabel = {\n active: { label: \"Active\", cls: \"status-active\" },\n beta: { label: \"Beta\", cls: \"status-beta\" },\n maintenance: { label: \"Maintenance\", cls: \"status-maintenance\" },\n archived: { label: \"Archived\", cls: \"status-archived\" }\n};\n\nconst categoryIcons = { all: \"🚀\", web: \"🌐\", android: \"📱\", desktop: \"💻\", tool: \"🔧\", multimedia: \"🎬\" };\n\n// Init\nasync function init() {\n try {\n const res = await fetch(\"/api/apps\");\n allApps = await res.json();\n } catch (e) {\n console.error(\"Failed to load apps\", e);\n allApps = [];\n }\n renderTabs();\n renderStats();\n renderGrid();\n setupEvents();\n setupCursorGlow();\n}\n\n// Render tabs\nfunction renderTabs() {\n const nav = document.getElementById(\"navTabs\");\n nav.innerHTML = categories.map(cat => {\n const count = cat.id === \"all\" ? allApps.length : allApps.filter(a => a.category === cat.id).length;\n return `\n `;\n }).join(\"\");\n}\n\n// Render stats\nfunction renderStats() {\n const stats = document.getElementById(\"statsBar\");\n const active = allApps.filter(a => a.status === \"active\").length;\n const featured = allApps.filter(a => a.featured).length;\n const cats = new Set(allApps.map(a => a.category)).size;\n stats.innerHTML = `\n

${allApps.length}

Applications

${active}

En production

${featured}

Mises en avant

${cats}

Catégories

\n `;\n}\n\n// Filter & sort\nfunction getFilteredApps() {\n let apps = [...allApps];\n if (currentCategory !== \"all\") apps = apps.filter(a => a.category === currentCategory);\n if (currentSearch.trim()) {\n const q = currentSearch.toLowerCase();\n apps = apps.filter(a =>\n a.title.toLowerCase().includes(q) ||\n a.shortDescription.toLowerCase().includes(q) ||\n a.tags.some(t => t.toLowerCase().includes(q))\n );\n }\n const diffOrder = { beginner: 0, intermediate: 1, advanced: 2 };\n switch (currentSort) {\n case \"featured\": apps.sort((a, b) => (b.featured ? 1 : 0) - (a.featured ? 1 : 0)); break;\n case \"recent\": apps.sort((a, b) => b.metadata.year - a.metadata.year); break;\n case \"name_asc\": apps.sort((a, b) => a.title.localeCompare(b.title)); break;\n case \"name_desc\": apps.sort((a, b) => b.title.localeCompare(a.title)); break;\n case \"difficulty_asc\": apps.sort((a, b) => diffOrder[a.metadata.difficulty] - diffOrder[b.metadata.difficulty]); break;\n }\n return apps;\n}\n\n// Render grid\nfunction renderGrid() {\n const grid = document.getElementById(\"appsGrid\");\n const filtered = getFilteredApps();\n const cat = categories.find(c => c.id === currentCategory);\n document.getElementById(\"sectionIcon\").textContent = cat?.icon || \"🚀\";\n document.getElementById(\"sectionTitle\").textContent =\n currentCategory === \"all\" ? \"Toutes les applications\" : cat?.name || \"\";\n document.getElementById(\"resultsCount\").textContent =\n `${filtered.length} application${filtered.length !== 1 ? \"s\" : \"\"}`;\n\n if (filtered.length === 0) {\n grid.innerHTML = `\n

🔍

Aucune application trouvée

Essayez un autre terme de recherche ou une autre catégorie.

`;\n return;\n }\n\n grid.innerHTML = filtered.map((app, i) => renderCard(app, i)).join(\"\");\n}\n\nfunction difficultyDots(level) {\n const map = { beginner: 1, intermediate: 2, advanced: 3 };\n const n = map[level] || 1;\n const labels = { beginner: \"Easy\", intermediate: \"Medium\", advanced: \"Complex\" };\n const colors = { beginner: \"filled-beginner\", intermediate: \"filled-intermediate\", advanced: \"filled-advanced\" };\n return `\n

\n ${[1,2,3].map(d => `

`).join(\"\")}\n

\n ${labels[level]}`;\n}\n\nfunction renderCard(app, index) {\n const { label, cls } = statusLabel[app.status] || { label: app.status, cls: \"status-active\" };\n const links = [];\n if (app.links.github) links.push(`⌨`);\n if (app.links.netlify) links.push(`↗`);\n if (app.links.android) links.push(`▷`);\n if (app.links.documentation) links.push(`📄`);\n\n const delay = Math.min(index * 80, 600);\n\n return `\n

\n ${app.featured ? '

★ Mis en avant

' : \"\"}\n

${app.icon}

${app.title}

${app.shortDescription}

\n ${label}\n

${app.fullDescription}

\n ${app.tags.slice(0,4).map((t,i) => `${t}`).join(\"\")}\n

\n 📅 ${app.metadata.year}\n ⚙ ${app.metadata.tech.slice(0,2).join(\", \")}\n ${difficultyDots(app.metadata.difficulty)}\n ${app.metadata.duration ? `⏱ ${app.metadata.duration}` : \"\"}\n

\n \n ${app.cta} →\n \n

\n ${links.join(\"\")}\n

`;\n}\n\n// Events\nfunction setupEvents() {\n const searchInput = document.getElementById(\"searchInput\");\n const clearBtn = document.getElementById(\"clearBtn\");\n const sortSelect = document.getElementById(\"sortSelect\");\n\n let debounce;\n searchInput.addEventListener(\"input\", e => {\n currentSearch = e.target.value;\n clearBtn.style.display = currentSearch ? \"block\" : \"none\";\n clearTimeout(debounce);\n debounce = setTimeout(() => renderGrid(), 300);\n });\n\n clearBtn.addEventListener(\"click\", () => {\n searchInput.value = \"\";\n currentSearch = \"\";\n clearBtn.style.display = \"none\";\n renderGrid();\n });\n\n sortSelect.addEventListener(\"change\", e => {\n currentSort = e.target.value;\n renderGrid();\n });\n}\n\nfunction setCategory(cat) {\n currentCategory = cat;\n renderTabs();\n renderGrid();\n}\n\nfunction openApp(url) {\n window.open(url, \"_blank\");\n}\n\n// Cursor glow\nfunction setupCursorGlow() {\n const glow = document.getElementById(\"cursorGlow\");\n document.addEventListener(\"mousemove\", e => {\n glow.style.left = e.clientX + \"px\";\n glow.style.top = e.clientY + \"px\";\n });\n document.querySelectorAll(\".app-card\").forEach(card => {\n card.addEventListener(\"mouseenter\", () => {\n glow.style.width = \"80px\";\n glow.style.height = \"80px\";\n glow.classList.add(\"visible\");\n });\n card.addEventListener(\"mouseleave\", () => {\n glow.style.width = \"32px\";\n glow.style.height = \"32px\";\n glow.classList.remove(\"visible\");\n });\n });\n}\n\n// Make setCategory global\nwindow.setCategory = setCategory;\nwindow.openApp = openApp;\n\ninit();\n",[],[191,193],"75506bc4-3bea-11f1-8f44-42b51c65c3df",["D",1776601360164],[171,172],[191],["D",1776601290585],[],[18,65],["D",1776601290585],[169],[18],["D",1776601169660],{"_11":12,"_123":71},{"_11":12,"_119":-5,"_70":71,"_31":69,"_120":121,"_122":30},{"_39":110,"_13":16,"_33":36,"_111":75,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_53":-5,"_142":247,"_248":249,"_250":251,"_252":30,"_253":30,"_254":30,"_255":24,"_256":-5,"_257":-7,"_258":-7,"_259":26,"_260":30,"_261":30,"_262":-5,"_263":30,"_264":30,"_265":30,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":16,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · data