A - accessibility - on-accent-warm text token (For Sale badge, flags) and darker Sunset/Ocean colors to meet WCAG AA contrast - 44px touch targets for Herd and Shows filters on phones - status badge on non-active Herd grid cards; drop redundant View Herd B - consistency - FormControls (Field, FieldGroup, Input, Select, Textarea, FileInput, Segmented) used by every form, with labels wired to their inputs - ConfirmDialog + useConfirm replace window.confirm and hand-built modals - ErrorPanel with Try Again for failed lists; LoadError built on it C - layout - ActionMenu: rabbit header is Edit, Status, More - Herd folds Status/Sort/view behind a Filters button on phones - Dashboard status counts as a compact second row - Shows list as stacked cards below xl - SVG timeline icons instead of emoji Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .dockerignore | ||
| .gitignore | ||
| Dockerfile | ||
| README.md | ||
| eslint.config.js | ||
| index.html | ||
| nginx.conf | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| vite.config.js | ||
README.md
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.