Version lakshmi

Node/.env

@@ -1 +1,2 @@
-PORT = 8000
+PORT = 8000
+MONGO_URL = mongodb+srv://saijami:EcUpT3Et6dpojJz3@atlascluster.iotmmxp.mongodb.net/?retryWrites=true&w=majority

Node/api.js

@@ -1,13 +1,57 @@
 require("dotenv").config();
 const express = require("express");
-
+const { MongoClient, ServerApiVersion } = require("mongodb");
+const appVersion = "v22.03.24.02";
+console.log(appVersion);
 const cors = require("cors");
 
 const app = express();
 
 app.use(express.json());
 app.use(cors());
 
+//Intial Route
+app.get("/", (req, res) => {
+  res.send(`Welcome to Node App ${appVersion}`);
+});
+
+const uri = process.env.MONGO_URL;
+
+const client = new MongoClient(uri, {
+  serverApi: {
+    version: ServerApiVersion.v1,
+    strict: true,
+    deprecationErrors: true,
+  },
+});
+
+const dataBase = client.db("employee-management");
+const usersCollection = dataBase.collection("employees");
+
+app.get("/users", async (req, res) => {
+  try {
+    const users = await getUsers();
+    res.status(200).json(users);
+  } catch (error) {
+    res.status(500).json({
+      error: `Internal Server Error: ${error.message}`,
+    });
+  }
+});
+
+const getUsers = async () => {
+  try {
+    const result = await usersCollection.find().toArray();
+    const data = result.map((e) => {
+      const { password, ...rest } = e;
+      return rest;
+    });
+    return data;
+  } catch (error) {
+    console.log(`ERROR : ${error}`);
+  }
+};
+
 const PORT = process.env.PORT;
 app.listen(PORT, () => {
   console.log(`Server running on ${PORT}`);

Node/index.js

@@ -0,0 +1,84 @@
+const express = require('express');
+const bodyParser = require('body-parser');
+const app = express();
+app.use(bodyParser.json());
+const { MongoClient,ObjectId} = require('mongodb');
+
+const client = new MongoClient(
+   'mongodb+srv://sailakshmiyyy:qH8z7c9FkOimu0QF@cluster0.mz8v4ou.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0'
+  );
+
+  client.connect().then(() => console.log("Connected Successfully"))
+  .catch((error) => console.log("Failed to connect", error));
+
+  const db = client.db("Department");
+  const collection = db.collection('department');
+
+  app.get('/',async(req,res) => {
+    res.send('App is running')
+  })
+
+  app.get('/getList',async(req,res) => {
+    try {
+        const result = await collection.find().toArray();
+        console.log('result',result)
+        res.status(200).json(result)
+
+    } catch (error) {
+        console.error(`ERROR: ${error}`);
+        res.status(500).json({error:"An Error occured while fetching Data"});
+
+    }
+  })
+
+  app.post('/create', async(req,res) => {
+    // const { deptName } = req.body;
+    // console.log("req",req.body)
+    // const newData = {
+    //     deptName:req.body,
+    // }
+    // console.log('newData',newData)
+    try {
+        const result = await collection.insertOne(req.body);
+        res.json({success:true,message:"Name Added Successfully"});
+
+    } catch (error) {
+        console.error(`Error:${error}`);
+        res.status(500).json({success: false,message:"Failed to Insert"})        
+    }
+  })
+
+  app.put('/editDept/:id',async(req,res) => {
+    const id = req.params.id;
+    const data = req.body;
+    try {
+        const result =await collection.updateOne({_id:new ObjectId(id)},{$set:data});
+        console.log('result',result);
+        if (result.modifiedCount > 0) {
+            res.json({ success: true, message: "Updated Successfully" });
+          } else {
+            res.status(404).json({ success: false, message: "Not Updated" });
+          }
+
+    } catch (error) {
+        console.error("Error",error);
+        res.status(500).json({success:true,message:"Failed to Update"})
+    }
+  })
+
+  app.delete('/deleteDept/:id',async(req,res) => {
+    const id = req.params.id;
+    try {
+        const result = await collection.deleteOne({ _id: new ObjectId(id) });
+        res.json({success:true,message:"Deleted Successfully"})
+
+    } catch (error) {
+        console.error("Error deleting",error);
+        res.status(500).json({success:false,message:"Server Error"})        
+    }
+  })
+
+
+  app.listen('4000',() => {
+    console.log('App is running on port 4000')
+  })

Node/package.json

@@ -18,6 +18,7 @@
     "dotenv": "^16.4.1",
     "express": "^4.18.2",
     "jsonwebtoken": "^9.0.2",
+    "mongodb": "^6.5.0",
     "mongoose": "^8.1.1"
   }
 }

