Micro Frontend #GIT-REPO-NAME# provides three tabs as in name for integration with any product

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br>
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.<br>
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.<br>
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br>
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### Deployment in your product
~~~bash
# Step 1
    Change "configURL" in properties.js file with your URL which provides
    Application config to run this Micro Frontend

# Step 2
   create build of Micro Frontend. refer Available Scripts section for details

# Step 3
    Take build folder and load index.html in your product

~~~

### Advanced Usage
~~~ bash
# Config provided by api mentioned in "configURL" of properties.js
const appConfig  = {
    "URLs": {
        
    },
    "helpURL": "Screen help file URL",
    "userData": "logged In user data",
    "sourceType": "SE",
    "customCSSFiles": []
}
~~~

### URLs attribute
    Here we will keep all the keys of urls which are need for each ajax call
    needed by this Micro Frontend. provide your app class and method URL for
    ajax against keys mentioned above..

~~~

### REMOVE_LINK_URL
~~~ bash
# This URL breaks link of card
# It sends ItemType(String), ItemId(Int)
# OwnerType(String), OwnerId(Int) as workitem/card can be from other project/board
~~~

### helpURL
~~~ bash
# This URl will be opened in new browser window when user press F1
~~~

### userData
~~~ bash
# provide all user info like username,userid etc
# This will be used by whole Micro frontend to send these details in ajax
~~~

### sourceType
~~~ bash
# sourceType will be used to display product specific text on UI.
# It will also be used to make checks in code for each product specific functional change and etc.
# value of "sourceType" can be SE/SK/EASe.
~~~

### customCSSFiles
~~~ bash
# Provide css file path in array, this css file will be loaded in Micro Frontend.
# It can be used to make changes for product specific THEMES and etc.
# example:
    customCSSFiles = ["path/theme1.css"]