Form Submit using react 17
Create React JS Frontend App Step 1 – Create React App Step 2 – Install validator and Bootstrap Step 3 – Create Form Validation Function Step 4 – Create Registration Form in App.js
Create Node JS Express Backend Step 5 – Create Node Js App Step 6 – Create Table In Database Step 7 – Install Express body parser cors and MySQL Dependencies Step 8 – Create Apis in Server JS File Step 9 – Start Node Js Express App
Download Node.js from if not installed from here : https://nodejs.org/en/download/current/
For React
npx create-react-app my-app npm install # to install all dependencies npm start
For Node
mkdir server cd my-app npm init -y
CREATE TABLE r17
(
id
int(11) PRIMARY KEY AUTO_INCREMENT,
fullname
varchar(200) DEFAULT NULL,
email
varchar(200) DEFAULT NULL,
role
varchar(200) DEFAULT NULL,
) ENGINE=InnoDB
npm install --save express cors mysql body-parser
npm install nodemon
nodemon server.js
Two Types of UI have been created to show Role wise User list. 1 : /TableShow - Normal Table 2: /SearchTable - MDBDataTable which provides functionality like search, pagination , sorting etc.
Both uses Axios to fetch data from an API.