Skip to content

Project setup

Jump to bottom
Rene Ranzinger edited this page Jun 1, 2023 · 1 revision
  • Clone the project from GIT (with appropriate permissions)
  • In the VS code import the project.
  • Add ‘.env.dev’ file next to ‘.env.prod’ (project folder contains this file already)
  • Add local backend URL in ‘.env.dev’ if you backend setup on your local (eclipse) to debug to go through code.
  • If you don’t have local backend use server URL in the file (You can get it from ‘.env.prod’ file)

Current Versions for Front End

"react": "^16.10.2"
node –version - v16.14.2
npm –version 8.5.0

java --version
java 11.0.2 2019-01-15 LTS
Java(TM) SE Runtime Environment 18.9 (build 11.0.2+9-LTS)
Java HotSpot(TM) 64-Bit Server VM 18.9 (build 11.0.2+9-LTS, mixed mode)

Check for your local versions and Update accordingly if you face any errors while starting the server (npm start).

Basic Things To add when creating a new path or page in Glygen Array Project Front end

  • Create a JS file for the component itself.
  • Add a separate CSS based on requirement.
  • Add new Route in Route.js

If it is a new Options in side menu Add a new path and title in SideMenu.js ( follow one of the existing paths like Glycan – ‘/glycans’)

Add a Case in WSUTIL for the API call (Get the backend path from Swagger or ask Sena if you can’t find it)

If it’s a login not required page add it to the LOGIN Not required List in APP.js

In the component:

tag code is used to put the titles (tab) for the page.

is used to display errors based on forms and backend error codes.

Rest of the code it according to the requirement be it Table, Stepper, Forms, Grid, Tree Views etc.

Most part of Form elements are bootstrap and there is material UI is used as well. You can find those versions in package.json

Except for 404 error from backend you get JSON response and for 404 u might get text as response.

Clone this wiki locally