Notes App

A simple way to keep track of your thoughts

\n \n {/* Search and Add buttons */}\n

\n setSearchTerm(e.target.value)}\n />\n \n

\n setShowForm(!showForm)}\n >\n {showForm ? (\n <>\n \n Cancel\n \n ) : (\n <>\n \n Add Note\n \n )}\n \n

\n \n {/* Note Form */}\n {showForm && (\n

\n setTitle(e.target.value)}\n />\n setContent(e.target.value)}\n >\n

\n \n Save Note\n \n

\n )}\n

\n\n {/* Notes Grid */}\n {filteredNotes.length === 0 ? (\n

\n \n

No notes found

\n {notes.length === 0\n ? \"Get started by creating a new note\"\n : \"Try a different search term\"}\n

\n {notes.length === 0 && (\n setShowForm(true)}\n >\n Create Note\n \n )}\n

\n ) : (\n

\n {filteredNotes.map((note) => (\n \n

{note.title}

\n deleteNote(note.id)}\n >\n \n \n

\n {note.content}\n

\n {formatDate(note.createdAt)}\n

\n ))}\n

\n )}\n \n {/* Footer */}\n

All notes are stored locally in your browser

\n \n View Source\n \n

\n \n );\n}\n\n// HTML template\nconst html = `\n\n\n \n \n Notes App\n \n \n \n\n\n

\n\n`;\n\n// Render function\nexport default function(req: Request) {\n // Return HTML for GET requests\n const url = new URL(req.url);\n \n if (url.pathname === \"/\" && req.method === \"GET\") {\n const fullHtml = html.replace('', `\n \n `);\n \n return new Response(fullHtml, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n \n // Export the React component for the frontend\n if (url.pathname === \"/\") {\n return new Response(`export const NotesApp = ${NotesApp.toString()}`, {\n headers: {\n \"Content-Type\": \"application/javascript\",\n },\n });\n }\n \n // 404 for other routes\n return new Response(\"Not Found\", { status: 404 });\n}","deleted","label",[98],"permalink","https://www.val.town/x/charmaine/Testmay/code/index.ts","extension","actionData","errors"]