/IntegerUI

Incrementing Integers UI Application

Primary LanguageJavaScript

Incrementing Integers UI

The service application for this UI can be found at: https://github.com/isaqueha/IntegerService

Running

This application can be found running at: https://integerui.herokuapp.com/

You have the following screens can try the service with the following routes:

  1. integerui.herokuapp.com/: Login page, with Google OAuth;
  2. integerui.herokuapp.com/dashboard: Dashboard page with the values displayed.

Local Installation

  1. Clone this repository;
  2. Run npm install;
  3. Run npm start;
  4. 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/" }.

Dependencies

Axios

HTTP client for communicating with the Backend Application.

Js-cookie

Library for using cookies inside a web application. Used for storing the API Keys in the application (expiring in 1 day).

React

All basic React libraries to make a React app.

React-google-login

Provide the google OAuth button and sign-in handlers. Needs the clientId configured with Google.

Limitations

Authorization

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.

GoogleID OAuth

The usage of the GoogleID OAuth is very simple. There is room for improvement on how to deal with the GoogleIDs provided tokens.

HTTP

This service implements simple HTTP. This can be improved using HTTPS and SSL techniques.