diff --git a/backend/src/app.js b/backend/src/app.js
index 290c181af..8578b1752 100644
--- a/backend/src/app.js
+++ b/backend/src/app.js
@@ -42,6 +42,7 @@ const analyticsRouter = require('./routes/analytics-router');
 const nominalRollRouter = require('./routes/nominal-roll');
 const edxRouter = require('./routes/edx-router');
 const instituteRouter = require('./routes/institute');
+const sdcRouter = require('./routes/sdc');
 const cacheRouter = require('./routes/cache-router');
 const promMid = require('express-prometheus-middleware');
 const Redis = require('./util/redis/redis-client');
@@ -183,6 +184,7 @@ apiRouter.use('/analytics', analyticsRouter);
 apiRouter.use('/nominal-roll', nominalRollRouter);
 apiRouter.use('/edx', edxRouter);
 apiRouter.use('/institute', instituteRouter);
+apiRouter.use('/sdc', sdcRouter);
 apiRouter.use('/cache', cacheRouter);
 // Prevent unhandled errors from crashing application
 process.on('unhandledRejection', err => {
diff --git a/backend/src/components/sdc/sdc.js b/backend/src/components/sdc/sdc.js
new file mode 100644
index 000000000..41a51095e
--- /dev/null
+++ b/backend/src/components/sdc/sdc.js
@@ -0,0 +1,173 @@
+'use strict';
+const { logApiError, getData, deleteData, errorResponse, getBackendToken, validateAccessToken, putData} = require('../utils');
+const HttpStatus = require('http-status-codes');
+const config = require('../../config');
+const cacheService = require('../cache-service');
+const utils = require('../utils');
+
+async function getFundingGroupDataForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);
+    validateAccessToken(accessToken, res);
+    
+    let school = cacheService.getSchoolBySchoolID(req.params.schoolID);
+   
+    if(!hasSchoolAdminRole(req, school)){
+      return res.status(HttpStatus.UNAUTHORIZED).json({
+        message: 'You do not have the required access for this function'
+      });
+    }
+    
+    const data = await getData(accessToken, `${config.get('sdc:fundingGroupDataURL')}/search/${req.params.schoolID}`);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'getFundingGroupDataForSchool', 'Error getting funding data for this school');
+    return errorResponse(res);
+  }
+}
+
+async function getSnapshotFundingDataForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);
+    validateAccessToken(accessToken, res);
+    
+    let school = cacheService.getSchoolBySchoolID(req.params.schoolID);
+   
+    if(!hasSchoolAdminRole(req, school)){
+      return res.status(HttpStatus.UNAUTHORIZED).json({
+        message: 'You do not have the required access for this function'
+      });
+    }
+    
+    const data = await getData(accessToken, `${config.get('sdc:fundingGroupDataURL')}/snapshot/${req.params.schoolID}/${req.params.collectionID}`);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'getSnapshotFundingDataForSchool', 'Error getting funding snapshot data for this school');
+    return errorResponse(res);
+  }
+}
+
+async function getFundingGroupsForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);   
+    validateAccessToken(accessToken, res);
+
+    const data = await getData(accessToken, `${config.get('sdc:fundingGroupsURL')}`);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'getFundingGroupsForSchool', 'Error getting funding groups');
+    return errorResponse(res);
+  }
+}
+
+async function deleteFundingDataForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);
+    validateAccessToken(accessToken, res);
+
+    let school = cacheService.getSchoolBySchoolID(req.params.schoolID);
+   
+    if(!hasSchoolAdminRole(req, school)){
+      return res.status(HttpStatus.UNAUTHORIZED).json({
+        message: 'You do not have the required access for this function'
+      });
+    }
+
+    const data = await deleteData(accessToken, `${config.get('sdc:fundingGroupDataURL')}/${req.params.schoolFundingGroupID}`);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'deleteFundingDataForSchool', 'Error removing funding data for this school');
+    return errorResponse(res);
+  }
+}
+
+async function updateFundingDataForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);
+    validateAccessToken(accessToken, res);
+
+    let school = cacheService.getSchoolBySchoolID(req.params.schoolID);
+   
+    if(!hasSchoolAdminRole(req, school)){
+      return res.status(HttpStatus.UNAUTHORIZED).json({
+        message: 'You do not have the required access for this function'
+      });
+    }
+
+    const payload = req.body;
+    payload.updateDate = null;
+    payload.createDate = null;
+    payload.updateUser = utils.getUser(req).idir_username;
+
+    const data = await putData(accessToken, `${config.get('sdc:fundingGroupDataURL')}/${req.params.schoolFundingGroupID}`, payload);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'updateFundingDataForSchool', 'Error updating funding data for this school');
+    return errorResponse(res);
+  }
+}
+
+async function addNewFundingForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);
+    validateAccessToken(accessToken, res);
+
+    let school = cacheService.getSchoolBySchoolID(req.params.schoolID);
+   
+    if(!hasSchoolAdminRole(req, school)){
+      return res.status(HttpStatus.UNAUTHORIZED).json({
+        message: 'You do not have the required access for this function'
+      });
+    }
+
+    const payload = req.body;
+    payload.createUser = utils.getUser(req).idir_username;
+    payload.schoolID = req.params.schoolID;
+
+    const data = await utils.postData(accessToken, `${config.get('sdc:fundingGroupDataURL')}`, payload);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'addNewFundingForSchool', 'Error adding funding data for this school');
+    return errorResponse(res);
+  }
+}
+
+async function getAllCollectionsForSchool(req, res) {
+  try {
+    const accessToken = getBackendToken(req);
+    validateAccessToken(accessToken, res);
+
+    let school = cacheService.getSchoolBySchoolID(req.params.schoolID);
+   
+    if(!hasSchoolAdminRole(req, school)){
+      return res.status(HttpStatus.UNAUTHORIZED).json({
+        message: 'You do not have the required access for this function'
+      });
+    }
+        
+    const data = await getData(accessToken, `${config.get('sdc:schoolCollectionURL')}/searchAll/${req.params.schoolID}`);
+    return res.status(HttpStatus.OK).json(data);
+  } catch (e) {
+    logApiError(e, 'getFundingGroupDataForSchool', 'Error getting funding data for this school');
+    return errorResponse(res);
+  }
+}
+
+function hasSchoolAdminRole(req, school){
+  if(school.schoolCategoryCode === 'INDEPEND' || school.schoolCategoryCode === 'INDP_FNS'){
+    return req.session.roles.includes('SCHOOL_ADMIN') || req.session.roles.includes('SCHOOL_INDEPENDENT_ADMIN');
+  }
+
+  return req.session.roles.includes('SCHOOL_ADMIN');
+}
+
+
+module.exports = {
+  getFundingGroupsForSchool,
+  getFundingGroupDataForSchool,
+  deleteFundingDataForSchool,
+  updateFundingDataForSchool,
+  getSnapshotFundingDataForSchool,
+  addNewFundingForSchool,
+  getAllCollectionsForSchool
+};
diff --git a/backend/src/config/index.js b/backend/src/config/index.js
index 929c152b6..8081c1c2f 100644
--- a/backend/src/config/index.js
+++ b/backend/src/config/index.js
@@ -178,5 +178,11 @@ nconf.defaults({
     bannerColor: process.env.BANNER_COLOR,
     webSocketURL: process.env.WEB_SOCKET_URL
   },
+  sdc: {
+    rootURL: process.env.SDC_API_URL,
+    schoolCollectionURL: process.env.SDC_API_URL + '/sdcSchoolCollection',
+    fundingGroupsURL: process.env.SDC_API_URL + '/funding-group-codes',
+    fundingGroupDataURL: process.env.SDC_API_URL + '/schoolFundingGroup'
+  }
 });
 module.exports = nconf;
