Implementation Plan: ElectiveXchange Integration into JPortal
Objective:
Seamlessly embed the standalone ElectiveXchange web application into JPortal so that students can access the elective swap platform without leaving the portal interface.
Steps Followed:
Component Creation:
Developed an ElectiveXchange React component.
Utilized an <iframe> to embed the hosted ElectiveXchange web app.
Ensured full-width and full-height layout for a native feel inside JPortal.
Routing Integration:
Added a dedicated route /electivexchange in the JPortal application.
Students can now navigate directly via URL or portal navigation menus.
Preservation of Portal Features:
Maintained existing authentication workflows so users remain logged in.
Future-Proofing:
Component is isolated, allowing updates to ElectiveXchange independently.
No modification required in JPortal backend for future iterations of ElectiveXchange.
References:
ElectiveXchange Repository
Integration.of.ElectiveXchange.in.Jportal.pdf
Implementation Plan: ElectiveXchange Integration into JPortal
Objective:
Seamlessly embed the standalone ElectiveXchange web application into JPortal so that students can access the elective swap platform without leaving the portal interface.
Steps Followed:
Component Creation:
Developed an ElectiveXchange React component.
Utilized an <iframe> to embed the hosted ElectiveXchange web app.
Ensured full-width and full-height layout for a native feel inside JPortal.
Routing Integration:
Added a dedicated route /electivexchange in the JPortal application.
Students can now navigate directly via URL or portal navigation menus.
Preservation of Portal Features:
Maintained existing authentication workflows so users remain logged in.
Future-Proofing:
Component is isolated, allowing updates to ElectiveXchange independently.
No modification required in JPortal backend for future iterations of ElectiveXchange.
References:
ElectiveXchange Repository
Integration.of.ElectiveXchange.in.Jportal.pdf