---
# nuzlocke-tracker-xvaw
title: Clean up frontend branding and metadata
status: todo
type: task
created_at: 2026-02-10T09:36:24Z
updated_at: 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