React.js Developer for Master Detail Page

We are looking for a skilled React.js developer to create a fully functional master detail page using React.js, React Query, Material-UI (MUI), and React Hook Form. The page should have the ability to create, read, update, and delete records. The developer will be responsible for implementing the necessary components and ensuring that the page is responsive and visually appealing.

Responsibilities:

- Develop a master detail page using React.js.

- Utilize React Query for efficient data fetching and caching.

- Implement Material-UI (MUI) for a polished and modern UI.

- Integrate React Hook Form for handling form input and validation.

Requirements:

- Proficiency in React.js and related libraries (React Query, MUI, React Hook Form).

- Strong understanding of front-end development principles.

- Familiarity with RESTful APIs and CRUD operations.

- Attention to detail and ability to deliver high-quality work.

The master-detail page should support full CRUD (Create, Read, Update, Delete) operations and allow searching for a specific master entry by its ID.

Project Requirements:

Technologies:

-React.js

-React Query (for data fetching)

-Material-UI (for UI components)

-React Hook Form (for form handling)

Functionality:

Master Data:

-Display master data in form inputs

-Support Create, Read, Update, Delete operations

Detail Data:

-Display detail data in a MUI DataGrid below the master form

-Support Create, Read, Update, Delete operations for detail data

-Search Functionality:

-Search for master data by master ID or name

Display the master and its corresponding details

APIs:

Necessary APIs for data fetching and operations will be provided.

Deliverables:

A fully functional master-detail page as described

-Well-documented and clean code

-Instructions for setup and usage with the source code

We look forward to working with a talented developer who can bring this project to life!

The task should be done in less than week!