Digitization of Forms via ReactJS

The task to be carried out is the digitization of forms such as the following:
Example: Where it will be possible to create General Production records and to add entries
associated with each General record. The project uses: React Framework, JavaScript, and a
SQL Server database but using Prisma.
The current project consists of the development of a web application for managing
production records in the workshop, which allows registering, consulting, editing, and
deleting information associated with daily manufacturing processes.
The application allows managing key entities such as workshop records, associated
production entries, and responsible operators.
Architecture and Project Structure The system follows a modular three-layer architecture
(Frontend - Backend - Database), based on the MVC (Model-View-Controller) pattern and
the use of Prisma ORM as the data access layer. General Structure Frontend (React +
Tailwind + Custom Hooks)
Developed with React, organized into reusable components. Uses custom hooks such as
useCrud to manage common operations (create, read, update, and delete records).
Communication with the backend is handled through an API service (apiService.js), based
on Axios.
Includes interactive views with filters, sortable tables, and dynamic pagination. Backend
(Node.js + Express) Organized by modules following the MVC pattern: Routes → Define the
endpoints for each module (e.g., parteObradorRoutes.js).
Controllers → Manage the logic of HTTP requests and validate data
(parteObradorController.js).
Services → Contain business logic and intermediary operations (parteObradorService.js).
Repositories → Encapsulate database access using Prisma ORM
(parteObradorRepository.js).
Database (Prisma ORM + PostgreSQL/MySQL) Prisma manages the data models
(schema.prisma) and generates the client for CRUD operations.
It would be necessary to maintain the same clear, scalable, and maintainable structure.