class MCProjectHomeRemindersComponentController {
    /*@ngInject*/
    constructor(projectsAPI) {
        this.projectsAPI = projectsAPI;
    }

    removeReminder(index) {
        this.project.reminders.splice(index, 1);
    }

    addReminder() {
        this.project.reminders.push({note: '', status: 'none'});
    }

    updateReminders() {
        this.projectsAPI.updateProject(this.project.id, {reminders: this.project.reminders});
    }
}

angular.module('materialscommons').component('mcProjectHomeReminders', {
    templateUrl: 'app/project/home/mc-project-home-reminders.html',
    controller: MCProjectHomeRemindersComponentController,
    bindings: {
        project: '<'
    }
});

class MCProjectHomeRemindersComponentController {
    /*@ngInject*/
    constructor(projectsAPI) {
        this.projectsAPI = projectsAPI;
    }

    removeReminder(index) {
        this.project.reminders.splice(index, 1);
        this.projectsAPI.updateProject(this.project.id, {reminders: this.project.reminders});
    }

    addReminder() {
        this.project.reminders.push({note: '', status: 'none'});
    }

    updateReminders() {
        this.projectsAPI.updateProject(this.project.id, {reminders: this.project.reminders});
    }
}

angular.module('materialscommons').component('mcProjectHomeReminders', {
    templateUrl: 'app/project/home/mc-project-home-reminders.html',
    controller: MCProjectHomeRemindersComponentController,
    bindings: {
        project: '<'
    }
});

Delete project reminder on backend
Delete project reminder on backend

When a reminder is deleted on the front-end ensure that it is also deleted on the backend.
