Personal Dashboard

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_211":212,"_213":214},"routes/_app.x.$handle.$name",{"_98":97,"_32":49,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_21":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":25,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_37":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":-5,"_60":25,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",4,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":21,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","d86fc8d6-37cb-11f0-83a6-9e149126039e","name","index.html","fileType","content","\n\n\n \n \n Personal Dashboard\n \n \n \n\n\n

\n \n \n\n","createdAt",["D",1748000909752],"branchVersion","branchId","a6b9d2aa-37cb-11f0-a005-9e149126039e",{"_30":44,"_32":43,"_34":45,"_35":-5,"_37":46,"_39":14,"_40":41,"_24":25},"frontend","848a90b8-4571-4ef9-bdaa-ef9ef17db7f0","directory",["D",1748000909752],"id","a6b98994-37cb-11f0-a005-9e149126039e","MyApp",["D",1748000826353],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4f2203e0-f80c-11ef-9837-89444453db5f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","c9d9348e-97d9-49c6-9f75-ab7a49b69640","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":58,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_47":41,"_89":48,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":49,"_96":97},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Desidev","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydG5kSjhTU054MXM3bE9Vb0dPYWpqczZRRjkifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_37":207,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":-5,"_60":25,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":208,"_82":209,"_84":210,"_86":25},"tree",[168,170,172,174],"files",[168,169,170,171,172,173,174],"counts",{"_158":64,"_159":136,"_160":64,"_161":162,"_163":164},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":152,"_32":153,"_30":154,"_135":-5,"_40":41,"_39":155,"_137":146,"_37":156,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_27":157},{"_47":149,"_32":43,"_30":44,"_135":-5,"_40":41,"_39":14,"_137":146,"_37":150,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_27":151},{"_47":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":146,"_37":147,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_27":148},{"_47":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":25,"_37":138,"_13":64,"_34":21,"_35":139,"_24":25,"_140":-5,"_27":141},"c33d398a-37cb-11f0-8efc-9e149126039e","README.md","c33d3a5c-37cb-11f0-8efc-9e149126039e","parentId",1,"latest",["D",1748000874188],"# Personal Dashboard\n\nA modern, mobile-compatible personal dashboard built with React and TailwindCSS.\n\n## Features\n\n- 📱 Mobile-first responsive design\n- 🌤️ Weather widget with current conditions\n- 📅 Date and time display\n- 🔗 Quick links to frequently used sites\n- 📝 Notes section for quick thoughts\n- 🎨 Clean, modern UI with dark theme\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono API server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main dashboard component\n│ │ ├── WeatherWidget.tsx # Weather display\n│ │ ├── QuickLinks.tsx # Bookmarks/links\n│ │ └── NotesWidget.tsx # Simple notes\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Frontend**: React 18.2.0 with TypeScript\n- **Styling**: TailwindCSS\n- **Weather**: Open-Meteo API (no API key required)\n- **Storage**: Val Town Blob storage for notes and settings","label",[133],"c5b09f4a-37cb-11f0-9799-9e149126039e","shared","3ac8ed1b-a689-47bc-b09d-18ec25a826e3",2,true,["D",1748000878298],[143],"d86fedf2-37cb-11f0-83a6-9e149126039e",["D",1748000909752],[43],"d2a140e2-37cb-11f0-b4e8-9e149126039e","backend","b507ea6d-2910-4a3a-8c84-f1b738408f4d",3,["D",1748000900009],[153],"pulls","branches","forks","envVars",{"_165":64,"_167":64},"connections",{"_165":64,"_166":64},"count","unfilledCount","emptyCount",{"_47":152,"_32":153,"_30":154,"_135":-5,"_40":41,"_39":155,"_137":146,"_37":204,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_176":205,"_27":206},{"_47":197,"_32":198,"_30":199,"_135":154,"_40":41,"_39":155,"_137":25,"_37":200,"_13":64,"_34":183,"_35":201,"_24":25,"_140":-5,"_176":202,"_27":203},{"_47":149,"_32":43,"_30":44,"_135":-5,"_40":41,"_39":14,"_137":146,"_37":194,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_176":195,"_27":196},{"_47":190,"_32":33,"_30":31,"_135":44,"_40":41,"_39":14,"_137":25,"_37":191,"_13":64,"_34":21,"_35":36,"_24":25,"_140":-5,"_176":192,"_27":193},{"_47":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":146,"_37":187,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_176":188,"_27":189},{"_47":179,"_32":180,"_30":181,"_135":144,"_40":41,"_39":145,"_137":25,"_37":182,"_13":64,"_34":183,"_35":184,"_24":25,"_140":-5,"_176":185,"_27":186},{"_47":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":25,"_37":175,"_13":64,"_34":21,"_35":139,"_24":25,"_140":-5,"_176":177,"_27":178},["D",1748000874188],"children",[],[133],"c5b081ae-37cb-11f0-9799-9e149126039e","types.ts","c5b08280-37cb-11f0-9799-9e149126039e",["D",1748000878298],"script","// Shared types for the personal dashboard\n\nexport interface WeatherData {\n temperature: number;\n description: string;\n location: string;\n humidity: number;\n windSpeed: number;\n}\n\nexport interface QuickLink {\n id: string;\n title: string;\n url: string;\n icon?: string;\n}\n\nexport interface Note {\n id: string;\n content: string;\n createdAt: string;\n updatedAt: string;\n}\n\nexport interface DashboardData {\n weather: WeatherData | null;\n quickLinks: QuickLink[];\n notes: Note[];\n}",[],[143,180],["D",1748000878298],[173],[143],"d86fc82c-37cb-11f0-83a6-9e149126039e",["D",1748000909752],[],[43,33],["D",1748000909752],[171],[43],"d2a10280-37cb-11f0-b4e8-9e149126039e","index.ts","d2a1032a-37cb-11f0-b4e8-9e149126039e",["D",1748000900009],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport type { WeatherData, QuickLink, Note, DashboardData } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Get weather data from Open-Meteo API\nasync function getWeatherData(lat: number = 40.7128, lon: number = -74.0060): Promise {\n try {\n const response = await fetch(\n `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}¤t=temperature_2m,relative_humidity_2m,wind_speed_10m,weather_code&timezone=auto`\n );\n const data = await response.json();\n \n const weatherCodes: { [key: number]: string } = {\n 0: \"Clear sky\",\n 1: \"Mainly clear\",\n 2: \"Partly cloudy\",\n 3: \"Overcast\",\n 45: \"Foggy\",\n 48: \"Depositing rime fog\",\n 51: \"Light drizzle\",\n 53: \"Moderate drizzle\",\n 55: \"Dense drizzle\",\n 61: \"Slight rain\",\n 63: \"Moderate rain\",\n 65: \"Heavy rain\",\n 71: \"Slight snow\",\n 73: \"Moderate snow\",\n 75: \"Heavy snow\",\n 95: \"Thunderstorm\"\n };\n\n return {\n temperature: Math.round(data.current.temperature_2m),\n description: weatherCodes[data.current.weather_code] || \"Unknown\",\n location: \"New York, NY\", // Default location\n humidity: data.current.relative_humidity_2m,\n windSpeed: data.current.wind_speed_10m\n };\n } catch (error) {\n console.error(\"Failed to fetch weather:\", error);\n return null;\n }\n}\n\n// Get default quick links\nfunction getDefaultQuickLinks(): QuickLink[] {\n return [\n { id: \"1\", title: \"Gmail\", url: \"https://gmail.com\", icon: \"📧\" },\n { id: \"2\", title: \"GitHub\", url: \"https://github.com\", icon: \"🐙\" },\n { id: \"3\", title: \"Twitter\", url: \"https://twitter.com\", icon: \"🐦\" },\n { id: \"4\", title: \"YouTube\", url: \"https://youtube.com\", icon: \"📺\" },\n { id: \"5\", title: \"LinkedIn\", url: \"https://linkedin.com\", icon: \"💼\" },\n { id: \"6\", title: \"Reddit\", url: \"https://reddit.com\", icon: \"🤖\" }\n ];\n}\n\n// Main dashboard route\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data\n const weather = await getWeatherData();\n const quickLinks = await blob.getJSON(\"dashboard_quick_links\") || getDefaultQuickLinks();\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const initialData: DashboardData = {\n weather,\n quickLinks,\n notes\n };\n \n // Inject initial data\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API Routes\napp.get(\"/api/weather\", async (c) => {\n const lat = c.req.query(\"lat\") ? parseFloat(c.req.query(\"lat\")!) : 40.7128;\n const lon = c.req.query(\"lon\") ? parseFloat(c.req.query(\"lon\")!) : -74.0060;\n \n const weather = await getWeatherData(lat, lon);\n return c.json({ weather });\n});\n\napp.get(\"/api/quick-links\", async (c) => {\n const quickLinks = await blob.getJSON(\"dashboard_quick_links\") || getDefaultQuickLinks();\n return c.json({ quickLinks });\n});\n\napp.post(\"/api/quick-links\", async (c) => {\n const { quickLinks } = await c.req.json();\n await blob.setJSON(\"dashboard_quick_links\", quickLinks);\n return c.json({ success: true });\n});\n\napp.get(\"/api/notes\", async (c) => {\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n return c.json({ notes });\n});\n\napp.post(\"/api/notes\", async (c) => {\n const { content } = await c.req.json();\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const newNote: Note = {\n id: Date.now().toString(),\n content,\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n };\n \n notes.unshift(newNote);\n \n // Keep only the latest 10 notes\n if (notes.length > 10) {\n notes.splice(10);\n }\n \n await blob.setJSON(\"dashboard_notes\", notes);\n return c.json({ note: newNote });\n});\n\napp.delete(\"/api/notes/:id\", async (c) => {\n const noteId = c.req.param(\"id\");\n const notes = await blob.getJSON(\"dashboard_notes\") || [];\n \n const filteredNotes = notes.filter((note: Note) => note.id !== noteId);\n await blob.setJSON(\"dashboard_notes\", filteredNotes);\n \n return c.json({ success: true });\n});\n\nexport default app.fetch;",[],[153,198],["D",1748000900009],[169],[153],["D",1748000826353],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":58,"_102":103,"_104":25},{"_13":87,"_32":88,"_47":41,"_89":48,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":49,"_96":97},"ctx",{"_80":-5,"_125":244,"_245":246,"_247":248,"_249":25,"_250":25,"_251":25,"_252":146,"_253":-5,"_254":-7,"_255":-7,"_256":64,"_257":25,"_258":25,"_259":-5,"_260":25,"_261":25,"_262":25,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":88,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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"]

Diff · v4