diff --git a/backend/src/routes/sdc.js b/backend/src/routes/sdc.js
new file mode 100644
index 000000000..c0a86721a
--- /dev/null
+++ b/backend/src/routes/sdc.js
@@ -0,0 +1,19 @@
+const passport = require('passport');
+const express = require('express');
+const router = express.Router();
+const utils = require('../components/utils');
+const extendSession = utils.extendSession();
+const { getFundingGroupsForSchool, getFundingGroupDataForSchool, deleteFundingDataForSchool, updateFundingDataForSchool, 
+    getSnapshotFundingDataForSchool, addNewFundingForSchool, getAllCollectionsForSchool} = require('../components/sdc/sdc');
+const auth = require('../components/auth');
+
+router.post('/funding-groups/:schoolID', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, addNewFundingForSchool);
+router.get('/funding-groups/:schoolID', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, getFundingGroupDataForSchool);
+router.delete('/funding-groups/:schoolID/funding/:schoolFundingGroupID', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, deleteFundingDataForSchool);
+router.put('/funding-groups/:schoolID/funding/:schoolFundingGroupID', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, updateFundingDataForSchool);
+router.get('/funding-groups/snapshot/:schoolID/:collectionID', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, getSnapshotFundingDataForSchool);
+
+router.get('/funding-groups', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, getFundingGroupsForSchool);
+router.get('/sdcSchoolCollection/:schoolID', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, getAllCollectionsForSchool);
+module.exports = router;
+
diff --git a/frontend/src/components/institute/SchoolDetails.vue b/frontend/src/components/institute/SchoolDetails.vue
index c3f9c1f7d..85023c9ed 100644
--- a/frontend/src/components/institute/SchoolDetails.vue
+++ b/frontend/src/components/institute/SchoolDetails.vue
@@ -138,7 +138,10 @@
               <v-tab value="moves">
                 Moves
               </v-tab>
-              <v-tab value="funding">
+              <v-tab
+                v-if="canViewFundingTab()"
+                value="funding"
+              >
                 Funding
               </v-tab>
             </v-tabs>
@@ -177,7 +180,9 @@
                   />
                 </v-window-item>
                 <v-window-item value="funding">
-                  <p>Funding Tab</p>
+                  <SchoolFunding
+                    :school-i-d="schoolID"
+                  />
                 </v-window-item>
               </v-window>
             </v-card-text>
@@ -202,6 +207,7 @@ import Details from './common/Details.vue';
 import SchoolHistory from './common/SchoolHistory.vue';
 import SchoolContacts from './common/SchoolContacts.vue';
 import SchoolMove from './common/SchoolMove.vue';
+import SchoolFunding from './common/SchoolFunding.vue';
 import {authStore} from '@/store/modules/auth';
 import {notificationsStore} from '@/store/modules/notifications';
 import InstituteNotes from '@/components/institute/common/InstituteNotes.vue';
