This repository showcases a full‑stack sample application that demonstrates how to integrate the Syncfusion Angular Scheduler component into a Angular application with a Node.js and MongoDB backend.
The backend provides REST API endpoints for managing calendar events, which are stored in MongoDB. The React frontend delivers a responsive scheduling interface, enabling users to create, update, view, and delete events seamlessly using Syncfusion’s Scheduler component.

• Use Node Version >= 20.19.0 (for better performance with MongoDB driver 7.0)
• Use Latest MongoDB Software.
• Make sure there is nothing running on the ports 5000, 4200.

• Clone the repository to your local machine.

1. Create a Database named mydb in the default connection localhost:27017 in MongoDB Compass.
2. Create a Collection named ScheduleData in the above created database.
3. Make sure this connection is in connected state in MongoDB Compass.

1. In a new terminal, navigate to the project folder:
2. Install application dependencies:

   npm install

1. Start the backend server:

   npm run server (runs the server.js file)

2. Backend server started running on http://localhost:5000
3. Open another terminal from the same path, start the frontend:

   npm start

4. Access the application by navigating to http://localhost:4200 in your web browser to view the output.

Syncfusion Angular Scheduler Image illustrating the Syncfusion Angular Scheduler

• 404 PageNotFound: Ensure the backend server running on localhost:5000.
• CORS errors: Ensure the frontend running on localhost:4200.

To learn more about integrating the Syncfusion Angular Schedule component,, refer to the Syncfusion Documentation.