rising-features

byAnton Webb

Section Contents 1. Project Overview Club Hub for Penhill United FC, Superdev backend, app ID 2. Core Features Landing page, authenticated app shell (5 tabs), fundraising hub, coaching tools, sponsors, messaging 3. Tech Stack React 19 + Vite, TypeScript, Tailwind, shadcn/ui, Framer Motion, React Router DOM, Superdev client, custom SVG icons, Geist fonts 4. Branding Navy `#001B3A`, Yellow `#F5DD00`, Purple accent, typography rules, Penhill crest/logo 5. Project Structure Full folder/file tree with descriptions 6. Environment Config `.env` with `VITE_APP_ID` and `VITE_SUPERDEV_BASE_URL` 7. Superdev Client Complete `client.ts` code block 8. Key Routes All routes with auth requirements table 9. Performance Code splitting, vendor bundling, 394 kB target bundle 10. Security Auth patterns, role-based UI, meta tags 11. Dev Workflow Setup commands, build, preview, deploy targets 12. Extension Pattern How to add new features following existing structure 13. Troubleshooting Common issues and fixes 14. Acceptance Criteria 15-point checklist for completion 15. Additional Notes Backend connection, lazy-loading guidance