src/Config/AppConfig.js

@@ -1,4 +1,4 @@
 const appConfig = {
-  appVersion: "v20.03.24.04",
+  appVersion: "v27.03.24.02",
 };
 export default appConfig;

src/Hooks/useLocalStorage.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+
+export function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = useState(() => {
+    try {
+      const item = window.localStorage.getItem(key);
+      return item !== undefined && item !== null && item !== ""
+        ? JSON.parse(item)
+        : initialValue;
+    } catch (error) {
+      console.error("Error retrieving data from local storage:", error);
+      return initialValue;
+    }
+  });
+
+  console.log(storedValue, "storedValue");
+
+  useEffect(() => {
+    try {
+      window.localStorage.setItem(key, JSON.stringify(storedValue));
+    } catch (error) {
+      console.error("Error saving data to local storage:", error);
+    }
+  }, [storedValue, key]);
+
+  return [storedValue, setStoredValue];
+}

src/Pages/Department/Department.js

@@ -1,13 +1,16 @@
 import React, { useEffect, useState } from "react";
 import { UseDocumentTitle } from "../../Common/UseDocumentTitle";
 import { Table, Row, Col, Modal, Select, Form, Button } from "antd";
+import { useLocalStorage } from "../../Hooks/useLocalStorage";
 const { Option } = Select;
 
 const Department = () => {
+  const [dataValue, setDataValue] = useLocalStorage("obj1", []);
+  console.log(dataValue, "dataValue");
   useEffect(() => {
     UseDocumentTitle(window.location.pathname);
   }, []);
-  const [showModal, setShowModal] = useState("");
+  const [showModal, setShowModal] = useState(false);
   const columns = [
     {
       title: "Department Name",
@@ -50,6 +53,18 @@ const Department = () => {
   ];
   const openModal = () => {
     setShowModal(true);
+    setDataValue([
+      {
+        title: "Department Name",
+        dataIndex: "name",
+        key: "name",
+      },
+      {
+        width: "10%",
+        title: "Action",
+        key: "action",
+      },
+    ]);
   };
   const cancelModal = () => {
     setShowModal(false);
@@ -63,7 +78,9 @@ const Department = () => {
               <h4>Department Details</h4>
             </Col>
             <Col span={2} offset={14}>
-              <Button type="primary">Add</Button>
+              <Button type="primary" onClick={openModal}>
+                Add
+              </Button>
             </Col>
           </Row>
           <Row style={{ marginTop: "20px" }}>

src/Pages/Employee/Request.js

@@ -1,12 +1,74 @@
 import React, { useEffect } from "react";
+import { Table, Row, Col} from "antd";
 import { UseDocumentTitle } from "../../Common/UseDocumentTitle";
 
 const Request = () => {
-   useEffect(() => {
+  useEffect(() => {
     UseDocumentTitle(window.location.pathname);
   }, []);
+  const columns = [
+    {
+      title: "Employee Id",
+      dataIndex: "id",
+      key: "id",
+    },
 
-  return <h1>Request</h1>;
-};
+    {
+      title: "Name",
+      dataIndex: "name",
+      key: "name",
+    },
+
+    {
+      title: "Email",
+      dataIndex: "email",
+      key: "email",
+    },
+    {
+      title: "Reason",
+      dataIndex: "reason",
+      key: "mobile",
+    },
+
+  ];
+  const data = [
+    {
+      key: "1",
+      name: "John Brown",
+    },
+    {
+      key: "2",
+      name: "Jim Green",
+    },
+    {
+      key: "3",
+      name: "Joe Black",
+    },
+  ];
 
+  return (
+    <>
+      <Row>
+        <Col span={24}>
+          <Row>
+            <Col span={5}>
+              <h4 style={{fontWeight:'bold'}}>Leave Request</h4>
+            </Col>
+            <Col span={2} offset={14}>
+              {/* <Link to={"/app/addEmployee"}>
+                <Button type="primary">Add</Button>
+              </Link> */}
+            </Col>
+          </Row>
+          <Row>
+            <Col span={24}>
+              <Table columns={columns} dataSource={data} pagination={false} />
+            </Col>
+          </Row>
+        </Col>
+      </Row>
+
+    </>
+  );
+};
 export default Request;