Code Monkey home page Code Monkey logo

frontend-app-profile's Introduction

Build Status Codecov license

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 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.

frontend-app-profile's People

Contributors

renovate-bot avatar davidjoy avatar abutterworth avatar robrap avatar albemarle avatar renovate[bot] avatar dependabot[bot] avatar stvstnfrd avatar mamankhan99 avatar douglashall avatar tj-tracy avatar edx-requirements-bot avatar christopappas avatar adamstankiewicz avatar sarina avatar usamasadiq avatar justinhynes avatar aliadnansohail avatar edx-semantic-release avatar jawayria avatar dcoa avatar jlajoie avatar mtyaka avatar nedbat avatar waheedahmed avatar zainab-amir avatar morenol avatar uzairr avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.