Frontend

Frontend holding an express server as middle ware for social logins and the the frontend using React

The frontend is a combination of express server and react components. We require express as middle ware to do the oauth login. Thus, the react components are served by the express server it self.

The server code is in the folder server. The frontend code is in the folder src.

Environment Setup

1. Copy .env.example to .env:

cp .env.example .env

2. Update the .env file with your credentials:

• Get a GitHub token from: https://github.com/settings/tokens
• Get a GitLab token from: https://gitlab.com/-/profile/personal_access_tokens

Never commit the .env file with real credentials.

Initialization

run sh install_dependencies.sh

This runs the npm install command in the current and the server folders.

Create an .env file. You can find an example for the content in the file .env.example

The server has also its own .env file. You can find an example for the content in the file /server/.env.example

Starting the server

run npm start in frontend/server/

This command will build the the front end and then start the express server.

// this is the call that npm start will execute npm run build && (cd server && npm start)

Starting the client

run npm run start-client in the current folder

This will start a react 'server' hosting only the frontend application. It has the hot reloading and other helpful thigs which can help during the development process of the frontend.