Clean up frontend branding and metadata
All checks were successful
CI / backend-lint (pull_request) Successful in 7s
CI / frontend-lint (pull_request) Successful in 31s

Replace Vite defaults with Nuzlocke Tracker branding: custom pokeball-
skull favicon (SVG + PNG + ICO), page title, meta description, Open
Graph tags, theme-color, web manifest, and package.json name.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Julian Tabel
2026-02-10 12:44:09 +01:00
parent 132dac0a2e
commit 03b5572429
13 changed files with 64 additions and 17 deletions

View File

@@ -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