Integration of an Elective Swap Section

[DhawalShankar]

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