frontend-app-profile
This is a micro-frontend application responsible for the display and updating of user profiles. Please tag @edx/arch-fed on any PRs or issues.
When a user views their own profile, they're given fields to edit their full name, location, primary spoken language, education, social links, and bio. Each field also has a dropdown to select the visibility of that field - i.e., whether it can be viewed by other learners.
When a user views someone else's profile, they see all those fields that that user set as public.
Development
Start Devstack
To use this application devstack must be running and you must be logged into it.
- Start devstack
- Log in (http://localhost:18000/login)
Start the development server
In this project, install requirements and start the development server by running:
npm install
npm start # The server will run on port 1995
Once the dev server is up visit http://localhost:1995/u/staff.
Configuration and Deployment
This MFE is configured via node environment variables supplied at build time. See the .env file for the list of required environment variables. Example build syntax with a single environment variable:
NODE_ENV=production ACCESS_TOKEN_COOKIE_NAME='edx-jwt-cookie-header-payload' npm run build
For more information see the document: Micro-frontend applications in Open edX.