Skip to content

Latest commit

 

History

History
61 lines (38 loc) · 1.82 KB

README.md

File metadata and controls

61 lines (38 loc) · 1.82 KB
Raw

Epimetheus frontend

User interface for test results.

Start the project with

npm install
npm run start

Local Development Proxy Configuration

The default configuration for backend server is http://localhost:5000.

Backend server configuration can be changed by setting the following environment variables:

REACT_APP_SERVER_URL=localhost
REACT_APP_FRONT_END_PORT=5000

These variables set the development-time proxy settings in src/setupProxy.js.

Bash example: REACT_APP_SERVER_URL='localhost' npm run start

Powershell example: $env:REACT_APP_SERVER_URL="localhost"; npm run start

Production Configuration Example

There is an example configuration for production use with nginx. Example config file is nginx/nginx.conf.

Example Dockerfile for production deploy is in Dockerfile-prod.

Linting and formatting

Project package.json has configuration for eslint syntax checker and prettier code formatter.

They can be run with commands npm run lint and npm run format.

Visual Studio Code Plugins

Install plugins: Prettier Eslint In Visual Studio Code settings check

Prettier: Require Config

and

Editor: Format On Save

Z-indexes

List of z-indexes used in order to avoid z-index collision and to help debugging. Please list the component that z-index is used in, the z-index itself and the reason z-index was used.

  • DropdownSelect: z-index: 2;
    • The dropdown would be under ScrollTableButton's pseudo element.
  • ScrollTableButton: z-index: 1;
    • Table's header or hover effects would be on top of the scroll button.