Clean up frontend branding and metadata
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:
@@ -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
|
||||
Reference in New Issue
Block a user