---
# nuzlocke-tracker-xvaw
title: Clean up frontend branding and metadata
status: in-progress
type: task
priority: normal
created_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".

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

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