Styled Form with API Integration in Iframe

Summary

This project demonstrates parent-child communication via iframes, dynamically fetching and populating form fields from an API, implementing form validation, and showcasing creative CSS styling for a seamless user experience.

Installation and Usage

1. Clone Repository:

   git clone <repository-url>
   cd <repository-folder>

2. Install Dependencies and Run Applications:

   Open two terminals to run the child and parent applications.

   • Child Application:

     cd child-app
     npm install
     npm run dev

   • Parent Application:

     cd parent-app
     npm install
     npm run dev
     

3. View Application:
   Visit http://localhost:5173/ to view the application.

   Note: Please ensure that the parent application is running on port 5173 and the child application is running on port 5174.

Demo: https://www.loom.com/share/f3dafb58df424c9298b0bce1064edf85?sid=fad4ab0c-accb-4d1d-b815-74e950f32e2a