Setup New React MFE Project for Page Migration

[MTsomo]

Setup New React MFE Project for Page Migration

As a Frontend Developer,
I need to set up a new React MFE project repository,
So that we can migrate our legacy Django page over to a standalone React application.

Description

We are starting the process of moving legacy Django pages over to React MFEs. Before building the actual page logic, we need to create the base React project structure, figure out how it will talk to our Django backend, and make sure it integrates with our existing auth session and brand styles.

This ticket covers setting up the initial repository, figuring out the project setup, and getting a blank MFE page running locally and on staging.

Key Tasks

• Research and decide on build setup to ensure it works smoothly with our current platform and deployment.
• Initialize the new React repository with base configs (TypeScript/JS, ESLint, Prettier, and environment configs).
• Set up authentication handling so API calls pass CSRF/session tokens to the Django backend without login issues.
• Add our brand styles, loading the Inter and Cormorant Garamond fonts and theme colors.
• Create basic Docker config for local dev and build scripts for deployment.

Acceptance Criteria

• New React MFE repository initialized and running locally.
• MFE correctly reads current user session/auth state from the Django backend.
• Base WeBuddhist Academy font styles and color variables are configured and working.
• Project builds successfully via Docker and is connected to the staging build pipeline.
• A simple "Hello World" route loads cleanly on the staging environment.

Definition of Done

• Base MFE repository is merged, builds in staging, and ready for the first page migration code.

[yogeshbhagatcode]

• Research on adding a custom mfe
• Check its compatibility with ulmo version's paragon, frontend-base and other components
• Follow the best pratices and architecture of catalog mfe
• Make sure that this new mfe can work with the header & footer component
• Make sure this new mfe works with the brand-openedx
• Add at least the English strings for the translation
• Test for few strings if translation works for this mfe
• Make sure that the tutor configs are taken into account. So, if in future, want to add any static page links through config (like indigo approach), it should be doable
• more points to be added...