Update files

Author: Sridhar-Karunakaran

README.md

@@ -0,0 +1,14 @@
+
+# How to make an API request to an Express server when clicking on value cells within a React Pivot Table
+
+A quick start project that helps you on how to make an API request to an Express server when clicking on value cells within a React Pivot Table
+
+## Project prerequisites
+
+Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project.
+
+### How to run this application?
+
+ * To run this application, you need to clone the `how-to-do-api-call-to-express-server-when-clicking-value-cells-in-a-react-pivot-table` repository and then open it in Visual Studio Code. 
+ * Then Open the [Server](./Server/) file and install all the necessary packages into your server-side application using the `npm install` command and run your project using the `npm start` command
+ * Next Open the [React](./React/) file install all the necessary react packages into your client-side application using the `npm install` command and run your project using the `npm start` command.

Server/index.js

@@ -0,0 +1,37 @@
+// Middleware for parsing JSON and handling CORS 
+import express from 'express';
+import cors from 'cors';
+const app = express();
+
+app.use(express.json());
+app.use(cors());
+
+// Endpoint to handle updates to the pivot table data
+app.use("/data", (req,res) => {
+    try{
+        console.log(req.body);
+        let dataFromReact=req.body;
+        // Delete the specific raw data of the cells from the data source if we have data in the cell.
+        if(dataFromReact.data.value>0){
+            dataFromReact.pivotData.splice(Object.keys(dataFromReact.data.indexObject),1);
+            res.status(200).send(dataFromReact.pivotData);
+        } else{
+            // Added the raw data based on the cell combinations to the pivot table if the cell is empty.
+            let newData={
+                "Sold": 40,
+                "Country": dataFromReact.data.rowHeaders,
+                "Year": dataFromReact.data.columnHeaders
+            };
+            dataFromReact.pivotData.push(newData);
+            // Send back the updated data source to the client
+            res.status(200).send(dataFromReact.pivotData);
+        }
+    } catch (error) {
+        res.status(400).send(error);
+    }
+});
+
+// Define the port for the server here. 
+app.listen(5000,()=>{
+    console.log("Server is running on port 5000");
+});

Server/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "server",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "type": "module",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.18.2",
+    "nodemon": "^2.0.21"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "nodemon index.js"
+  },
+  "author": "",
+  "license": "ISC"
+}