Initial commit

Author: maheshtps

.env

@@ -0,0 +1 @@
+PORT=8081

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -1,2 +1,30 @@
 # React-Scheduler-CRUD-Application-with-Node-Js-and-PostgreSQL
 Syncfusion React Scheduler CRUD Application with Node Js and PostgreSQL
+
+## Step by Step Tutorial
+[Syncfusion React Rest-api CRUD App Tutorial]()
+
+### PostgreSql Configuration
+
+- Navigate to the `backend/config/db.config.js` file
+- In the `db.config.js` file change the USER, PASSWORD, DB as your database configuration.
+
+### Start Backend Server
+
+- Get inside the `backend` folder
+- Open terminal run `npm install` to install required packages 
+- Run `node server.js`
+- This will run our backend server.
+
+Open API URL on [http://localhost:8080](http://localhost:8080/) to view it in the browser.
+
+## Start Syncfusion React Scheduler 
+
+- In the project directory, Open new terminal run `npm install` to install required packages.
+- Run `npm start`
+- This will run our frontend application.
+
+Open [http://localhost:8081/](http://localhost:8081/) to view it in the browser.
+
+You can perform CRUD operation on the scheduler.<br>
+The CURD action that you are performing will be reflected in the postgreSQL database table.

backend/app/controllers/scheduler.controller.js

@@ -0,0 +1,76 @@
+const db = require("../models");
+const SchedulerEvents = db.scheduler;
+
+exports.crudActions = (req, res) => {
+
+    if (req.body.added !== null && req.body.added.length > 0) {
+        for (var i = 0; i < req.body.added.length; i++) {
+            var insertData = req.body.added[i];
+            SchedulerEvents.create(insertData)
+                .then(data => {
+                    res.send(data);
+                })
+                .catch(err => {
+                    res.status(500).send({
+                        message:
+                            err.message || "Some error occurred while inserting the events."
+                    });
+                });
+        }
+    }
+
+    if (req.body.changed !== null && req.body.changed.length > 0) {
+        for (var i = 0; i < req.body.changed.length; i++) {
+            var updateData = req.body.changed[i];
+            SchedulerEvents.update(updateData, { where: { id: updateData.id } })
+                .then(num => {
+                    if (num == 1) {
+                        res.send(updateData);
+                    } else {
+                        res.send({
+                            message: `Cannot update Event with id=${id}. Maybe Event was not found or req.body is empty!`
+                        });
+                    }
+                })
+                .catch(err => {
+                    res.status(500).send({
+                        message: "Error updating Event with id=" + id
+                    });
+                });
+        }
+    }
+
+    if (req.body.deleted !== null && req.body.deleted.length > 0) {
+        for (var i = 0; i < req.body.deleted.length; i++) {
+            var deleteData = req.body.deleted[i];
+            SchedulerEvents.destroy({ where: { id: deleteData.id } })
+                .then(num => {
+                    if (num == 1) {
+                        res.send(deleteData);
+                    } else {
+                        res.send({
+                            message: `Cannot delete Event with id=${id}. Maybe Event was not found!`
+                        });
+                    }
+                })
+                .catch(err => {
+                    res.status(500).send({
+                        message: "Could not delete Event with id=" + id
+                    });
+                });
+        }
+    }
+};
+
+exports.getData = (req, res) => {
+    SchedulerEvents.findAll()
+        .then(data => {
+            res.send(data);
+        })
+        .catch(err => {
+            res.status(500).send({
+                message:
+                    err.message || "Some error occurred while retrieving Events."
+            });
+        });
+};

backend/app/models/index.js

@@ -0,0 +1,18 @@
+const dbConfig = require("../../config/db.config.js");
+const Sequelize = require("sequelize");
+const sequelize = new Sequelize(dbConfig.DB, dbConfig.USER, dbConfig.PASSWORD, {
+  host: dbConfig.HOST,
+  dialect: dbConfig.dialect,
+  operatorsAliases: false,
+  pool: {
+    max: dbConfig.pool.max,
+    min: dbConfig.pool.min,
+    acquire: dbConfig.pool.acquire,
+    idle: dbConfig.pool.idle
+  }
+});
+const db = {};
+db.Sequelize = Sequelize;
+db.sequelize = sequelize;
+db.scheduler = require("./scheduler.model.js")(sequelize, Sequelize);
+module.exports = db;

backend/app/models/scheduler.model.js

@@ -0,0 +1,57 @@
+module.exports = (sequelize, Sequelize) => {
+    const SchedulerEvents = sequelize.define("scheduleevents", {
+        id: {
+            type: Sequelize.INTEGER,
+            primaryKey: true,
+            autoIncrement: true,
+        },
+        starttime: {
+            type: Sequelize.DATE,
+            allowNull: false
+        },
+        endtime: {
+            type: Sequelize.DATE,
+            allowNull: false
+        },
+        subject: {
+            type: Sequelize.STRING
+        },
+        location: {
+            type: Sequelize.STRING
+        },
+        description: {
+            type: Sequelize.STRING
+        },
+        isallday: {
+            type: Sequelize.BOOLEAN
+        },
+        starttimezone: {
+            type: Sequelize.STRING
+        },
+        endtimezone: {
+            type: Sequelize.STRING
+        },
+        recurrencerule: {
+            type: Sequelize.STRING
+        },
+        recurrenceid: {
+            type: Sequelize.INTEGER
+        },
+        recurrenceexception: {
+            type: Sequelize.STRING
+        },
+        followingid: { 
+            type: Sequelize.INTEGER 
+        },
+        createdAt: {
+            type: Sequelize.DATE,
+            field: 'created_at'
+          },
+    
+          updatedAt: {
+            type: Sequelize.DATE,
+            field: 'updated_at'
+          }
+    });
+    return SchedulerEvents;
+};

backend/app/routes/scheduler.routes.js

@@ -0,0 +1,7 @@
+module.exports = app => {
+    const scheduleService = require("../controllers/scheduler.controller.js");
+    var router = require("express").Router();
+    router.post("/getData", scheduleService.getData);
+    router.post("/crudActions", scheduleService.crudActions); 
+    app.use('/api/scheduleevents', router);
+  };

backend/config/db.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  HOST: "localhost",
+  USER: "postgres",
+  PASSWORD: "admin",
+  DB: "testdb",
+  dialect: "postgres",
+  pool: {
+    max: 5,
+    min: 0,
+    acquire: 30000,
+    idle: 10000
+  }
+};

backend/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "nodejs-express-sequelize-postgresql",
+  "version": "1.0.0",
+  "description": "",
+  "main": "server.js",
+  "dependencies": {
+    "body-parser": "^1.20.0",
+    "cors": "^2.8.5",
+    "express": "^4.18.1",
+    "pg": "^8.7.3",
+    "sequelize": "^6.19.0",
+    "pg-hstore": "^2.3.4"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node server.js"
+  },
+  "author": "",
+  "license": "ISC"
+}

backend/server.js

@@ -0,0 +1,26 @@
+const express = require("express");
+const bodyParser = require("body-parser");
+const cors = require("cors");
+const app = express();
+var corsOptions = {
+  origin: "http://localhost:8081"
+};
+app.use(cors(corsOptions));
+// parse requests of content-type - application/json
+app.use(bodyParser.json());
+// parse requests of content-type - application/x-www-form-urlencoded
+app.use(bodyParser.urlencoded({ extended: true }));
+app.get("/", (req, res) => {
+  res.json({ message: "Welcome to Scheduler backend service." });
+});
+require("./app/routes/scheduler.routes")(app);
+// set port, listen for requests
+const PORT = process.env.PORT || 8080;
+app.listen(PORT, () => {
+  console.log(`Server is running on port ${PORT}.`);
+});
+
+const db = require("./app/models");
+db.sequelize.sync({ force: false }).then(() => {
+  console.log("Drop and re-sync db.");
+});