Project Description
I need a single-page form built in React.js that allows our manufacturing team to log product specifications and inspection results so we can generate accurate compliance reports for every production run. The form should feel lightweight for operators yet rigorous enough for auditors.
Core requirements
• Capture fields for both product specification details (tolerances, batch numbers, materials, etc.) and step-by-step inspection results.
• Instant client-side validation so incorrect or incomplete entries are flagged before submission.
• Clean JSON output that can be handed straight to our existing reporting script; if you prefer using a state manager such as Redux or Context, that’s fine as long as the final data structure is clear.
• A concise dashboard or modal confirming “compliant / non-compliant” once all mandatory fields pass validation.
• Built entirely in React (hooks preferred). No class components unless you have a strong reason.
Acceptance criteria
1. Running npm start renders the form without errors in the latest Chrome and Edge.
2. Submitting a fully populated form outputs a JSON object that matches the agreed schema.
3. Failing validation shows readable inline messages and blocks submission.
4. Source code is clean, commented where logic is non-obvious, and delivered via Git.
Operator notes are not required at this stage, but please structure the code so an extra section can be dropped in later without overhaul.
If this matches your skill set, let me know how long you’d need and any libraries you’d like to pull in beyond React and a standard form toolkit such as Formik or React Hook Form.