\n {durum === \"baslangic\" && }\n {durum === \"oyun\" && aktif && (\n seslendir(aktif.ad)}\n />\n )}\n {durum === \"bitti\" && }\n\n

\n kaynağı gör\n

\n );\n}\n\nfunction Baslangic({ onBasla }: { onBasla: () => void }) {\n return (\n

🌈

\n Mevsimi Bul!\n

\n Ekranda göreceğin resim hangi mevsime ait?\n

\n {SEASONS.map((s) => {s.emoji})}\n

\n \n ▶️ Başla\n \n

👩‍🏫 Okul öncesi çocuklar için

\n );\n}\n\nfunction Oyun({ soru, adim, toplam, puan, geri, kilit, onCevap, onTekrarOku }: {\n soru: Soru;\n adim: number;\n toplam: number;\n puan: number;\n geri: Geri;\n kilit: boolean;\n onCevap: (id: string) => void;\n onTekrarOku: () => void;\n}) {\n return (\n

\n {/* Üst bilgi: ilerleme ve yıldızlar */}\n

\n Soru {adim + 1} / {toplam}\n

\n {Array.from({ length: toplam }).map((_, i) => (\n {i < puan ? \"⭐\" : \"▪️\"}\n ))}\n

\n\n {/* Soru kartı */}\n \n

Bu hangi mevsim?

\n \n

{soru.ad}

\n \n

\n\n {/* Mevsim seçenekleri */}\n

\n {SEASONS.map((s) => {\n const dogruVurgu = geri === \"yanlis\" && s.id === soru.dogru;\n return (\n onCevap(s.id)}\n class={`${s.renk} ${dogruVurgu ? \"ring-8 ring-green-300 animate-wiggle\" : \"\"} disabled:opacity-70 text-white rounded-3xl py-6 sm:py-8 shadow-lg active:scale-95 transition-all flex flex-col items-center gap-1`}\n >\n {s.emoji}\n {s.ad}\n \n );\n })}\n

\n\n {/* Geri bildirim balonu */}\n

\n {geri === \"dogru\" && (\n

🎉 Aferin! Doğru! 🎉

\n )}\n {geri === \"yanlis\" && (\n

🤗 Tekrar deneyelim!

\n )}\n

\n \n );\n}\n\nfunction Bitis({ puan, toplam, onTekrar }: { puan: number; toplam: number; onTekrar: () => void }) {\n const yuzde = useMemo(() => Math.round((puan / toplam) * 100), [puan, toplam]);\n const mesaj = yuzde === 100 ? \"Mükemmel! Hepsini bildin! 🏆\" : yuzde >= 60 ? \"Çok güzel oynadın! 🌟\" : \"Harika bir başlangıç! 💪\";\n\n useEffect(() => { konfetiPatlat(); }, []);\n\n return (\n

🏆

Tebrikler!

{mesaj}

\n Doğru cevap: {puan} / {toplam}\n

\n {Array.from({ length: toplam }).map((_, i) => {i < puan ? \"⭐\" : \"▪️\"})}\n

\n \n 🔁 Tekrar Oyna\n \n

\n );\n}\n",[219,125,89],"pulls","branches","forks","envVars",{"_85":26,"_244":26},"connections",{"_85":26,"_243":26},"unfilledCount","emptyCount",{"_37":303,"_13":219,"_76":214,"_47":-5,"_39":40,"_216":44,"_224":24,"_41":304,"_43":26,"_79":126,"_213":-5,"_81":30,"_217":-5,"_260":305,"_17":306},{"_37":212,"_13":125,"_76":124,"_47":214,"_39":40,"_216":44,"_224":24,"_41":300,"_43":26,"_79":126,"_213":-5,"_81":30,"_217":-5,"_260":301,"_17":302},{"_37":232,"_13":89,"_76":88,"_47":124,"_39":40,"_216":112,"_224":24,"_41":297,"_43":44,"_79":80,"_213":234,"_81":30,"_217":-5,"_260":298,"_17":299},{"_37":228,"_13":100,"_76":99,"_47":124,"_39":40,"_216":92,"_224":24,"_41":294,"_43":26,"_79":80,"_213":230,"_81":30,"_217":-5,"_260":295,"_17":296},{"_37":223,"_13":109,"_76":108,"_47":124,"_39":40,"_216":103,"_224":24,"_41":291,"_43":26,"_79":80,"_213":226,"_81":30,"_217":-5,"_260":292,"_17":293},{"_37":284,"_13":285,"_76":286,"_47":214,"_39":40,"_216":44,"_224":24,"_41":287,"_43":26,"_79":21,"_213":288,"_81":30,"_217":-5,"_260":289,"_17":290},{"_37":277,"_13":278,"_76":279,"_47":214,"_39":40,"_216":86,"_224":24,"_41":280,"_43":44,"_79":21,"_213":281,"_81":30,"_217":-5,"_260":282,"_17":283},{"_37":270,"_13":271,"_76":272,"_47":214,"_39":40,"_216":44,"_224":24,"_41":273,"_43":26,"_79":80,"_213":274,"_81":30,"_217":-5,"_260":275,"_17":276},{"_37":263,"_13":264,"_76":265,"_47":-5,"_39":40,"_216":163,"_224":24,"_41":266,"_43":44,"_79":21,"_213":267,"_81":30,"_217":-5,"_260":268,"_17":269},{"_37":255,"_13":256,"_76":139,"_47":-5,"_39":40,"_216":44,"_224":24,"_41":257,"_43":26,"_79":258,"_213":259,"_81":30,"_217":-5,"_260":261,"_17":262},"e552ff61-5682-467a-b0ad-a9f78097aa2c","index.ts",["D",1781773239139],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","children",[],[256],"43ecba65-1baa-4386-9657-119dc0fa973d","README.md","019ed9f6-03b6-77d1-98ec-836f53b26a43",["D",1781773366320],"# 🌈 Mevsimi Bul!\n\nOkul öncesi (3-6 yaş) çocuklar için tasarlanmış, eğlenceli ve **sesli** bir\nmevsim tanıma oyunu. Ekranda bir resim (örneğin ⛄ kardan adam) belirir, çocuk\nda bunun hangi mevsime ait olduğunu büyük renkli butonlardan seçer.\n\n## ✨ Özellikler\n\n- 🔊 **Sesli yönlendirme (Türkçe):** Henüz okuma bilmeyen çocuklar için her soru\n ve geri bildirim sesli okunur. Resme dokununca tekrar dinlenebilir.\n- 🎉 **Pozitif pekiştirme:** Doğru cevapta konfeti, neşeli müzik sesi ve \"Aferin!\"\n Yanlışta ise ceza yok — doğru mevsim parlatılır ve çocuk tekrar dener.\n- ⭐ **Yıldız toplama:** Her doğru cevap bir yıldız kazandırır, ilerleme görünür.\n- 🎨 **Çocuk dostu tasarım:** Büyük dokunmatik butonlar, canlı renkler,\n yumuşak animasyonlar. Tablet ve telefonda da rahat oynanır.\n- 🧩 **24 farklı resim**, her turda karışık 8 soru.\n\n## 🍂 Mevsimler ve örnek resimler\n\n| Mevsim | Örnekler |\n| --- | --- |\n| 🌷 İlkbahar | Lale, civciv, kelebek, gökkuşağı, arı |\n| ☀️ Yaz | Plaj, karpuz, dondurma, güneş gözlüğü |\n| 🍂 Sonbahar | Kuru yapraklar, mantar, kestane, üzüm |\n| ❄️ Kış | Kardan adam, kar tanesi, eldiven, atkı |\n\n## 🎮 Nasıl oynanır?\n\n1. **Başla**'ya bas.\n2. Kartta beliren resmi gör/dinle.\n3. Dört mevsim butonundan doğru olanı seç.\n4. 8 soru sonunda yıldızlarını topla ve istersen tekrar oyna!\n\n## 🛠️ Eğitmenler / ebeveynler için özelleştirme\n\nSoruları ve mevsimleri eklemek/çıkarmak çok kolay — kod bilmeden bile\ndüzenlenebilir:\n\n- **`frontend/components/data.ts`** → yeni resim eklemek için `SORULAR`\n listesine bir satır ekleyin: `{ emoji: \"🌻\", ad: \"Ayçiçeği\", dogru: \"yaz\" }`.\n- Tur uzunluğunu değiştirmek için `frontend/components/App.tsx` içindeki\n `TOPLAM_SORU` değerini güncelleyin.\n\n## 🗂️ Proje yapısı\n\n```mermaid\ngraph TD\n Browser -->|\"GET /\"| Hono[\"index.ts (Hono sunucu)\"]\n Hono -->|servis eder| HTML[\"index.html\"]\n HTML -->|yükler| Entry[\"index.tsx\"]\n Entry -->|render| App[\"App.tsx — oyun mantığı\"]\n App -->|veriler| Data[\"data.ts — mevsimler & sorular\"]\n App -->|ses/konfeti| FX[\"efektler.ts\"]\n```\n\nVal Town üzerinde React + Hono ile yapılmıştır.\n",[],[264],"2ef205cd-9462-4a49-b257-238ba02aca0a","index.tsx","019ed9f6-03b6-77d1-98ec-789f36082896",["D",1781773239139],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[219,271],"3dbb58c5-8ec6-46d0-80e6-57c94e27039e","index.html","019ed9f6-03b6-77d1-98ec-75241379513f",["D",1781773254024],"\n\n \n \n \n 🌈 Mevsimi Bul! - Eğlenceli Mevsim Oyunu\n \n \n \n \n \n

\n \n \n \n\n",[],[219,278],"8270418d-4c7f-4a26-9d07-eab675c9c2cc","favicon.svg","019ed9f6-03b6-77d1-98ec-71ded31d1a6f",["D",1781773239139],"\n",[],[219,285],["D",1781773291789],[],[219,125,109],["D",1781773275287],[],[219,125,100],["D",1781773332710],[],[219,125,89],["D",1781773239139],[247,248,249],[219,125],"34d6689c-f949-480a-bf65-e19ac0fa8b4e",["D",1781773239139],[246,250,251,252],[219],["D",1781773239139],{"_11":12,"_179":84},{"_11":12,"_175":-5,"_83":84,"_31":82,"_176":177,"_178":30},{"_43":163,"_13":16,"_37":40,"_164":128,"_165":73,"_166":167,"_168":132,"_169":170,"_171":172,"_173":14,"_174":12},"ctx",{"_56":-5,"_200":344,"_345":346,"_347":348,"_349":30,"_350":30,"_351":30,"_352":24,"_353":-5,"_354":-7,"_355":-7,"_356":26,"_357":30,"_358":30,"_359":-5,"_360":30,"_361":30,"_362":30,"_363":-5},"ENV",{"_315":316,"_317":318,"_319":16,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343},"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 · components