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>
1.5 KiB
1.5 KiB
title, status, type, priority, created_at, updated_at
| title | status | type | priority | created_at | updated_at |
|---|---|---|---|---|---|
| Clean up frontend branding and metadata | in-progress | task | normal | 2026-02-10T09:36:24Z | 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.jsonname is "frontend"- Default
react.svgsitting unused insrc/assets/
Checklist
- Design or source a proper favicon (Pokeball with skull, in SVG + PNG formats)
- 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) - Update
index.htmltitle from "frontend" to "Nuzlocke Tracker" - Add meta description tag
- Add theme-color meta tag (#DC2626, Pokeball red)
- Add Open Graph meta tags (og:title, og:description, og:type)
- Create a
site.webmanifestwith 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.jsonname to "nuzlocke-tracker-frontend" - Consider adding dynamic page titles per route (e.g. "Runs | Nuzlocke Tracker") — optional stretch goal