c4aad5d099ecb603520055f93bcccdf12c8a0114
- Create comprehensive ReportForm component with 4-step wizard - Add progress indicator showing current step - Implement litter type categorization with descriptions - Add quantity estimation with visual indicators - Include optional description textarea with character limit - Create environmental concerns section with severity levels - Integrate PhotoUpload and LocationSelector components - Add form validation with error messages - Implement review step showing all submitted data - Update ReportFormPage to use new ReportForm component - Create barrel export for report components Requirements: 1.6, 1.7, 9.1, 9.2
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 Babel (or oxc when used in rolldown-vite) for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
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.
Description
Languages
TypeScript
98.8%
JavaScript
0.7%
Dockerfile
0.3%
CSS
0.2%