@@ -213,7 +219,8 @@ export default {
     Details,
     SchoolHistory,
     SchoolContacts,
-    SchoolMove
+    SchoolMove,
+    SchoolFunding
   },
   mixins: [alertMixin],
   props: {
@@ -334,6 +341,9 @@ export default {
       }
       return this.SCHOOL_ADMIN_ROLE;
     },
+    canViewFundingTab() {
+      return this.independentArray.includes(this.school.schoolCategoryCode);
+    },
     saveNewSchoolNote(schoolNote) {
       this.noteRequestCount += 1;
       const payload = {
diff --git a/frontend/src/components/institute/common/AddSchoolFunding.vue b/frontend/src/components/institute/common/AddSchoolFunding.vue
new file mode 100644
index 000000000..da99ea153
--- /dev/null
+++ b/frontend/src/components/institute/common/AddSchoolFunding.vue
@@ -0,0 +1,125 @@
+<template>
+  <v-card
+    id="newFundingSheet"
+    class="information-window-v-card"
+  >
+    <v-card-title class="sheetHeader pt-1 pb-1">
+      New Funding Configuration
+    </v-card-title>
+    <v-divider />
+    <v-card-text>
+      <v-form
+        ref="newFundingForm"
+        v-model="isFormValid"
+      >
+        <v-row>
+          <v-col>
+            <v-select
+              v-model="selectedGradeCodeForFunding"
+              :items="filteredgradeCodes"
+              item-value="schoolGradeCode"
+              item-title="label"
+              label="Grades Offered"
+              variant="underlined"
+              required
+              :rules="[rules.required()]"
+            />
+          </v-col>
+          <v-col>
+            <v-select
+              v-model="selectedFundingGroup"
+              :items="fundingGroups"
+              item-value="schoolFundingGroupCode"
+              item-title="label"
+              label="Funding Group"
+              variant="underlined"
+              required
+              :rules="[rules.required()]"
+            />
+          </v-col>
+        </v-row>
+        <v-row class="py-4 pr-2 justify-end">
+          <PrimaryButton
+            id="cancel"
+            secondary
+            text="Cancel"
+            class="mr-2"
+            @click-action="closeAddFunding"
+          />
+          <PrimaryButton
+            id="save"
+            text="Save"
+            width="7rem"
+            :disabled="!isFormValid"
+            @click-action="saveNewFundingData"
+          />
+        </v-row>
+      </v-form>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script>
+import PrimaryButton from '../../util/PrimaryButton.vue';
+import * as Rules from '@/utils/institute/formRules';
+
+export default {
+  name: 'AddSchoolFunding',
+  components: {
+    PrimaryButton
+  },
+  props: {
+    schoolID: {
+      type: String,
+      required: true
+    },
+    fundingGroups: {
+      type: Array,
+      required: true
+    },
+    filteredgradeCodes: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ['closeAddFunding', 'saveNewFundingData'],
+  data() {
+    return {
+      isFormValid: false,
+      selectedGradeCodeForFunding: '',
+      selectedFundingGroup: '',
+      rules: Rules,
+    };
+  },
+  mounted() {
+    this.validateForm();
+  },
+  methods: {
+    closeAddFunding() {
+      this.$emit('closeAddFunding');
+      this.resetForm();
+    },
+    saveNewFundingData() {
+      this.$emit('saveNewFundingData', { schoolGradeCode: this.selectedGradeCodeForFunding, schoolFundingGroupCode: this.selectedFundingGroup });
+      this.resetForm();
+    },
+    resetForm() {
+      this.$refs.newFundingForm.reset();
+      this.validateForm();
+    },
+    validateForm() {
+      const isValid = this.$refs.newFundingForm.validate();
+      this.isFormValid = isValid.valid;
+    },
+  }
+};
+</script>
+
+<style scoped>
+.sheetHeader {
+  background-color: #003366;
+  color: white;
+  font-size: medium !important;
+  font-weight: bolder !important;
+}
+</style>
diff --git a/frontend/src/components/institute/common/SchoolFunding.vue b/frontend/src/components/institute/common/SchoolFunding.vue
new file mode 100644
index 000000000..a22dae7f1
--- /dev/null
+++ b/frontend/src/components/institute/common/SchoolFunding.vue
@@ -0,0 +1,421 @@
+<template>
+  <div
+    id="schoolFunding"
+    class="px-0 pt-3 ma-0"
+    style="width: 100%;"
+  >
+    <v-row v-if="loading">
+      <v-col class="d-flex justify-center">
+        <v-progress-circular
+          class="mt-16"
+          :size="70"
+          :width="7"
+          color="primary"
+          indeterminate
+          :active="loading"
+        />
+      </v-col>
+    </v-row>
+    <v-row
+      v-else
+      no-gutters
+    >
+      <v-col cols="7">
+        <v-row>
+          <v-col>
+            <h3 class="subHeading pt-2 pb-2">
+              Current Funding Configuration
+            </h3>
+          </v-col>
+          <v-col class="add-funding">
+            <PrimaryButton         
+              id="add-action"
+              class="pr-4"
+              secondary
+              text="Add Funding"
+              icon-left
+              icon="mdi-plus"  
+              @click-action="addFunding()"
+            />
+          </v-col>
+        </v-row>
+            
+       
+        <v-form
+          v-model="isValidFundingForm"
+          class="mt-15"
+        > 
+          <v-data-table
+            :headers="headers"
+            :items="sortedFunding"
+            :loading="loading"
+            :items-per-page="25"
+            class="elevation-1 pt-9"
+            item-value="schoolFundingGroupID"
+          >
+            <template #item="item">
+              <tr>
+                <td
+                  v-for="header in headers"
+                  :key="header.id"              
+                >
+                  <v-row
+                    v-if="header.editable && hoveredOveredRowID === item.item.raw.schoolGradeCode && isEditing"
+                    no-gutters
+                  >
+                    <v-col>
+                      <v-select
+                        v-model="item.item.raw[header.value]"
+                        :items="fundingGroups"
+                        item-value="schoolFundingGroupCode"
+                        item-title="label"
+                        variant="underlined"
+                        :rules="header.rules"
+                      />
+                    </v-col>
+                  </v-row>
+                  <v-row
+                    v-else-if="header.value === 'actions' && !isEditing"
+                    no-gutters
+                  >
+                    <v-col>
+                      <v-btn
+                        variant="plain"
+                        class="icon-color  ml-n3"
+                        icon="mdi-pencil-outline"
+                        @click="editRow(item)"
+                      />
+                    </v-col>
+                    <v-col>
+                      <v-btn
+                        variant="plain"
+                        class="icon-color ml-n3"
+                        icon="mdi-delete-outline"
+                        @click="deleteRow(item)"
+                      />
+                    </v-col>
+                  </v-row>
+                  <v-row
+                    v-else-if="header.value === 'actions' && isEditing && hoveredOveredRowID === item.item.raw.schoolGradeCode"
+                    no-gutters
+                  >
+                    <v-col cols="6">
+                      <PrimaryButton         
+                        id="cancel-action"
+                        class="pr-4"
+                        secondary
+                        short
+                        text="Cancel"   
+                        @click-action="cancel"
+                      />
+                    </v-col>
+                    <v-col cols="6">
+                      <PrimaryButton           
+                        id="save-action"
+                        short
+                        text="Save"
+                        :loading="loading"
+                        @click-action="save(item)"
+                      />
+                    </v-col>
+                  </v-row>
+                  <span v-else-if="header.value === 'schoolFundingGroupCode'">{{ item.item.raw['fundingGroupLabel'] }}</span>
+                  <span v-else>{{ item.item.raw[header.value] ? item.item.raw[header.value] : '-' }}</span>
+                </td>
+              </tr>
+            </template>
+          </v-data-table>
+        </v-form>
+      </v-col>
+
+      <v-col
+        cols="5"
+        class="pl-5"
+      >
+        <h3 class="subHeading pt-2 pb-2 ">
+          Historic Funding Configurations
+        </h3>
+
+        <v-select
+          v-model="selectedCollectionDate"
+          :items="pastCollections"
+          item-value="collectionID"
+          item-title="formattedCollectionOpenDate"
+          class="mt-5"
+          variant="underlined"
+          label="Select collection"
+          @update:modelValue="getSnapshotData($event)"
+        />
+
+        <v-data-table
+          v-if="showSnapshotData"
+          :headers="historicFundingHeaders"
+          :items="snapshotData"
+          :items-per-page="25"
+          :loading="loading"
+          class="elevation-1"
+          item-value="schoolFundingGroupID"
+        />
+      </v-col>
+    </v-row>
+    <v-bottom-sheet
+      v-model="addFundingSheet"
+      inset
+      no-click-animation
+      scrollable
+      persistent
+    >
+      <AddSchoolFunding
+        v-if="addFundingSheet"
+        :school-i-d="schoolID"
+        :funding-groups="fundingGroups"
+        :filteredgrade-codes="sortedGrades"
+        @closeAddFunding="addFundingSheet = !addFundingSheet"
+        @saveNewFundingData="saveNewFundingData"
+      />
+    </v-bottom-sheet>
+    <ConfirmationDialog ref="confirmationDialog" />
+  </div>
+</template>
+  
+<script>
+import {Routes} from '@/utils/constants';
+import ApiService from '../../../common/apiService';
+import alertMixin from '@/mixins/alertMixin';
+import {formatDob} from '@/utils/format';
+import {mapState} from 'pinia';
+import PrimaryButton from '../../util/PrimaryButton.vue';
+import {appStore} from '@/store/modules/app';
+import {instituteStore} from '@/store/modules/institute';
+import AddSchoolFunding from '@/components/institute/common/AddSchoolFunding.vue';
+import {sortBy} from 'lodash';
+import ConfirmationDialog from '@/components/util/ConfirmationDialog.vue';
+  
+export default {
+  name: 'SchoolFunding',
+  components: {
+    PrimaryButton,
+    AddSchoolFunding,
+    ConfirmationDialog
+  },
+  mixins: [alertMixin],
+  props: {
+    schoolID: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      funding: [],
+      loading: true,
+      headers: [
+        {title: 'Grade', sortable: false, key: 'gradeLabel', value: 'gradeLabel'},
+        {title: 'Funding Group', sortable: false, key: 'fundingGroupLabel', value: 'schoolFundingGroupCode', editable: true, maxLength: '40', rules: [v => v?.trim().length >= 1 || 'Required']},
+        {title: 'Last Updated', sortable: false, key: 'updateDate', value: 'updateDate'},
+        {title: 'Last Update User', sortable: false, key: 'updateUser', value: 'updateUser'},
+        {value: 'actions', sortable: false},
+      ],
+      historicFundingHeaders: [
+        {title: 'Grade', sortable: false, key: 'gradeLabel', value: 'gradeLabel'},
+        {title: 'Funding Group', sortable: false, key: 'fundingGroupLabel', value: 'fundingGroupLabel'},
+        {title: 'Last Updated', sortable: false, key: 'updateDate', value: 'updateDate'},
+        {title: 'Last Update User', sortable: false, key: 'updateUser', value: 'updateUser'},
+      ],
+      hoveredOveredRowID: null,
+      hoveredOveredRow: null,
+      hoveredOveredHeader: null,
+      isValidFundingForm: false,
+      fundingGroups: [],
+      isEditing: false,
+      collectionDates: ['2017/09/30', '2016/09/30'],
+      selectedCollectionDate: '',
+      showSnapshotData: false,
+      snapshotData: [],
+      addFundingSheet: false,
+      filteredgradeCodes: [],
+      sortedGrades: [],
+      pastCollections: [],
+      sortedFunding: []
+    };
+  },
+  computed: {
+    ...mapState(appStore, ['schoolMap', 'districtMap', 'independentAuthorityMap']), 
+    ...mapState(instituteStore, ['gradeCodes']),
+  },
+  beforeCreate() {
+    instituteStore().getAllGradeCodes().then(() => this.loadFundingGroups());
+  },
+  mounted() {
+    appStore().getCodes().then(() => {
+      this.getHistoricalCollectionsForSchool();
+      this.loadSchoolsFundingData();
+    });
+  },
+  methods: {
+    loadSchoolsFundingData() {
+      ApiService.apiAxios.get(`${Routes.sdc.FUNDING_DATA_URL}/${this.schoolID}`)
+        .then(response => {
+          this.funding = response.data;
+          this.funding.forEach(elem => {
+            if(elem) {
+              this.mapFundingData(elem);
+            }  
+          });
+          this.sortedFunding = sortBy(this.funding, ['displayOrder']);
+          let existingGrades = this.sortedFunding.map(grade => grade?.schoolGradeCode);
+          this.sortedGrades = sortBy(this.gradeCodes.filter(grade => !existingGrades.includes(grade?.schoolGradeCode)), ['displayOrder']);
+        }).catch(error => {
+          console.error(error);
+          this.setFailureAlert(error.response?.data?.message || error.message);
+        }).finally(() => {
+          this.loading = false;
+        });
+    },
+    mapFundingData(incomingFundingData) {
+      incomingFundingData.gradeLabel = this.gradeCodes?.find(grade => grade?.schoolGradeCode === incomingFundingData?.schoolGradeCode)?.label;
+      incomingFundingData.displayOrder = this.gradeCodes?.find(grade => grade?.schoolGradeCode === incomingFundingData?.schoolGradeCode)?.displayOrder;
+      incomingFundingData.fundingGroupLabel = this.fundingGroups?.find(group => group.schoolFundingGroupCode === incomingFundingData.schoolFundingGroupCode)?.label;
+      incomingFundingData.updateDate = this.formatDate(incomingFundingData.updateDate);
+    },
+    loadFundingGroups() {
+      ApiService.apiAxios.get(`${Routes.sdc.FUNDING_DATA_URL}`)
+        .then(response => {
+          this.fundingGroups = response.data;
+        }).catch(error => {
+          console.error(error);
+          this.setFailureAlert(error.response?.data?.message || error.message);
+        }).finally(() => {
+          this.loading = false;
+        });
+    },
+    getHistoricalCollectionsForSchool() {
+      ApiService.apiAxios.get(`${Routes.sdc.SDC_SCHOOL_COLLECTION}/${this.schoolID}`)
+        .then(response => {
+          this.pastCollections = response.data;
+          this.pastCollections.forEach(collection => {
+            collection.formattedCollectionOpenDate = this.formatDate(collection.collectionOpenDate);
+          });
+        }).catch(error => {
+          console.error(error);
+          this.setFailureAlert(error.response?.data?.message || error.message);
+        }).finally(() => {
+          this.loading = false;
+        });
+    },
+    formatDate(datetime) {
+      return formatDob(datetime.substring(0, 10), 'uuuu-MM-dd');
+    },
+    cancel() {
+      this.isEditing = false;
+      this.loadSchoolsFundingData();
+    },
+    save(item) {
+      this.loading = true;
+      const schoolFundingGroupID = item.item.raw.schoolFundingGroupID;
+        
+      ApiService.apiAxios.put(`${Routes.sdc.FUNDING_DATA_URL}/${this.schoolID}/funding/${schoolFundingGroupID}`, item.item.raw)
+        .then(() => {
+          this.setSuccessAlert('Success! The funding data has been updated for the school.');
+        }).catch(error => {
+          console.error(error);
+          this.setFailureAlert(error.response?.data?.message || error.message);
+        }).finally(() => {
+          this.loading = false;
+          this.isEditing = false;
+          this.loadSchoolsFundingData();
+        });
+    },
+    editRow(item) {
+      this.isEditing = true;
+      this.hoveredOveredRowID = item.item.raw.schoolGradeCode;
+    },
+    deleteRow(item) {
+      const opts = {
+        color: '#003366',
+        dense: false,
+        width: 400,
+        dark: true,
+        titleBold: true,
+        resolveText: 'Remove'
+      };
+      this.$refs.confirmationDialog.open('Please Confirm', 'Are you sure you want to remove this funding configuration?', opts)
+        .then((result) => {
+          if (!result) {
+            return;
+          }
+          this.loading = true;
+          const schoolFundingGroupID = item.item.raw.schoolFundingGroupID;
+          ApiService.apiAxios.delete(`${Routes.sdc.FUNDING_DATA_URL}/${this.schoolID}/funding/${schoolFundingGroupID}`)
+            .then(() => {
+              this.setSuccessAlert('Success! The funding data has been removed for the school.');
+            }).catch(error => {
+              console.error(error);
+              this.setFailureAlert(error.response?.data?.message || error.message);
+            }).finally(() => {
+              this.loading = false;
+              this.loadSchoolsFundingData();
+            });
+        });
+    },
+    getSnapshotData(collectionId){
+      this.loading = true;
+      this.showSnapshotData = true;
+      ApiService.apiAxios.get(`${Routes.sdc.FUNDING_DATA_URL}/snapshot/${this.schoolID}/${collectionId}`)
+        .then(response => {
+          this.snapshotData = response.data;
+          this.snapshotData.forEach(elem => {
+            if(elem) {
+              this.mapFundingData(elem);
+            }  
+          });
+          this.snapshotData = sortBy(this.snapshotData, ['displayOrder']);
+        }).catch(error => {
+          console.error(error);
+          this.setFailureAlert(error.response?.data?.message || error.message);
+        }).finally(() => {
+          this.loading = false;
+        });
+    },
+    addFunding() {
+      this.addFundingSheet = !this.addFundingSheet;
+    },
+    saveNewFundingData(fundingData) {
+      this.addFundingSheet = !this.addFundingSheet;      
+      this.loading = true;
+      
+      ApiService.apiAxios.post(`${Routes.sdc.FUNDING_DATA_URL}/${this.schoolID}`, fundingData)
+        .then(() => {
+          this.setSuccessAlert('Success! The funding data has been added for the school.');
+        }).catch(error => {
+          console.error(error);
+          this.setFailureAlert(error.response?.data?.message || error.message);
+        }).finally(() => {
+          this.loading = false;
+          this.loadSchoolsFundingData();
+        });
+    }
+
+  },
+};
+</script>
+  
+  <style scoped>
+    :deep(.v-data-table-footer) {
+      display: none;
+    }
+
+    .subHeading {
+    color: #38598a;
+}
+
+.icon-color {
+    color: rgb(0, 51, 102);
+}
+
+.add-funding {
+  text-align: end;
+}
+  </style>
+  
+  
diff --git a/frontend/src/utils/constants.js b/frontend/src/utils/constants.js
index 8113cb848..4d2650968 100644
--- a/frontend/src/utils/constants.js
+++ b/frontend/src/utils/constants.js
@@ -16,6 +16,7 @@ const nominalRollRoot= baseRoot+'/nominal-roll';
 const edxRoot= baseRoot+'/edx';
 const instituteRoot = baseRoot + '/institute';
 const cacheRoot = baseRoot + '/cache';
+const sdcRoot = baseRoot + '/sdc';
 
 let object = {
   LOGIN: authRoot + '/login',
@@ -165,6 +166,10 @@ let object = {
     PRIMARY_ACTIVATION_CODE_URL: edxRoot + '/users/activation-code/primary',
     NEW_SCHOOL_USER_ACTIVATION_INVITE: edxRoot + '/school-user-activation-invite',
     NEW_DISTRICT_USER_ACTIVATION_INVITE: edxRoot + '/district-user-activation-invite'
+  },
+  sdc: {
+    FUNDING_DATA_URL: sdcRoot + '/funding-groups',
+    SDC_SCHOOL_COLLECTION: sdcRoot + '/sdcSchoolCollection'
   }
 };
 
diff --git a/tools/config/update-configmap.sh b/tools/config/update-configmap.sh
index 1392f5ef1..5038110c1 100644
--- a/tools/config/update-configmap.sh
+++ b/tools/config/update-configmap.sh
@@ -278,7 +278,7 @@ BANNER_COLOR="$bannerColor"
 WEB_SOCKET_URL="wss://$SERVER_FRONTEND/api/socket"
 
 echo Creating config map $APP_NAME-backend-config-map
-oc create -n $PEN_NAMESPACE-$envValue configmap $APP_NAME-backend-config-map --from-literal=WEB_SOCKET_URL="$WEB_SOCKET_URL" --from-literal=BANNER_COLOR="$BANNER_COLOR" --from-literal=BANNER_ENVIRONMENT="$BANNER_ENVIRONMENT" --from-literal=TZ=$TZVALUE --from-literal=UI_PRIVATE_KEY="$UI_PRIVATE_KEY_VAL" --from-literal=SITEMINDER_LOGOUT_ENDPOINT="$siteMinderLogoutUrl" --from-literal=UI_PUBLIC_KEY="$UI_PUBLIC_KEY_VAL" --from-literal=ID=$APP_NAME-soam --from-literal=SECRET=$studentAdminClientSecret --from-literal=SERVER_FRONTEND=https://$SERVER_FRONTEND --from-literal=ISSUER=STUDENT_ADMIN_APPLICATION --from-literal=SOAM_PUBLIC_KEY="$formattedPublicKey" --from-literal=PEN_REQUEST_EMAIL_API_URL="http://student-profile-email-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/gmp" --from-literal=PEN_REQUEST_API_URL="http://pen-request-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/pen-request" --from-literal=DISCOVERY=https://$SOAM_KC/auth/realms/$SOAM_KC_REALM_ID/.well-known/openid-configuration --from-literal=KC_DOMAIN=https://$SOAM_KC/auth/realms/$SOAM_KC_REALM_ID --from-literal=PEN_DEMOGRAPHICS_URL="http://pen-demographics-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080" --from-literal=DIGITAL_ID_URL="http://digitalid-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/digital-id" --from-literal=STUDENT_API_URL="http://student-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student" --from-literal=LOG_LEVEL=info --from-literal=IDIR_IDP_HINT=keycloak_bcdevexchange_idir --from-literal=REDIS_HOST=redis --from-literal=REDIS_PORT=6379 --from-literal=STUDENT_PROFILE_API_URL="http://student-profile-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student-profile" --from-literal=SCHOOL_API_URL="http://school-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=STUDENT_PROFILE_EMAIL_API_URL="http://student-profile-email-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/ump" --from-literal=PROFILE_REQUEST_SAGA_API_URL="http://student-profile-saga-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student-profile-saga" --from-literal=NATS_URL="$NATS_URL" --from-literal=NATS_CLUSTER="$NATS_CLUSTER" --from-literal=UMP_ROLES="STUDENT_PROFILE_ADMIN,STUDENT_PROFILE_READ_ONLY" --from-literal=GMP_ROLES="STUDENT_ADMIN,STUDENT_ADMIN_READ_ONLY" --from-literal=STUDENT_SEARCH_ADMIN="STUDENT_SEARCH_ADMIN" --from-literal=STUDENT_SEARCH_ROLES="STUDENT_SEARCH_ADMIN,STUDENT_SEARCH_READ_ONLY" --from-literal=STUDENT_ADMIN_ADMINISTRATOR="STUDENT_ADMIN_ADMINISTRATOR" --from-literal=UMP_ROLE_ADMIN="STUDENT_PROFILE_ADMIN" --from-literal=GMP_ROLE_ADMIN="STUDENT_ADMIN" --from-literal=PEN_REQUEST_BATCH_ADMIN="PEN_REQUEST_BATCH_ADMIN" --from-literal=EDX_ADMIN="EDX_ADMIN" --from-literal=PEN_REQUEST_BATCH_API_URL="http://pen-reg-batch-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=PEN_MATCH_API_URL="http://pen-match-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/pen-match" --from-literal=SESSION_MAX_AGE=$sessionMaxAge --from-literal=TOKEN_EXPIRES_IN=$tokenExpiresIn --from-literal=SCHEDULER_CRON_STALE_SAGA_RECORD_REDIS="0/30 * * * * *" --from-literal=MIN_TIME_BEFORE_SAGA_IS_STALE_IN_SECONDS=10 --from-literal=PEN_SERVICES_API_URL="http://pen-services-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/pen-services" --from-literal=PEN_TRAX_API_URL="http://pen-trax-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=SLD_API_URL="http://sld-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=QUEUE_GROUP_NAME="student-admin-node-queue-group" --from-literal=STAN_ENABLED="true" --from-literal=NODE_ENV="openshift" --from-literal=SCHEDULER_CRON_DOC_TYPE_MIGRATION="$SCHEDULER_CRON_DOC_TYPE_MIGRATION" --from-literal=ENABLE_PRR_STUDENT_DEMOGRAPHICS="$ENABLE_PRR_STUDENT_DEMOGRAPHICS" --from-literal=NOMINAL_ROLL="NOMINAL_ROLL_EDIT" --from-literal=MACRO_API_URL="http://macro-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/macro" --from-literal=NOMINAL_ROLL_API_URL="http://pen-nominal-roll-api-main.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/nominal-roll" --from-literal=STUDENT_ANALYTICS_STUDENT_PROFILE="STUDENT_ANALYTICS_STUDENT_PROFILE" --from-literal=STUDENT_ANALYTICS_BATCH="STUDENT_ANALYTICS_BATCH" --from-literal=NOMINAL_ROLL_ROLES="NOMINAL_ROLL,NOMINAL_ROLL_EDIT" --from-literal=EDX_API_URL="http://edx-api-master.$EDX_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/edx" --from-literal=INSTITUTE_API_URL="http://institute-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/institute"  --from-literal=EDX_PEN_TEAM_ROLES="PEN_TEAM_ROLE" --dry-run -o yaml | oc apply -f -
+oc create -n $PEN_NAMESPACE-$envValue configmap $APP_NAME-backend-config-map --from-literal=WEB_SOCKET_URL="$WEB_SOCKET_URL" --from-literal=BANNER_COLOR="$BANNER_COLOR" --from-literal=BANNER_ENVIRONMENT="$BANNER_ENVIRONMENT" --from-literal=TZ=$TZVALUE --from-literal=UI_PRIVATE_KEY="$UI_PRIVATE_KEY_VAL" --from-literal=SITEMINDER_LOGOUT_ENDPOINT="$siteMinderLogoutUrl" --from-literal=UI_PUBLIC_KEY="$UI_PUBLIC_KEY_VAL" --from-literal=ID=$APP_NAME-soam --from-literal=SECRET=$studentAdminClientSecret --from-literal=SERVER_FRONTEND=https://$SERVER_FRONTEND --from-literal=ISSUER=STUDENT_ADMIN_APPLICATION --from-literal=SOAM_PUBLIC_KEY="$formattedPublicKey" --from-literal=PEN_REQUEST_EMAIL_API_URL="http://student-profile-email-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/gmp" --from-literal=PEN_REQUEST_API_URL="http://pen-request-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/pen-request" --from-literal=DISCOVERY=https://$SOAM_KC/auth/realms/$SOAM_KC_REALM_ID/.well-known/openid-configuration --from-literal=KC_DOMAIN=https://$SOAM_KC/auth/realms/$SOAM_KC_REALM_ID --from-literal=PEN_DEMOGRAPHICS_URL="http://pen-demographics-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080" --from-literal=DIGITAL_ID_URL="http://digitalid-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/digital-id" --from-literal=STUDENT_API_URL="http://student-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student" --from-literal=LOG_LEVEL=info --from-literal=IDIR_IDP_HINT=keycloak_bcdevexchange_idir --from-literal=REDIS_HOST=redis --from-literal=REDIS_PORT=6379 --from-literal=STUDENT_PROFILE_API_URL="http://student-profile-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student-profile" --from-literal=SCHOOL_API_URL="http://school-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=STUDENT_PROFILE_EMAIL_API_URL="http://student-profile-email-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/ump" --from-literal=PROFILE_REQUEST_SAGA_API_URL="http://student-profile-saga-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student-profile-saga" --from-literal=NATS_URL="$NATS_URL" --from-literal=NATS_CLUSTER="$NATS_CLUSTER" --from-literal=UMP_ROLES="STUDENT_PROFILE_ADMIN,STUDENT_PROFILE_READ_ONLY" --from-literal=GMP_ROLES="STUDENT_ADMIN,STUDENT_ADMIN_READ_ONLY" --from-literal=STUDENT_SEARCH_ADMIN="STUDENT_SEARCH_ADMIN" --from-literal=STUDENT_SEARCH_ROLES="STUDENT_SEARCH_ADMIN,STUDENT_SEARCH_READ_ONLY" --from-literal=STUDENT_ADMIN_ADMINISTRATOR="STUDENT_ADMIN_ADMINISTRATOR" --from-literal=UMP_ROLE_ADMIN="STUDENT_PROFILE_ADMIN" --from-literal=GMP_ROLE_ADMIN="STUDENT_ADMIN" --from-literal=PEN_REQUEST_BATCH_ADMIN="PEN_REQUEST_BATCH_ADMIN" --from-literal=EDX_ADMIN="EDX_ADMIN" --from-literal=PEN_REQUEST_BATCH_API_URL="http://pen-reg-batch-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=PEN_MATCH_API_URL="http://pen-match-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/pen-match" --from-literal=SESSION_MAX_AGE=$sessionMaxAge --from-literal=TOKEN_EXPIRES_IN=$tokenExpiresIn --from-literal=SCHEDULER_CRON_STALE_SAGA_RECORD_REDIS="0/30 * * * * *" --from-literal=MIN_TIME_BEFORE_SAGA_IS_STALE_IN_SECONDS=10 --from-literal=PEN_SERVICES_API_URL="http://pen-services-api-master.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/pen-services" --from-literal=PEN_TRAX_API_URL="http://pen-trax-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=SLD_API_URL="http://sld-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1" --from-literal=QUEUE_GROUP_NAME="student-admin-node-queue-group" --from-literal=STAN_ENABLED="true" --from-literal=NODE_ENV="openshift" --from-literal=SCHEDULER_CRON_DOC_TYPE_MIGRATION="$SCHEDULER_CRON_DOC_TYPE_MIGRATION" --from-literal=ENABLE_PRR_STUDENT_DEMOGRAPHICS="$ENABLE_PRR_STUDENT_DEMOGRAPHICS" --from-literal=NOMINAL_ROLL="NOMINAL_ROLL_EDIT" --from-literal=MACRO_API_URL="http://macro-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/macro" --from-literal=NOMINAL_ROLL_API_URL="http://pen-nominal-roll-api-main.$PEN_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/nominal-roll" --from-literal=STUDENT_ANALYTICS_STUDENT_PROFILE="STUDENT_ANALYTICS_STUDENT_PROFILE" --from-literal=STUDENT_ANALYTICS_BATCH="STUDENT_ANALYTICS_BATCH" --from-literal=NOMINAL_ROLL_ROLES="NOMINAL_ROLL,NOMINAL_ROLL_EDIT" --from-literal=EDX_API_URL="http://edx-api-master.$EDX_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/edx" --from-literal=SDC_API_URL="http://student-data-collection-api-master.$OPENSHIFT_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/student-data-collection" --from-literal=INSTITUTE_API_URL="http://institute-api-master.$COMMON_NAMESPACE-$envValue.svc.cluster.local:8080/api/v1/institute"  --from-literal=EDX_PEN_TEAM_ROLES="PEN_TEAM_ROLE" --dry-run -o yaml | oc apply -f -
 echo
 echo Setting environment variables for $APP_NAME-backend-$SOAM_KC_REALM_ID application
 oc -n $PEN_NAMESPACE-$envValue set env --from=configmap/$APP_NAME-backend-config-map dc/$APP_NAME-backend-$SOAM_KC_REALM_ID