Angular Firebase Scheduler

This project is an Angular application that integrates a Syncfusion Scheduler component with Firebase Firestore for data storage and real-time updates.

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14.x or later)
• npm (v6.x or later)
• Angular CLI (v15.x or later)

Setup

1. Clone the repository: git clone https://github.com/SyncfusionExamples/ej2-angular-scheduler-with-firebase.git
2. Install dependencies: npm install

3. Firebase Configuration:

4. Create a new Firebase project at https://console.firebase.google.com/

5. Enable Firestore in your Firebase project
6. In the Firebase console, go to Project Settings and copy your web app's Firebase configuration

7. Open src/main.ts and replace the firebaseConfig object with your configuration:

   const firebaseConfig = {
     apiKey: "YOUR_API_KEY",
     authDomain: "YOUR_AUTH_DOMAIN",
     projectId: "YOUR_PROJECT_ID",
     storageBucket: "YOUR_STORAGE_BUCKET",
     messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
     appId: "YOUR_APP_ID",
     measurementId: "YOUR_MEASUREMENT_ID"
   };
   

8. Firestore Setup:

9. In the Firebase console, go to Firestore Database
10. Create two collections: Data and ResourceData
11. The Data collection will store scheduler events
12. The ResourceData collection will store resource information for the scheduler

Running the Application

1. Start the development server: ng serve

Output Preview

Troubleshooting

License banner: Obtain and register a Syncfusion license key Link.