Frontend ReactJS
React · 
React is a JavaScript library for building user interfaces.
- Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.
- Component-Based: Build encapsulated components that manage their state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.
- Learn Once, Write Anywhere: We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.
Learn how to use React in your project.
- This is the viewing surface of the applications, a very user-friendly and easy on the eyes application for the users.
- This is also been dockerized and can be run by the basic start script. The interface has been designed to be as intuitive as possible.
- The frontend is a reactjs application which uses axios to make API calls for all the services
- The UI is divided into 1) Login Landing Page, 2) Sign-Up/ Reset password page, 3) Home Page
- The login page is straight forward it calls onto the authentication microservice via the API gateway
- The sign-up page registers new users and authenticates them
- The homepage has brief description on the various services and has 2 types of query outlets, one via the Audit table, a user can simply click on a particular history row and generate a Gif image
- The second mode of querying is via specific field drop-box and generate the required query