diff --git a/.beans/nuzlocke-tracker-xvaw--clean-up-frontend-branding-and-metadata.md b/.beans/nuzlocke-tracker-xvaw--clean-up-frontend-branding-and-metadata.md index 81c425c..85815e6 100644 --- a/.beans/nuzlocke-tracker-xvaw--clean-up-frontend-branding-and-metadata.md +++ b/.beans/nuzlocke-tracker-xvaw--clean-up-frontend-branding-and-metadata.md @@ -1,10 +1,11 @@ --- # nuzlocke-tracker-xvaw title: Clean up frontend branding and metadata -status: todo +status: in-progress type: task +priority: normal created_at: 2026-02-10T09:36:24Z -updated_at: 2026-02-10T09:36:24Z +updated_at: 2026-02-10T11:40:29Z --- The frontend currently uses all Vite defaults — generic title, Vite favicon, no manifest, no meta tags. Clean it up so it looks polished and professional as "Nuzlocke Tracker". @@ -21,14 +22,14 @@ The frontend currently uses all Vite defaults — generic title, Vite favicon, n ## Checklist -- [ ] Design or source a proper favicon (Pokeball-themed or similar, in SVG + PNG formats) -- [ ] Add favicon files to `public/` (favicon.ico, favicon.svg, apple-touch-icon.png, favicon-16x16.png, favicon-32x32.png) -- [ ] Update `index.html` title from "frontend" to "Nuzlocke Tracker" -- [ ] Add meta description tag (e.g. "Track your Nuzlocke challenge runs across all Pokemon games") -- [ ] Add theme-color meta tag matching the app's primary color -- [ ] Add Open Graph meta tags (og:title, og:description, og:type) for link previews -- [ ] Create a `site.webmanifest` with app name, short_name, icons, theme_color, background_color -- [ ] Link the manifest in `index.html` -- [ ] Remove unused default assets (`public/vite.svg`, `src/assets/react.svg`) -- [ ] Update `package.json` name from "frontend" to "nuzlocke-tracker" (or "nuzlocke-tracker-frontend") +- [x] Design or source a proper favicon (Pokeball with skull, in SVG + PNG formats) +- [x] Add favicon files to `public/` (favicon.ico, favicon.svg, apple-touch-icon.png, favicon-16x16.png, favicon-32x32.png, icon-192.png, icon-512.png) +- [x] Update `index.html` title from "frontend" to "Nuzlocke Tracker" +- [x] Add meta description tag +- [x] Add theme-color meta tag (#DC2626, Pokeball red) +- [x] Add Open Graph meta tags (og:title, og:description, og:type) +- [x] Create a `site.webmanifest` with app name, short_name, icons, theme_color, background_color +- [x] Link the manifest in `index.html` +- [x] Remove unused default assets (`public/vite.svg`, `src/assets/react.svg`) +- [x] Update `package.json` name to "nuzlocke-tracker-frontend" - [ ] Consider adding dynamic page titles per route (e.g. "Runs | Nuzlocke Tracker") — optional stretch goal \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html index 072a57e..02eb0db 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,9 +2,19 @@ - - frontend + Nuzlocke Tracker + + + + + + + + + + +
diff --git a/frontend/package.json b/frontend/package.json index acfd726..e64fb30 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -1,5 +1,5 @@ { - "name": "frontend", + "name": "nuzlocke-tracker-frontend", "private": true, "version": "0.0.0", "type": "module", diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png new file mode 100644 index 0000000..c6746d1 Binary files /dev/null and b/frontend/public/apple-touch-icon.png differ diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png new file mode 100644 index 0000000..ae41eb5 Binary files /dev/null and b/frontend/public/favicon-16x16.png differ diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png new file mode 100644 index 0000000..2ffe58c Binary files /dev/null and b/frontend/public/favicon-32x32.png differ diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico new file mode 100644 index 0000000..1f04aa6 Binary files /dev/null and b/frontend/public/favicon.ico differ diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg new file mode 100644 index 0000000..77a1f13 --- /dev/null +++ b/frontend/public/favicon.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/public/icon-192.png b/frontend/public/icon-192.png new file mode 100644 index 0000000..0020910 Binary files /dev/null and b/frontend/public/icon-192.png differ diff --git a/frontend/public/icon-512.png b/frontend/public/icon-512.png new file mode 100644 index 0000000..686487a Binary files /dev/null and b/frontend/public/icon-512.png differ diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest new file mode 100644 index 0000000..ecb7b2b --- /dev/null +++ b/frontend/public/site.webmanifest @@ -0,0 +1,11 @@ +{ + "name": "Nuzlocke Tracker", + "short_name": "Nuzlocke", + "icons": [ + { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" }, + { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" } + ], + "theme_color": "#DC2626", + "background_color": "#111827", + "display": "standalone" +} diff --git a/frontend/public/vite.svg b/frontend/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/frontend/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/src/assets/react.svg b/frontend/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/frontend/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file