🌈 Kids' Story Adventure 📖

\n \n {/* Username Section */}\n

\n {isEditingUsername ? (\n <>\n setUsername(e.target.value)}\n placeholder=\"Enter your name\"\n style={{ \n padding: '10px', \n marginRight: '10px',\n borderRadius: '5px',\n border: '1px solid #ddd'\n }}\n />\n \n \n ) : (\n <>\n \n 👤 Username: {username || 'Not Set'}\n \n \n \n )}\n

\n \n {!currentStory ? (\n

Choose a story to read!

\n {STORIES.map(story => (\n \n ))}\n

\n ) : (\n

{currentStory.title}

{currentStory.content}

\n Moral of the story: {currentStory.moral}\n

\n \n\n {/* Comments Section */}\n

Story Discussion 💬

\n {/* Display existing comments */}\n {comments[currentStory.id] && comments[currentStory.id]\n .sort((a, b) => b.timestamp - a.timestamp)\n .map((comment, index) => (\n

\n \n {comment.username}\n \n {comment.text}\n

\n ))}\n\n {/* Comment Input */}\n

\n setNewComment(e.target.value)}\n placeholder={\n username \n ? `Share your thoughts, ${username}...` \n : \"Set a username first!\"\n }\n disabled={!username}\n style={{ \n flex: 1, \n padding: '10px', \n borderRadius: '5px', \n border: '1px solid #ddd',\n backgroundColor: username ? 'white' : '#f0f0f0'\n }}\n />\n \n

\n )}\n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Kids' Story Adventure\n \n 📖\">\n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","createdAt",["D",1739968063029],"version","currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","Chechegify","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0RnpkM2hSeE9pY3N5Tm11M2tPdGVpa3ZMTCJ9","forkedVal","interval","slug","Chechegify/kidStoryApp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,147],{"_118":91,"_142":-5,"_116":143,"_113":111},"prId",["D",1739968063029],{"_118":121,"_142":-5,"_116":145,"_113":146},["D",1739967971490],"b4216b04-eebc-11ef-baac-e6cdfca9ef9f",{"_118":32,"_142":-5,"_116":148,"_113":149},["D",1739966793418],"f5f14e6c-eeb9-11ef-872b-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[154],{"_113":155,"_156":157,"_116":158,"_159":-5,"_160":26,"_161":26,"_20":162},"c27381b8-eed7-11ef-a9b5-e6cdfca9ef9f","body","Amazing",["D",1739979591949],"updatedAt","canDelete","canEdit",{"_129":130,"_131":132},"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_94":166,"_167":168,"_95":169},"single","redirect","/v/Chechegify/kidStoryApp/versions",{"_113":111,"_114":115,"_118":91,"_116":170,"_171":100,"_101":102,"_108":109,"_129":130,"_11":97,"_172":-5,"_173":-5,"_174":-5,"_163":26,"_135":136},["D",1739968063029],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

kidStoryApp

Version 2