The service application for this UI can be found at: https://github.com/isaqueha/IntegerService
This application can be found running at: https://integerui.herokuapp.com/
You have the following screens can try the service with the following routes:
integerui.herokuapp.com/
: Login page, with Google OAuth;integerui.herokuapp.com/dashboard
: Dashboard page with the values displayed.
- Clone this repository;
- Run
npm install
; - Run
npm start
; - The UI application will open in a new browser (http://localhost:3000/)
OBS.: By default, the UI application will be looking to the deployed IntegerService application If you want to connect it to the local IntegerService, change the connection file to contain the following:
{ "baseURL": "http://localhost:3333/" }
.
HTTP client for communicating with the Backend Application.
Library for using cookies inside a web application. Used for storing the API Keys in the application (expiring in 1 day).
All basic React libraries to make a React app.
Provide the google OAuth button and sign-in handlers.
Needs the clientId
configured with Google.
The API Keys generated by the service are stored in cookies inside the user session. For an improved and more secure application, other advanced Authorization and Security approaches should be used.
The usage of the GoogleID OAuth is very simple. There is room for improvement on how to deal with the GoogleIDs provided tokens.
This service implements simple HTTP. This can be improved using HTTPS and SSL techniques.