nuzlocke-tracker/.beans/nuzlocke-tracker-xvaw--clean-up-frontend-branding-and-metadata.md

title, status, type, created_at, updated_at

title	status	type	created_at	updated_at
Clean up frontend branding and metadata	todo	task	2026-02-10T09:36:24Z	2026-02-10T09:36:24Z

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".

Current State

• Page title: "frontend" (Vite default)
• Favicon: /vite.svg (Vite logo)
• No manifest.json / site.webmanifest
• No meta description or Open Graph tags
• No theme-color meta tag
• package.json name is "frontend"
• Default react.svg sitting unused in src/assets/

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")
• Consider adding dynamic page titles per route (e.g. "Runs | Nuzlocke Tracker") — optional stretch goal