Repair ABA File Generation in React App

Fix ABA (Australian Bankers’ Association) file generation issues in a React-based web app.
Ensure ABA files pass bank validation checks.
Identify formatting errors and correct header, transaction, and footer records.
Current Tech Stack
Frontend: React (TypeScript), Vite, Tailwind CSS, shadcn/ui.
State Management: TanStack Query (React Query).
File Processing: JavaScript/TypeScript logic for text-based ABA file creation.
Key Objectives
✅ Analyze & Fix ABA File Structure – Ensure proper formatting, spacing, and field alignments.
✅ Implement Validation Checks – Prevent invalid ABA files from being generated.
✅ Test ABA Files – Validate against bank portal and other verification tools.
✅ Enhance User Experience (Optional) – UI feedback for errors, preview option before download.

Required Developer Skills
JavaScript/TypeScript expertise (for text file generation).
React (TypeScript) experience (to work within the app).
Familiarity with ABA file specifications (or ability to quickly learn).
Debugging skills – Analyze rejected ABA files & fix formatting errors.
Expected Deliverables
✔️ Corrected ABA File Generation Module (Header, Transaction, Footer records).
✔️ Pre-validation System to check ABA file format before submission.
✔️ Tested & Verified ABA Files (against banks).
✔️ Documentation & Deployment (code pushed to GitHub with instructions).

Project Timeline
? Week 1 – Analyze ABA file errors, identify formatting issues.
? Week 2 – Fix ABA file generation logic, implement validation checks. Test with real data, verify with payment portal.