This project is created primarily using Html, Css, Reactjs.

Click Here : -https://managerules.netlify.app/

Manage Rules Editor

Manage Rules Editor is a Rules Editor UI which allows Credit officer to manage(add, edit, delete) rules in the system. During order placement, these rules will be executed by the backend service against the order details to decide if this order should be reviewed

OVERVIEW OF THIS PROJECT

Front End :-

• HTML
• CSS
• ReactJs
• Bootstrap 4

CheckList :

• Creation of the basic platform
• Add rules section
• View all rules in tabular format
• Mobile Responsive Web Application

How to execute Manage Rules Editor to your Local System

• Clone the repository using the git shell
  $ git clone https://github.com/abhikumar22/challenge-frontend-solution.git
  
• Go to the Base directory of the project in the terminal
  $cd path
  
• Start the localhost server
  $ npm start
  
• Open any web browser and goto the URL
  http://localhost:3000/

NOTE :- Please ensure that all the dependencies must be installed to run a react app in your local system

SCREENSHOTS OF THE PLATFORM

Single Page Application

 

Single Page Application

 

Edit Rule

 

Edit Rule automatically populated values

 

Edit Rule API Call data

 

Delete Rule

 

Delete Rule API Call Data

 

Validation for none field selected

 

Post Call Data for adding a new Rule

 

Mobile Responsive 1

 

Mobile Responsive 2