MFE Self Services Presquisite

Technologies and Frameworks:

• ReactJs

• HTML

• CSS

• Javascript

General Requirements

• Do not change any functionality. All features should work the same as they do today, even if the feature is implemented in a less than optimal way.

• Use the latest commit in the develop branch: https://github.com/topcoder-platform/mfe-customer-work/tree/develop  

• You should follow the best practices established in the repository

• Do not violate ESLint rules for JS code, nor StyleLint rules for SCSS;

• Do not break existing unit tests.

Setup MFE Self Services Locally

• 1st step - Header

  • git clone  https://github.com/topcoder-platform/mfe-header

  • cd mfe-header

  • export APPMODE="development";

  • export APPENV="local"

  • nvm use

  • npm i

  • npm run dev

• 2nd step - ssl 

  • nvm use

  • npm i -g local-ssl-proxy

  • local-ssl-proxy -n local.topcoder-dev.com -s 443 -t 8080

• 3rd step - mfe-core

  • git clone https://github.com/topcoder-platform/mfe-core 

  • cd mfe-core

  • export APPMODE="development"

  • export APPENV="local-multi"

  • nvm use

  • npm i

  • npm run local-server

• Then a new window run:

  • export APPMODE="development"

  • export APPENV="local-multi"

  • nvm use

  • npm run local-client

• Finally: 4th Step - mfe-customer-work

  • git clone https://github.com/topcoder-platform/mfe-customer-work

  • cd mfe-customer-work

  • npm run dev

---------------------------------------------------- OR ----------------------------------------------------

• Install iTerm2: https://iterm2.com/downloads/stable/latest 

• Download Profile: https://drive.google.com/file/d/1sjMFOP0QQpGfNQN9iGT1zakfB3A7yvzx/view?usp=sharing 

• Open iTerm2, Preferences > Profiles

• On the bottom left, click Other > Import JSON Profiles

• Close Preferences and then open all profiles

Then Open Browser

• Using Google Chrome Incognito Window, access this page : https://local.topcoder-dev.com:8080 

• Login with: jcori/appirio123

• From the Menu on top right, click the Work button. 

• Then, you'll landed on Self Services page

Browsers Requirements

• Desktop: Ms Edge, Latest Firefox, Latest Safari & Chrome Browsers (Mac & Windows). 

• Tablet: Latest Android and Safari Browsers.

• Mobile: Latest Android and Safari Browsers.