diff --git a/README.md b/README.md
index fbc6aae71..431dafd48 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,17 @@ Then access http://localhost:8080/
 
 ## Contributors
 
+## SP24 
+- **Hannah Zhou** - Developer
+- **Nidhi Mylavarapu** - Developer
+- **Simon Ilincev** - Developer
+- **Zak Kent** - Dev Advisor
+- **Joanna Chen** - Designer
+- **Elizabeth Tang** - TPM
+- **Andrew Xu** - TPM
+- **Kaylin Chan** - PM
+- **Ilyssa Yan** - APM
+
 ### FA23
 - **Nidhi Mylavarapu** - Developer
 - **Simon Ilincev** - Developer
@@ -29,6 +40,7 @@ Then access http://localhost:8080/
 - **Miranda Yu** - Developer
 - **Elizabeth Tang** - Developer
 - **Pablo Raigoza** - Developer
+- **Andrew Xu** - Developer
 - **Michelle Dai** - Designer
 - **Joanna Chen** - Designer
 - **Jonathan Mak** - PMM
diff --git a/cypress/integration/test.spec.ts b/cypress/integration/test.spec.ts
index 83c4e3b46..a915c7257 100644
--- a/cypress/integration/test.spec.ts
+++ b/cypress/integration/test.spec.ts
@@ -17,6 +17,12 @@ before('Visit site logged in', () => {
   cy.wait(5000); // ensure the page has time to load
 });
 
+// Test to confirm that the new user walkthrough works as expected
+// Click through the initial explanation, then the 4 following steps, and finally the finishing page
+it('Click through new feature tour', () => {
+  cy.get('.introjs-nextbutton').click();
+});
+
 // Delete existing semesters to ensure existing data does not mess with tests
 it('Delete all existing semesters, if any exist', () => {
   const semesterMenus = '[data-cyId=semesterMenu]';
@@ -237,3 +243,14 @@ it('Minimize a semester', () => {
   cy.get('[data-cyId=semester-course]').should('be.visible');
   cy.get('[data-cyId=semester-addCourse]').should('be.visible');
 });
+
+it('Multiple plans dropdown open/close', () => {
+  // dropdown initially closed
+  cy.get('[data-cyId=multiplePlans-dropdown-content]').should('not.exist');
+  cy.get('[data-cyId=multiplePlans-dropdown-open]').click();
+  // dropdown opens
+  cy.get('[data-cyId=multiplePlans-dropdown-content]').should('be.visible');
+  cy.get('[data-cyId=multiplePlans-dropdown-close]').click();
+  // dropdown closed again
+  cy.get('[data-cyId=multiplePlans-dropdown-content]').should('not.exist');
+});
diff --git a/package.json b/package.json
index dd1bcdf91..616fa202d 100644
--- a/package.json
+++ b/package.json
@@ -100,4 +100,4 @@
     "not dead"
   ],
   "license": "AGPL-3.0"
-}
\ No newline at end of file
+}
diff --git a/scripts/migration/new-feature-migration.ts b/scripts/migration/new-feature-migration.ts
new file mode 100644
index 000000000..2c2642cbb
--- /dev/null
+++ b/scripts/migration/new-feature-migration.ts
@@ -0,0 +1,28 @@
+/* eslint-disable no-console */
+
+import { usernameCollection, onboardingDataCollection } from '../firebase-config';
+
+/**
+ * Perform migration of semester to plans with a list of semesters
+ */
+async function runOnUser(userEmail: string) {
+  await onboardingDataCollection.doc(userEmail).update({ sawNewFeature: false });
+}
+
+async function main() {
+  const userEmail = process.argv[2];
+  if (userEmail != null) {
+    await runOnUser(userEmail);
+    return;
+  }
+  const collection = await usernameCollection.get();
+  for (const { id } of collection.docs) {
+    console.group(`Running on ${id}...`);
+    // Intentionally await in a loop to have no interleaved console logs.
+    // eslint-disable-next-line no-await-in-loop
+    await runOnUser(id);
+    console.groupEnd();
+  }
+}
+
+main();
diff --git a/scripts/migration/plans-migration.ts b/scripts/migration/plans-migration.ts
new file mode 100644
index 000000000..8ed979f64
--- /dev/null
+++ b/scripts/migration/plans-migration.ts
@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+
+import { usernameCollection, semestersCollection } from '../firebase-config';
+
+/**
+ * Perform migration of semester to plans with a list of semesters
+ */
+async function runOnUser(userEmail: string) {
+  const semestersDoc = await semestersCollection.doc(userEmail).get();
+  const semesters = semestersDoc.data()?.semesters ?? [];
+  await semestersCollection.doc(userEmail).update({
+    plans: [{ name: 'Plan 1', semesters }],
+  });
+}
+
+async function main() {
+  const userEmail = process.argv[2];
+  if (userEmail != null) {
+    await runOnUser(userEmail);
+    return;
+  }
+  const collection = await usernameCollection.get();
+  for (const { id } of collection.docs) {
+    console.group(`Running on ${id}...`);
+    // Intentionally await in a loop to have no interleaved console logs.
+    // eslint-disable-next-line no-await-in-loop
+    await runOnUser(id);
+    console.groupEnd();
+  }
+}
+
+main();
diff --git a/scripts/track-users.ts b/scripts/track-users.ts
index dc956c277..999568a62 100644
--- a/scripts/track-users.ts
+++ b/scripts/track-users.ts
@@ -135,11 +135,11 @@ async function trackUsers() {
         return;
       }
 
-      const semesters = getFirstPlan(doc.data());
+      const plan = getFirstPlan(doc.data());
 
       let oldSemesterCount = 0;
       let newSemesterCount = 0;
-      semesters.forEach((semester: { year: number; season: string }) => {
+      plan.semesters.forEach((semester: { year: number; season: string }) => {
         if (isOld(semester)) {
           oldSemesterCount += 1;
         } else {
@@ -152,7 +152,7 @@ async function trackUsers() {
         activeUsersCount += 1;
       }
 
-      numSemestersPerUser.push(semesters.length);
+      numSemestersPerUser.push(plan.semesters.length);
       oldSemesters.push(oldSemesterCount);
       newSemesters.push(newSemesterCount);
     });
diff --git a/src/assets/images/editplan.svg b/src/assets/images/editplan.svg
new file mode 100644
index 000000000..470eb4545
--- /dev/null
+++ b/src/assets/images/editplan.svg
@@ -0,0 +1,4 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4741 3.43759L15.5921 5.3705M14.8361 1.73476L9.10901 6.96376C8.8131 7.23357 8.61128 7.57732 8.52901 7.95168L8 10.3694L10.648 9.88551C11.058 9.81064 11.434 9.62711 11.73 9.35685L17.4571 4.12785C17.6292 3.97072 17.7657 3.78417 17.8589 3.57887C17.952 3.37357 17.9999 3.15352 17.9999 2.9313C17.9999 2.70909 17.952 2.48904 17.8589 2.28374C17.7657 2.07844 17.6292 1.89189 17.4571 1.73476C17.285 1.57763 17.0807 1.45298 16.8558 1.36794C16.631 1.2829 16.39 1.23914 16.1466 1.23914C15.9032 1.23914 15.6622 1.2829 15.4373 1.36794C15.2125 1.45298 15.0082 1.57763 14.8361 1.73476V1.73476Z" stroke="#636363" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.0002 12.1956V14.9347C16.0002 15.419 15.7894 15.8835 15.4144 16.226C15.0393 16.5684 14.5306 16.7608 14.0001 16.7608H3.00002C2.46958 16.7608 1.96087 16.5684 1.58579 16.226C1.21072 15.8835 1 15.419 1 14.9347V4.89124C1 4.40693 1.21072 3.94246 1.58579 3.6C1.96087 3.25755 2.46958 3.06516 3.00002 3.06516H6.00005" stroke="#636363" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Course/CourseCaution.vue b/src/components/Course/CourseCaution.vue
index 0ef5f2efa..0a978eaf6 100644
--- a/src/components/Course/CourseCaution.vue
+++ b/src/components/Course/CourseCaution.vue
@@ -98,7 +98,8 @@ const getCourseCautions = (
     isPlaceholderCourse(course) &&
     ((!store.state.orderByNewest && semesterIndex !== course.startingSemester) ||
       (store.state.orderByNewest &&
-        store.state.semesters.length - semesterIndex + 1 !== course.startingSemester));
+        store.getters.getCurrentPlanSemesters.length - semesterIndex + 1 !==
+          course.startingSemester));
   return {
     noMatchedRequirement,
     typicallyOfferedWarning,
diff --git a/src/components/Modals/EditSemester.vue b/src/components/Modals/EditSemester.vue
index 8703e37e9..e1bc36508 100644
--- a/src/components/Modals/EditSemester.vue
+++ b/src/components/Modals/EditSemester.vue
@@ -46,7 +46,7 @@ export default defineComponent({
   },
   computed: {
     semesters(): readonly FirestoreSemester[] {
-      return store.state.semesters;
+      return store.getters.getCurrentPlanSemesters;
     },
   },
   methods: {
diff --git a/src/components/Modals/MultiplePlans/AddPlanModal.vue b/src/components/Modals/MultiplePlans/AddPlanModal.vue
new file mode 100644
index 000000000..8736b395d
--- /dev/null
+++ b/src/components/Modals/MultiplePlans/AddPlanModal.vue
@@ -0,0 +1,71 @@
+<template>
+  <teleport-modal
+    title="Copy Plan?"
+    content-class="content-plan"
+    left-button-text="Create Blank"
+    right-button-text="Make a Copy"
+    @modal-closed="closeCurrentModal"
+    @left-button-clicked="blankPlan"
+    @right-button-clicked="copyPlan"
+    :isPlanModal="true"
+  >
+    Would you like to copy an existing plan or create a blank one?
+  </teleport-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import store from '@/store';
+import TeleportModal from '@/components/Modals/TeleportModal.vue';
+
+export default defineComponent({
+  components: { TeleportModal },
+  emits: {
+    'close-plan-modal': () => true,
+    'open-copy-modal': () => true,
+    'add-plan': (name: string) => typeof name === 'string',
+  },
+  computed: {
+    placeholder_name() {
+      const oldplans = store.state.plans.map(plan => plan.name);
+      let newplannum = 1;
+      // eslint-disable-next-line no-loop-func
+      while (oldplans.find(p => p === `New Plan ${newplannum}`)) {
+        newplannum += 1;
+      }
+      return `New Plan ${newplannum}`;
+    },
+  },
+  data() {
+    return { isDisabled: false, isCopyPlanOpen: false };
+  },
+  methods: {
+    closeCurrentModal() {
+      this.$emit('close-plan-modal');
+    },
+    blankPlan() {
+      this.$emit('close-plan-modal');
+      this.$emit('add-plan', this.placeholder_name);
+    },
+    copyPlan() {
+      this.$emit('open-copy-modal');
+      this.$emit('close-plan-modal');
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+.content-plan {
+  width: 20rem;
+}
+
+.modal {
+  &--block {
+    display: block;
+  }
+  &--flex {
+    display: flex;
+  }
+}
+</style>
diff --git a/src/components/Modals/MultiplePlans/CopyPlanModal.vue b/src/components/Modals/MultiplePlans/CopyPlanModal.vue
new file mode 100644
index 000000000..0169e1d2f
--- /dev/null
+++ b/src/components/Modals/MultiplePlans/CopyPlanModal.vue
@@ -0,0 +1,124 @@
+<template>
+  <teleport-modal
+    title="Copy a Plan"
+    content-class="content-plan"
+    left-button-text="Back"
+    right-button-text="Copy Plan"
+    @modal-closed="closeCurrentModal"
+    @left-button-clicked="backAddPlan"
+    @right-button-clicked="namePlan"
+  >
+    <div class="selectPlan">
+      <label class="selectPlan-label">Copy Plan</label>
+      <div class="selectPlan-dropdown">
+        <div class="multiplePlansModal-dropdown">
+          <div
+            class="multiplePlansModal-dropdown-placeholder wrapper"
+            @click="closeDropdownIfOpen()"
+          >
+            <div class="multiplePlansModal-dropdown-placeholder plan">{{ selectedPlan }}</div>
+            <img
+              class="multiplePlansModal-dropdown-placeholder up-arrow"
+              v-if="shown"
+              alt="close dropdown"
+            />
+            <img
+              class="multiplePlansModal-dropdown-placeholder down-arrow"
+              v-else
+              alt="open dropdown"
+            />
+          </div>
+          <div class="multiplePlansModal-dropdown-content" v-if="shown" :class="shown">
+            <div
+              v-for="otherPlan in otherPlans"
+              class="multiplePlansModal-dropdown-content item"
+              :key="otherPlan"
+              @click="planClicked(otherPlan)"
+            >
+              {{ otherPlan }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </teleport-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import TeleportModal from '@/components/Modals/TeleportModal.vue';
+import store from '@/store';
+
+export default defineComponent({
+  props: {
+    plan: { type: String, default: 'No additional plans yet' },
+  },
+  components: { TeleportModal },
+  emits: {
+    'close-copy-modal': () => true,
+    'open-plan-modal': () => true,
+    'open-name-modal': () => true,
+    'copy-plan': (selectedPlan: string) => typeof selectedPlan === 'string',
+  },
+  data() {
+    return { isDisabled: false, shown: false, selectedPlan: store.state.currentPlan.name };
+  },
+  methods: {
+    closeCurrentModal() {
+      this.$emit('close-copy-modal');
+    },
+    closeDropdownIfOpen() {
+      this.shown = !this.shown;
+    },
+    planClicked(plan: string) {
+      if (this.plans.length !== 1) this.selectedPlan = plan;
+    },
+    backAddPlan() {
+      this.$emit('open-plan-modal');
+      this.$emit('close-copy-modal');
+    },
+    namePlan() {
+      this.$emit('open-name-modal');
+      this.$emit('copy-plan', this.selectedPlan);
+      this.$emit('close-copy-modal');
+    },
+  },
+  computed: {
+    otherPlans() {
+      const filtered = this.plans.filter(plan => plan !== this.selectedPlan);
+      return filtered.length === 0 ? ['No additional plans yet'] : filtered;
+    },
+    plans() {
+      return store.state.plans.map(plan => plan.name);
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@import '@/components/Modals/MultiplePlans/PlanModalDropdown.scss';
+.selectPlan {
+  height: 6rem;
+  &-label {
+    position: relative;
+    top: 0.5rem;
+  }
+  &-dropdown {
+    top: 0.5rem;
+    position: relative;
+  }
+}
+
+.content-plan {
+  width: 20rem;
+}
+
+.modal {
+  &--block {
+    display: block;
+  }
+  &--flex {
+    display: flex;
+  }
+}
+</style>
diff --git a/src/components/Modals/MultiplePlans/EditPlanModal.vue b/src/components/Modals/MultiplePlans/EditPlanModal.vue
new file mode 100644
index 000000000..47925c6df
--- /dev/null
+++ b/src/components/Modals/MultiplePlans/EditPlanModal.vue
@@ -0,0 +1,119 @@
+<template>
+  <text-input-modal
+    title="Edit Plan"
+    content-class="content-plan"
+    left-button-text="Cancel"
+    right-button-text="Save Changes"
+    @modal-closed="closeCurrentModal"
+    @left-button-clicked="closeCurrentModal"
+    @right-button-clicked="saveChanges"
+    @plan-name="setPlanName"
+    @warn-state="isWarn"
+    :placeholderPlan="currPlan"
+    :rightButtonIsDisabled="canSave"
+    :isPlanModal="true"
+    label="Name"
+  >
+    <button class="editPlan-delete" @click="deletePlan" :disabled="!canDelete">DELETE PLAN</button>
+  </text-input-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import store from '@/store';
+import TextInputModal from './TextInputModal.vue';
+
+export default defineComponent({
+  props: {
+    plan: { type: String, default: 'No additional plans yet' },
+  },
+  components: { TextInputModal },
+  emits: {
+    'close-edit-modal': () => true,
+    'open-copy-modal': () => true,
+    'delete-plan': (name: string) => typeof name === 'string',
+    'edit-plan': (name: string, oldname: string) =>
+      typeof name === 'string' && typeof oldname === 'string',
+  },
+  data() {
+    return { isDisabled: false, shown: false, planName: '', warn: true };
+  },
+  methods: {
+    closeCurrentModal() {
+      this.$emit('close-edit-modal');
+    },
+    backCopyPlan() {
+      this.$emit('open-copy-modal');
+      this.$emit('close-edit-modal');
+    },
+    saveChanges() {
+      if (!this.warn) {
+        this.$emit('edit-plan', this.planName, this.currPlan);
+        this.$emit('close-edit-modal');
+      }
+    },
+    deletePlan() {
+      this.$emit('delete-plan', this.currPlan);
+      this.$emit('close-edit-modal');
+    },
+    setPlanName(planName: string) {
+      this.planName = planName;
+    },
+    isWarn(warn: boolean) {
+      this.warn = warn;
+    },
+  },
+  computed: {
+    otherPlans() {
+      const filtered = this.plans.filter(plan => plan !== this.currPlan);
+      return filtered.length === 0 ? ['No additional plans yet'] : filtered;
+    },
+    plans() {
+      return store.state.plans.map(plan => plan.name);
+    },
+    currPlan() {
+      return store.state.currentPlan.name;
+    },
+    canDelete() {
+      return store.state.plans.length > 1;
+    },
+    canSave() {
+      return this.warn;
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@import '@/components/Modals/MultiplePlans/PlanModalDropdown.scss';
+
+.editPlan {
+  &-delete {
+    position: relative;
+    bottom: 0.25rem;
+    width: 100%;
+    color: $primary;
+    font-weight: 800;
+    text-decoration: underline;
+    &:disabled {
+      color: $disabledGray;
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+}
+
+.content-plan {
+  width: 20rem;
+}
+
+.modal {
+  &--block {
+    display: block;
+  }
+  &--flex {
+    display: flex;
+  }
+}
+</style>
diff --git a/src/components/Modals/MultiplePlans/NamePlanModal.vue b/src/components/Modals/MultiplePlans/NamePlanModal.vue
new file mode 100644
index 000000000..c85d0e7ca
--- /dev/null
+++ b/src/components/Modals/MultiplePlans/NamePlanModal.vue
@@ -0,0 +1,99 @@
+<template>
+  <text-input-modal
+    title="Name Plan"
+    content-class="content-plan"
+    left-button-text="Back"
+    right-button-text="Add Plan"
+    label="Name"
+    @plan-name="copyPlanName"
+    @modal-closed="closeCurrentModal"
+    @left-button-clicked="backCopyPlan"
+    @right-button-clicked="addPlan"
+    @warn-state="isWarn"
+    :placeholderPlan="selectedPlan"
+    :rightButtonIsDisabled="canSave"
+  >
+  </text-input-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import store from '@/store';
+import TextInputModal from './TextInputModal.vue';
+
+export default defineComponent({
+  props: {
+    plan: { type: String, default: 'No additional plans yet' },
+    selectedPlanCopy: { type: String, default: '' },
+  },
+  components: { TextInputModal },
+  emits: {
+    'close-name-modal': () => true,
+    'open-copy-modal': () => true,
+    'add-plan': (name: string, copysem: string) =>
+      typeof name === 'string' && typeof copysem === 'string',
+  },
+  data() {
+    return { isDisabled: false, shown: false, planName: '', warn: true };
+  },
+  methods: {
+    closeCurrentModal() {
+      this.$emit('close-name-modal');
+    },
+    closeDropdownIfOpen() {
+      this.shown = !this.shown;
+    },
+    backCopyPlan() {
+      this.$emit('open-copy-modal');
+      this.$emit('close-name-modal');
+    },
+    addPlan() {
+      if (!this.warn) {
+        this.$emit('add-plan', this.planName, this.selectedPlanCopy);
+        this.$emit('close-name-modal');
+      }
+    },
+    copyPlanName(planName: string) {
+      this.planName = planName;
+    },
+    isWarn(warn: boolean) {
+      this.warn = warn;
+    },
+  },
+  computed: {
+    otherPlans() {
+      const filtered = this.plans.filter(plan => plan !== this.currPlan);
+      return filtered.length === 0 ? ['No additional plans yet'] : filtered;
+    },
+    plans() {
+      return store.state.plans.map(plan => plan.name);
+    },
+    currPlan() {
+      return store.state.currentPlan.name;
+    },
+    canSave() {
+      return this.warn;
+    },
+    selectedPlan() {
+      return `${this.selectedPlanCopy} copy`;
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@import '@/components/Modals/MultiplePlans/PlanModalDropdown.scss';
+
+.content-plan {
+  width: 20rem;
+}
+
+.modal {
+  &--block {
+    display: block;
+  }
+  &--flex {
+    display: flex;
+  }
+}
+</style>
diff --git a/src/components/Modals/MultiplePlans/PlanModalDropdown.scss b/src/components/Modals/MultiplePlans/PlanModalDropdown.scss
new file mode 100644
index 000000000..73fff3b5a
--- /dev/null
+++ b/src/components/Modals/MultiplePlans/PlanModalDropdown.scss
@@ -0,0 +1,74 @@
+@import '@/assets/scss/_variables.scss';
+
+.multiplePlansModal-dropdown {
+  &-placeholder {
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+
+    color: $darkPlaceholderGray;
+
+    background: transparent;
+
+    &.wrapper {
+      position: relative;
+      height: 2rem;
+      border-radius: 2px;
+      border: 1px solid $darkPlaceholderGray;
+      cursor: pointer;
+    }
+
+    &.plan {
+      width: 100%;
+      padding-left: 10px;
+    }
+
+    &.down-arrow {
+      position: relative;
+      right: 7%;
+      width: 6.24px;
+      height: 6.24px;
+      border-left: 6.24px solid transparent;
+      border-right: 6.24px solid transparent;
+      border-top: 6.24px solid $darkPlaceholderGray;
+    }
+
+    &.up-arrow {
+      position: relative;
+      right: 7%;
+      width: 6.24px;
+      height: 6.24px;
+      border-left: 6.24px solid transparent;
+      border-right: 6.24px solid transparent;
+      border-top: 6.24px solid $darkPlaceholderGray;
+      transform: rotate(180deg);
+    }
+  }
+
+  &-content {
+    width: 100%;
+    z-index: 100;
+    max-height: 8rem;
+    border-radius: 2px;
+    &.item {
+      border: 1px solid $darkPlaceholderGray;
+      z-index: 150;
+      background-color: white;
+      height: 2rem;
+      font-size: 14px;
+      line-height: 16px;
+      display: flex;
+      align-items: center;
+      color: $darkPlaceholderGray;
+      padding-left: 10px;
+    }
+    &.item:hover {
+      background-color: $searchBoxHoverGray;
+      opacity: 1;
+      cursor: pointer;
+    }
+  }
+}
diff --git a/src/components/Modals/MultiplePlans/TextInputModal.vue b/src/components/Modals/MultiplePlans/TextInputModal.vue
new file mode 100644
index 000000000..90f46a237
--- /dev/null
+++ b/src/components/Modals/MultiplePlans/TextInputModal.vue
@@ -0,0 +1,89 @@
+<template>
+  <teleport-modal content-class="content-plan">
+    <div class="textInput">
+      <label class="textInput-label">{{ label }}</label>
+      <div class="textInput-wrapper">
+        <input
+          class="textInput-userinput"
+          maxlength="15"
+          v-model="planName"
+          :placeholder="placeholderPlan"
+          @input="rightPlanClicked"
+          @keydown.delete="rightPlanClicked"
+        />
+      </div>
+      <slot />
+    </div>
+  </teleport-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import TeleportModal from '@/components/Modals/TeleportModal.vue';
+import store from '@/store';
+
+export default defineComponent({
+  props: {
+    label: { type: String, default: '' },
+    placeholderPlan: { type: String, default: '' },
+  },
+  components: { TeleportModal },
+  emits: {
+    'plan-name': (planName: string) => typeof planName === 'string',
+    'warn-state': (warn: boolean) => typeof warn === 'boolean',
+  },
+  methods: {
+    rightPlanClicked(): void {
+      this.$emit('plan-name', this.planName);
+      this.$emit('warn-state', this.ifWarn);
+    },
+  },
+  data() {
+    return { isDisabled: false, shown: false, planName: '' };
+  },
+  computed: {
+    ifWarn() {
+      return store.state.plans.some(plan => plan.name === this.planName) || !this.planName;
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@import '@/components/Modals/MultiplePlans/PlanModalDropdown.scss';
+
+.textInput {
+  &-label {
+    font-weight: bold;
+    top: 0.5rem;
+    position: relative;
+  }
+  &-wrapper {
+    height: 4.2rem;
+  }
+  &-userinput {
+    border: 1px solid $darkPlaceholderGray;
+    top: 0.5rem;
+    position: relative;
+    width: 100%;
+    height: 2rem;
+    padding-left: 0.5rem;
+    &::placeholder {
+      color: $darkPlaceholderGray;
+    }
+  }
+}
+
+.content-plan {
+  width: 20rem;
+}
+
+.modal {
+  &--block {
+    display: block;
+  }
+  &--flex {
+    display: flex;
+  }
+}
+</style>
diff --git a/src/components/Modals/NewSemesterModal.vue b/src/components/Modals/NewSemesterModal.vue
index cd956e6f8..f493e5aea 100644
--- a/src/components/Modals/NewSemesterModal.vue
+++ b/src/components/Modals/NewSemesterModal.vue
@@ -37,7 +37,7 @@ export default defineComponent({
   },
   computed: {
     semesters(): readonly FirestoreSemester[] {
-      return store.state.semesters;
+      return store.getters.getCurrentPlanSemesters;
     },
   },
   methods: {
diff --git a/src/components/Modals/Onboarding/Onboarding.vue b/src/components/Modals/Onboarding/Onboarding.vue
index aea70a69d..8ac3ed32d 100644
--- a/src/components/Modals/Onboarding/Onboarding.vue
+++ b/src/components/Modals/Onboarding/Onboarding.vue
@@ -124,6 +124,7 @@ import {
 import timeline1Text from '@/assets/images/timeline1text.svg';
 import timeline2Text from '@/assets/images/timeline2text.svg';
 import timeline3Text from '@/assets/images/timeline3text.svg';
+import store from '@/store';
 
 const timelineTexts = [timeline1Text, timeline2Text, timeline3Text];
 
@@ -251,7 +252,7 @@ export default defineComponent({
       this.clearTransferCreditIfGraduate();
       setAppOnboardingData(this.name, revised);
       // indicates first time user onboarding
-      if (!this.isEditingProfile) populateSemesters(revised);
+      if (!this.isEditingProfile) populateSemesters(store.state.currentPlan, revised);
       this.$emit('onboard');
     },
     goBack() {
diff --git a/src/components/Modals/TeleportModal.vue b/src/components/Modals/TeleportModal.vue
index 0d64dff06..b5a0ff04a 100644
--- a/src/components/Modals/TeleportModal.vue
+++ b/src/components/Modals/TeleportModal.vue
@@ -23,7 +23,12 @@
         </div>
         <slot class="modal-body"></slot>
         <div v-if="!isSimpleModal" class="modal-buttonWrapper">
-          <button v-if="leftButtonText" class="modal-button" @click="leftButtonClicked">
+          <button
+            :class="{ 'modal-button--big': isPlanModal }"
+            v-if="leftButtonText"
+            class="modal-button"
+            @click="leftButtonClicked"
+          >
             {{ leftButtonText }}
           </button>
           <button
@@ -31,6 +36,7 @@
             :class="{
               'modal-button--disabled': rightButtonIsDisabled,
               'modal-button--highlighted': rightButtonIsHighlighted,
+              'modal-button--big': isPlanModal,
             }"
             @click="rightButtonClicked"
             data-cyId="modal-button"
@@ -49,83 +55,67 @@
     </div>
   </Teleport>
 </template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
+<script lang="ts">
+import { defineComponent, ref, PropType } from 'vue';
 import store from '@/store';
 
-type Props = {
-  title?: string;
-  contentClass: string;
-  leftButtonText?: string;
-  rightButtonText?: string;
-  rightButtonImage?: string;
-  rightButtonAlt?: string;
-  rightButtonIsDisabled?: boolean;
-  rightButtonIsHighlighted?: boolean;
-  /** `true` if the modal will set its own styling for its position */
-  isSimpleModal?: boolean;
-  /** `true` for modals without the gray overlay behind them */
-  hasNoBackground?: boolean;
-  /** modals without a gray overlay behind them AND clicking on the background closes the modal */
-  hasClickableTransparentBackground?: boolean;
-  /** `true` if you want to set custom position for modal */
-  hasCustomPosition?: boolean;
-  /** custom position (hasCustomPosition must be true) */
-  position?: { x: number; y: number };
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  title: '',
-  leftButtonText: '',
-  rightButtonText: '',
-  rightButtonImage: '',
-  rightButtonAlt: '',
-  rightButtonIsDisabled: false,
-  rightButtonIsHighlighted: false,
-  isSimpleModal: false,
-  hasNoBackground: false,
-  hasClickableTransparentBackground: false,
-  hasCustomPosition: false,
-  position: () => ({ x: 0, y: 0 }),
+export default defineComponent({
+  props: {
+    title: { type: String, default: '' },
+    contentClass: { type: String, required: true },
+    leftButtonText: { type: String, default: '' },
+    rightButtonText: { type: String, default: '' },
+    rightButtonImage: { type: String, default: '' },
+    rightButtonAlt: { type: String, default: '' },
+    rightButtonIsDisabled: { type: Boolean, default: false },
+    rightButtonIsHighlighted: { type: Boolean, default: false },
+    isSimpleModal: { type: Boolean, default: false }, // true if the modal will set its own styling for its position
+    hasNoBackground: { type: Boolean, default: false }, // true for modals without the gray overlay behind them
+    hasClickableTransparentBackground: { type: Boolean, default: false }, // modals without a gray overlay behind them AND clicking on the background closes the modal
+    hasCustomPosition: { type: Boolean, default: false }, // true if you want to set custom position for modal
+    isPlanModal: { type: Boolean, default: false },
+    position: {
+      type: Object as PropType<{ x: number; y: number }>,
+      default: () => ({ x: 0, y: 0 }),
+    }, // custom position (hasCustomPosition must be true)
+  },
+  data() {
+    const customPosition = this.hasCustomPosition
+      ? {
+          left: `${this.position.x}px`,
+          top: `${this.position.y}px`,
+        }
+      : {};
+    return {
+      customPosition,
+    };
+  },
+  emits: ['left-button-clicked', 'right-button-clicked', 'modal-closed'],
+  setup(props, { emit }) {
+    const modalBackground = ref((null as unknown) as HTMLDivElement);
+
+    const close = () => {
+      store.commit('setIsTeleportModalOpen', false);
+      emit('modal-closed', true);
+    };
+
+    const closeOnClickOutside = (e: MouseEvent) => {
+      if (e.target === modalBackground.value) close();
+    };
+
+    const leftButtonClicked = () => {
+      emit('left-button-clicked');
+    };
+
+    const rightButtonClicked = () => {
+      emit('right-button-clicked');
+    };
+
+    store.commit('setIsTeleportModalOpen', true);
+
+    return { close, closeOnClickOutside, leftButtonClicked, rightButtonClicked, modalBackground };
+  },
 });
-
-type Emits = {
-  (e: 'left-button-clicked'): void;
-  (e: 'right-button-clicked'): void;
-  (e: 'modal-closed', closed: boolean): void;
-};
-
-const emit = defineEmits<Emits>();
-
-const close = () => {
-  store.commit('setIsTeleportModalOpen', false);
-  emit('modal-closed', true);
-};
-
-const modalBackground = ref<HTMLDivElement | null>(null);
-
-const closeOnClickOutside = (e: MouseEvent) => {
-  if (e.target === modalBackground.value) close();
-};
-
-const leftButtonClicked = () => {
-  emit('left-button-clicked');
-};
-
-const rightButtonClicked = () => {
-  emit('right-button-clicked');
-};
-
-const customPosition = computed(() => {
-  const {
-    hasCustomPosition,
-    position: { x, y },
-  } = props;
-  return hasCustomPosition ? { left: `${x}px`, top: `${y}px` } : {};
-});
-
-store.commit('setIsTeleportModalOpen', true);
 </script>
 
 <style scoped lang="scss">
@@ -228,6 +218,10 @@ store.commit('setIsTeleportModalOpen', true);
     &--highlighted {
       border: 2px solid $error;
     }
+
+    &--big {
+      width: 7rem;
+    }
   }
 }
 
diff --git a/src/components/Requirements/CompletedSubReqCourse.vue b/src/components/Requirements/CompletedSubReqCourse.vue
index 9f30bd150..504611442 100644
--- a/src/components/Requirements/CompletedSubReqCourse.vue
+++ b/src/components/Requirements/CompletedSubReqCourse.vue
@@ -68,7 +68,7 @@ export default defineComponent({
   }),
   computed: {
     semesters(): readonly FirestoreSemester[] {
-      return store.state.semesters;
+      return store.getters.getCurrentPlanSemesters;
     },
     isTransferCredit(): boolean {
       const { uniqueId } = this.courseTaken;
@@ -111,7 +111,8 @@ export default defineComponent({
           deleteTransferCredit(this.courseTaken.code);
         } else {
           const { uniqueId } = this.courseTaken;
-          if (typeof uniqueId === 'number') deleteCourseFromSemesters(uniqueId, this.$gtag);
+          if (typeof uniqueId === 'number')
+            deleteCourseFromSemesters(store.state.currentPlan, uniqueId, this.$gtag);
         }
       }
     },
diff --git a/src/components/Requirements/IncompleteSelfCheck.vue b/src/components/Requirements/IncompleteSelfCheck.vue
index f897a06b1..90e752cda 100644
--- a/src/components/Requirements/IncompleteSelfCheck.vue
+++ b/src/components/Requirements/IncompleteSelfCheck.vue
@@ -77,7 +77,10 @@ export default defineComponent({
     // and courses that do not fulfill the requirement checker
     selfCheckCourses(): Record<string, FirestoreSemesterCourse> {
       const courses: Record<string, FirestoreSemesterCourse> = {};
-      store.state.semesters
+      (
+        store.state.plans.find(p => p === store.state.currentPlan)?.semesters ??
+        store.state.plans[0].semesters
+      )
         .flatMap(it => it.courses)
         .forEach(course => {
           if (
@@ -165,6 +168,7 @@ export default defineComponent({
       this.showDropdown = false;
       const newCourse = cornellCourseRosterCourseToFirebaseSemesterCourseWithGlobalData(course);
       addCourseToSemester(
+        store.state.currentPlan,
         year,
         season,
         newCourse,
diff --git a/src/components/Requirements/MultiplePlansDropdown.scss b/src/components/Requirements/MultiplePlansDropdown.scss
new file mode 100644
index 000000000..75b4fc561
--- /dev/null
+++ b/src/components/Requirements/MultiplePlansDropdown.scss
@@ -0,0 +1,84 @@
+@import '@/assets/scss/_variables.scss';
+
+.multiplePlans-dropdown {
+  display: flex;
+  flex-direction: column;
+
+  &-placeholder {
+    height: 100%;
+    font-size: 16px;
+    font-weight: bold;
+    margin-left: 0.25rem;
+    display: flex;
+    align-items: center;
+
+    color: $lightPlaceholderGray;
+
+    background: transparent;
+
+    &.wrapper {
+      position: relative;
+      right: 0.25rem;
+      width: 90%;
+      height: 2.5rem;
+      border-radius: 2px;
+      border: 1px solid $lightPlaceholderGray;
+      cursor: pointer;
+    }
+
+    &.plan {
+      padding-left: 0.5rem;
+      width: 100%;
+    }
+
+    &.down-arrow {
+      position: relative;
+      right: 7%;
+      width: 6.24px;
+      height: 6.24px;
+      border-left: 6.24px solid transparent;
+      border-right: 6.24px solid transparent;
+      border-top: 6.24px solid $lightPlaceholderGray;
+    }
+
+    &.up-arrow {
+      position: relative;
+      right: 7%;
+      width: 6.24px;
+      height: 6.24px;
+      border-left: 6.24px solid transparent;
+      border-right: 6.24px solid transparent;
+      border-top: 6.24px solid $lightPlaceholderGray;
+      transform: rotate(180deg);
+    }
+
+    &.editimg {
+      padding-left: 10px;
+      height: 15px;
+    }
+  }
+
+  &-content {
+    z-index: 100;
+    max-height: 8rem;
+    border-radius: 2px;
+    &.item {
+      width: 90%;
+      border: 1px solid $lightPlaceholderGray;
+      z-index: 150;
+      background-color: white;
+      height: 2.5rem;
+      font-size: 16px;
+      line-height: 16px;
+      display: flex;
+      align-items: center;
+      color: $lightPlaceholderGray;
+      padding-left: 10px;
+    }
+    &.item:hover {
+      background-color: $searchBoxHoverGray;
+      opacity: 1;
+      cursor: pointer;
+    }
+  }
+}
diff --git a/src/components/Requirements/MultiplePlansDropdown.vue b/src/components/Requirements/MultiplePlansDropdown.vue
new file mode 100644
index 000000000..347ea0676
--- /dev/null
+++ b/src/components/Requirements/MultiplePlansDropdown.vue
@@ -0,0 +1,103 @@
+<template>
+  <div>
+    <div class="multiplePlans-dropdown">
+      <div class="multiplePlans-dropdown-placeholder wrapper" @click="closeDropdownIfOpen()">
+        <button>
+          <img
+            :src="editPlan"
+            class="multiplePlans-dropdown-placeholder editimg"
+            alt="edit plans"
+            @click="
+              toggleEditPlan();
+              closeDropdownIfOpen();
+            "
+          />
+        </button>
+        <div class="multiplePlans-dropdown-placeholder plan">{{ currPlan }}</div>
+        <img
+          class="multiplePlans-dropdown-placeholder up-arrow"
+          v-if="shown"
+          alt="close dropdown"
+          data-cyId="multiplePlans-dropdown-close"
+        />
+        <img
+          class="multiplePlans-dropdown-placeholder down-arrow"
+          v-else
+          alt="open dropdown"
+          data-cyId="multiplePlans-dropdown-open"
+        />
+      </div>
+      <div
+        class="multiplePlans-dropdown-content"
+        v-if="shown"
+        data-cyId="multiplePlans-dropdown-content"
+        :class="shown"
+      >
+        <div
+          v-for="otherPlan in otherPlans"
+          class="multiplePlans-dropdown-content item"
+          :key="otherPlan"
+          @click="planClicked(otherPlan)"
+        >
+          {{ otherPlan }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import editPlan from '@/assets/images/editplan.svg';
+import store from '@/store';
+
+export default defineComponent({
+  props: {
+    plan: { type: String, default: 'No additional plans yet' },
+  },
+  emits: {
+    'open-edit-modal': () => true,
+  },
+  data() {
+    return {
+      shown: false,
+      editPlan,
+    };
+  },
+  computed: {
+    otherPlans() {
+      const filtered = this.plans.filter(plan => plan !== this.currPlan);
+      return filtered.length === 0 ? ['No additional plans yet'] : filtered;
+    },
+    plans() {
+      return store.state.plans.map(plan => plan.name);
+    },
+    currPlan() {
+      return store.state.currentPlan.name;
+    },
+  },
+  methods: {
+    closeDropdownIfOpen() {
+      this.shown = !this.shown;
+    },
+    planClicked(plan: string) {
+      const filtered = this.plans.filter(p => p !== this.currPlan);
+      if (filtered.length > 0) {
+        store.commit(
+          'setCurrentPlan',
+          store.state.plans.find(p => p.name === plan)
+        );
+        store.commit('setOrderByNewest', store.state.orderByNewest);
+        this.shown = !this.shown;
+      }
+    },
+    toggleEditPlan() {
+      this.$emit('open-edit-modal');
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@import '@/components/Requirements/MultiplePlansDropdown.scss';
+</style>
diff --git a/src/components/Requirements/RequirementSideBar.vue b/src/components/Requirements/RequirementSideBar.vue
index b14faf334..ab86deabe 100644
--- a/src/components/Requirements/RequirementSideBar.vue
+++ b/src/components/Requirements/RequirementSideBar.vue
@@ -7,6 +7,7 @@
     >
       →
     </button>
+
     <aside v-if="isMobile ? isDisplayingMobile : !isMinimized" class="requirements">
       <div
         class="requirements-wrapper"
@@ -35,6 +36,41 @@
           >
             Open Requirement Debugger
           </button>
+          <confirmation :text="confirmationText" v-if="isConfirmationOpen" />
+          <div class="multiple-plans">
+            <add-plan-modal
+              v-if="isAddPlanOpen"
+              @close-plan-modal="toggleAddPlan"
+              @open-copy-modal="toggleCopyPlan"
+              @add-plan="addPlan"
+            />
+            <copy-plan-modal
+              v-if="isCopyPlanOpen"
+              @open-plan-modal="toggleAddPlan"
+              @close-copy-modal="toggleCopyPlan"
+              @open-name-modal="toggleNamePlan"
+              @copy-plan="copyPlan"
+            />
+            <name-plan-modal
+              v-if="isNamePlanOpen"
+              @open-copy-modal="toggleCopyPlan"
+              @close-name-modal="toggleNamePlan"
+              @add-plan="addPlan"
+              :selectedPlanCopy="selectedPlanCopy"
+            />
+            <edit-plan-modal
+              v-if="isEditPlanOpen"
+              @close-edit-modal="toggleEditPlan"
+              @close-name-modal="toggleNamePlan"
+              @edit-plan="editPlan"
+              @delete-plan="deletePlan"
+            />
+            <button class="add-plan-button" @click="toggleAddPlan()">+ Add Plan</button>
+            <div class="multiple-plans-dropdown">
+              <multiple-plans-dropdown @open-edit-modal="toggleEditPlan" />
+            </div>
+          </div>
+
           <teleport-modal
             content-class="requirement-debugger-modal-content"
             :isSimpleModal="true"
@@ -135,15 +171,28 @@ import introJs from 'intro.js';
 import featureFlagCheckers from '@/feature-flags';
 
 import Course from '@/components/Course/Course.vue';
+import Confirmation from '@/components/Modals/Confirmation.vue';
 import TeleportModal from '@/components/Modals/TeleportModal.vue';
 import RequirementDebugger from '@/components/Requirements/RequirementDebugger.vue';
 import RequirementGroup from '@/components/Requirements/RequirementGroup.vue';
 import DropDownArrow from '@/components/DropDownArrow.vue';
+import MultiplePlansDropdown from './MultiplePlansDropdown.vue';
 
 import clipboard from '@/assets/images/clipboard.svg';
 import warning from '@/assets/images/warning.svg';
 import store from '@/store';
-import { chooseToggleableRequirementOption, incrementUniqueID } from '@/global-firestore-data';
+import {
+  chooseToggleableRequirementOption,
+  incrementUniqueID,
+  editPlan,
+  deletePlan,
+  addPlan,
+  updateSawNewFeature,
+} from '@/global-firestore-data';
+import AddPlanModal from '@/components/Modals/MultiplePlans/AddPlanModal.vue';
+import CopyPlanModal from '../Modals/MultiplePlans/CopyPlanModal.vue';
+import NamePlanModal from '../Modals/MultiplePlans/NamePlanModal.vue';
+import EditPlanModal from '../Modals/MultiplePlans/EditPlanModal.vue';
 
 export type ShowAllCourses = {
   readonly name: string;
@@ -160,10 +209,17 @@ type Data = {
   shouldShowAllCourses: boolean;
   showAllPage: number;
   tourStep: number;
+  isAddPlanOpen: boolean;
+  isCopyPlanOpen: boolean;
+  isNamePlanOpen: boolean;
+  isEditPlanOpen: boolean;
+  isConfirmationOpen: boolean;
+  selectedPlanCopy: string;
+  confirmationText: string;
 };
 
 // This section will be revisited when we try to make first-time tooltips
-const tour = introJs().start();
+const tour = introJs();
 tour.setOptions({
   exitOnEsc: false,
   doneLabel: 'Next',
@@ -178,16 +234,23 @@ export default defineComponent({
   components: {
     draggable,
     Course,
+    Confirmation,
     DropDownArrow,
     RequirementDebugger,
     RequirementGroup,
     TeleportModal,
+    MultiplePlansDropdown,
+    AddPlanModal,
+    CopyPlanModal,
+    NamePlanModal,
+    EditPlanModal,
   },
   props: {
     startTour: { type: Boolean, required: true },
     isDisplayingMobile: { type: Boolean, required: true },
     isMobile: { type: Boolean, required: true },
     isMinimized: { type: Boolean, required: true },
+    startNewFeatureTour: { type: Boolean, required: true },
   },
   emits: ['showTourEndWindow', 'toggleMinimized'],
   data(): Data {
@@ -200,6 +263,13 @@ export default defineComponent({
       shouldShowAllCourses: false,
       showAllPage: 0,
       tourStep: 0,
+      isAddPlanOpen: false,
+      isCopyPlanOpen: false,
+      isNamePlanOpen: false,
+      isEditPlanOpen: false,
+      isConfirmationOpen: false,
+      selectedPlanCopy: '',
+      confirmationText: '',
     };
   },
   watch: {
@@ -218,13 +288,32 @@ export default defineComponent({
         this.tourStep = 0;
       });
     },
+    startNewFeatureTour() {
+      const newFeatureTour = introJs();
+      newFeatureTour.setOptions({
+        steps: [
+          {
+            element: '.multiple-plans',
+            intro: `<div class="introjs-tooltipTop"><div class="introjs-customTitle">New Feature Alert</div></div>
+          <div class = "introjs-bodytext">Create multiple plans for your 4 year plan to find the one best suited for you. Your journey, your way!</div>`,
+          },
+        ],
+        doneLabel: 'Done',
+      });
+      // check firestore if the user has seen it already
+      newFeatureTour.start();
+      updateSawNewFeature(true);
+    },
   },
   computed: {
+    multiplePlansAllowed(): boolean {
+      return featureFlagCheckers.isMultiplePlansEnabled();
+    },
     debuggerAllowed(): boolean {
       return featureFlagCheckers.isRequirementDebuggerEnabled();
     },
     semesters(): readonly FirestoreSemester[] {
-      return store.state.semesters;
+      return store.getters.getCurrentPlanSemesters;
     },
     onboardingData(): AppOnboardingData {
       return store.state.onboardingData;
@@ -252,9 +341,69 @@ export default defineComponent({
     },
   },
   methods: {
+    toggleAddPlan() {
+      this.isAddPlanOpen = !this.isAddPlanOpen;
+    },
+    toggleCopyPlan() {
+      this.isCopyPlanOpen = !this.isCopyPlanOpen;
+    },
+    toggleNamePlan() {
+      this.isNamePlanOpen = !this.isNamePlanOpen;
+    },
+    toggleEditPlan() {
+      this.isEditPlanOpen = !this.isEditPlanOpen;
+    },
     toggleDebugger(): void {
       this.displayDebugger = !this.displayDebugger;
     },
+    addPlan(name: string, copysem?: string) {
+      if (copysem) {
+        const { plans } = store.state;
+        const copiedSems = plans.find(plan => plan.name === copysem)?.semesters;
+        if (copiedSems !== undefined) {
+          addPlan(name, [...copiedSems]);
+        } else {
+          addPlan(name, []);
+        }
+      } else {
+        addPlan(name, []);
+      }
+      this.confirmationText = `${name} has been added!`;
+      this.isConfirmationOpen = true;
+      setTimeout(() => {
+        this.isConfirmationOpen = false;
+      }, 2000);
+    },
+    deletePlan(name: string) {
+      deletePlan(name);
+      this.confirmationText = `${name} has been deleted!`;
+      this.isConfirmationOpen = true;
+      setTimeout(() => {
+        this.isConfirmationOpen = false;
+      }, 2000);
+    },
+    editPlan(name: string, oldname: string) {
+      const { plans } = store.state;
+      const toEdit = plans.find(plan => plan.name === oldname);
+      const updater = (plan: Plan): Plan => ({ name, semesters: plan.semesters });
+      if (toEdit !== undefined) {
+        editPlan(oldname, updater);
+      }
+      store.commit(
+        'setCurrentPlan',
+        store.state.plans.find(plan => plan.name === name)
+      );
+      store.commit('setOrderByNewest', store.state.orderByNewest);
+      this.confirmationText = `${oldname} has been renamed to ${name}!`;
+      this.isConfirmationOpen = true;
+      setTimeout(() => {
+        this.isConfirmationOpen = false;
+      }, 2000);
+    },
+    copyPlan(selectedPlan: string) {
+      this.selectedPlanCopy = selectedPlan;
+    },
+
     // TODO CHANGE FOR MULTIPLE COLLEGES & GRAD PROGRAMS
     showMajorOrMinorRequirements(id: number, group: string): boolean {
       // colleges and programs should always be shown as there can only be 1
@@ -366,6 +515,21 @@ export default defineComponent({
   }
 }
 
+.multiple-plans {
+  height: 2.5rem;
+}
+
+.add-plan-button {
+  float: right;
+  background: $sangBlue;
+  border-radius: 3px;
+  min-height: 2.5rem;
+  min-width: 6.5rem;
+  color: $white;
+  border: none;
+  font-size: 16px;
+}
+
 .requirement-sidebar-btn-open {
   @include requirement-sidebar-btn;
   position: fixed;
diff --git a/src/components/Semester/Semester.vue b/src/components/Semester/Semester.vue
index 754af82bd..b8c0bac0c 100644
--- a/src/components/Semester/Semester.vue
+++ b/src/components/Semester/Semester.vue
@@ -278,6 +278,7 @@ export default defineComponent({
       set(newCourses: readonly AppFirestoreSemesterCourseWithRequirementID[]) {
         const courses = newCourses.map(({ requirementID: _, ...rest }) => rest);
         editSemester(
+          store.state.currentPlan,
           this.year,
           this.season,
           (semester: FirestoreSemester): FirestoreSemester => ({
@@ -411,7 +412,14 @@ export default defineComponent({
     addCourse(data: CornellCourseRosterCourse, choice: FirestoreCourseOptInOptOutChoices) {
       const newCourse = cornellCourseRosterCourseToFirebaseSemesterCourseWithGlobalData(data);
       // Since the course is new, we know the old choice does not exist.
-      addCourseToSemester(this.year, this.season, newCourse, () => choice, this.$gtag);
+      addCourseToSemester(
+        store.state.currentPlan,
+        this.year,
+        this.season,
+        newCourse,
+        () => choice,
+        this.$gtag
+      );
 
       const courseCode = `${data.subject} ${data.catalogNbr}`;
       this.openConfirmationModal(`Added ${courseCode} to ${this.season} ${this.year}`);
@@ -429,7 +437,14 @@ export default defineComponent({
         };
 
         // add the course to the semeser (with no choice made)
-        addCourseToSemester(this.year, this.season, newCourse, () => choice, this.$gtag);
+        addCourseToSemester(
+          store.state.currentPlan,
+          this.year,
+          this.season,
+          newCourse,
+          () => choice,
+          this.$gtag
+        );
         this.closeCourseModal();
 
         const conflicts = store.state.courseToRequirementsInConstraintViolations.get(
@@ -455,15 +470,28 @@ export default defineComponent({
       this.openConfirmationModal(`Added ${course.code} to ${this.season} ${this.year}`);
     },
     deleteCourseWithoutModal(uniqueID: number) {
-      deleteCourseFromSemester(this.year, this.season, uniqueID, this.$gtag);
+      deleteCourseFromSemester(
+        store.state.currentPlan,
+        this.year,
+        this.season,
+        uniqueID,
+        this.$gtag
+      );
     },
     deleteCourse(courseCode: string, uniqueID: number) {
-      deleteCourseFromSemester(this.year, this.season, uniqueID, this.$gtag);
+      deleteCourseFromSemester(
+        store.state.currentPlan,
+        this.year,
+        this.season,
+        uniqueID,
+        this.$gtag
+      );
       // Update requirements menu
       this.openConfirmationModal(`Removed ${courseCode} from ${this.season} ${this.year}`);
     },
     colorCourse(color: string, uniqueID: number, courseCode: string) {
       editSemester(
+        store.state.currentPlan,
         this.year,
         this.season,
         (semester: FirestoreSemester): FirestoreSemester => ({
@@ -485,7 +513,7 @@ export default defineComponent({
             : course
         ),
       });
-      editSemesters(oldSemesters => oldSemesters.map(sem => updater(sem)));
+      editSemesters(store.state.currentPlan, oldSemesters => oldSemesters.map(sem => updater(sem)));
       updateSubjectColorData(color, subject);
       this.openConfirmationModal(`Changed color for ${subject}`);
     },
@@ -494,6 +522,7 @@ export default defineComponent({
     },
     editCourseCredit(credit: number, uniqueID: number) {
       editSemester(
+        store.state.currentPlan,
         this.year,
         this.season,
         (semester: FirestoreSemester): FirestoreSemester => ({
@@ -543,6 +572,7 @@ export default defineComponent({
     },
     editSemester(seasonInput: string, yearInput: number) {
       editSemester(
+        store.state.currentPlan,
         this.year,
         this.season,
         (oldSemester: FirestoreSemester): FirestoreSemester => ({
@@ -559,7 +589,7 @@ export default defineComponent({
       this.isClearSemesterOpen = false;
     },
     clearSemester() {
-      deleteAllCoursesFromSemester(this.year, this.season, this.$gtag);
+      deleteAllCoursesFromSemester(store.state.currentPlan, this.year, this.season, this.$gtag);
       this.openConfirmationModal(`Cleared ${this.season} ${this.year} in plan`);
     },
     walkthroughText() {
@@ -584,7 +614,7 @@ export default defineComponent({
 
   &-addSemesterButton {
     background: $sangBlue;
-    border-radius: 8px;
+    border-radius: 3px;
     min-height: 2.5rem;
     min-width: 9rem;
     color: $white;
diff --git a/src/components/Semester/SemesterView.vue b/src/components/Semester/SemesterView.vue
index 23c071436..71ccc579d 100644
--- a/src/components/Semester/SemesterView.vue
+++ b/src/components/Semester/SemesterView.vue
@@ -107,7 +107,10 @@ export default defineComponent({
   },
   computed: {
     semesters(): readonly FirestoreSemester[] {
-      return store.state.semesters;
+      if (store.state.plans.length === 0) {
+        return [];
+      }
+      return store.getters.getCurrentPlanSemesters;
     },
     noSemesters(): boolean {
       return this.semesters.length === 0;
@@ -145,11 +148,11 @@ export default defineComponent({
       this.isSemesterModalOpen = false;
     },
     addSemester(season: string, year: number) {
-      addSemester(year, season as FirestoreSemesterSeason, this.$gtag);
+      addSemester(store.state.currentPlan, year, season as FirestoreSemesterSeason, this.$gtag);
       this.openSemesterConfirmationModal(season as FirestoreSemesterSeason, year, true);
     },
     deleteSemester(season: string, year: number) {
-      deleteSemester(year, season as FirestoreSemesterSeason, this.$gtag);
+      deleteSemester(store.state.currentPlan, year, season as FirestoreSemesterSeason, this.$gtag);
       this.openSemesterConfirmationModal(season as FirestoreSemesterSeason, year, false);
     },
     courseOnClick(course: FirestoreSemesterCourse) {
@@ -197,7 +200,7 @@ export default defineComponent({
 
   &-addSemesterButton {
     background: $sangBlue;
-    border-radius: 8px;
+    border-radius: 3px;
     min-height: 2.5rem;
     min-width: 9rem;
     color: $white;
diff --git a/src/containers/Dashboard.vue b/src/containers/Dashboard.vue
index 4573a7006..c3b25725d 100644
--- a/src/containers/Dashboard.vue
+++ b/src/containers/Dashboard.vue
@@ -30,6 +30,7 @@
           @toggleMinimized="toggleMinimizeRequirements"
           :startTour="startTour"
           @showTourEndWindow="showTourEnd"
+          :startNewFeatureTour="startNewFeatureTour"
         />
         <bottom-bar
           v-if="!(isTablet && requirementsIsDisplayedMobile) && !showToolsPage && !isProfileOpen"
@@ -156,6 +157,7 @@ export default defineComponent({
       maxBottomBarTabs: getMaxButtonBarTabs(),
       welcomeHidden: false,
       startTour: false,
+      startNewFeatureTour: false,
       showTourEndWindow: false,
       showToolsPage: false,
       isProfileOpen: false,
@@ -169,7 +171,7 @@ export default defineComponent({
       return store.state.onboardingData;
     },
     semesters(): readonly FirestoreSemester[] {
-      return store.state.semesters;
+      return store.getters.getCurrentPlanSemesters;
     },
     hasBottomCourses(): boolean {
       return immutableBottomBarState.bottomCourses.length > 0;
@@ -185,6 +187,9 @@ export default defineComponent({
     listenerUnsubscriber = initializeFirestoreListeners(() => {
       if (this.onboardingData.college !== '' || this.onboardingData.grad !== '') {
         this.loaded = true;
+        if (!this.onboardingData.sawNewFeature) {
+          this.startNewFeatureTour = true;
+        }
       } else {
         this.startOnboarding();
       }
diff --git a/src/data/colleges/en.ts b/src/data/colleges/en.ts
index d56454a42..7355e3c2d 100644
--- a/src/data/colleges/en.ts
+++ b/src/data/colleges/en.ts
@@ -211,6 +211,8 @@ const engineeringRequirements: readonly CollegeOrMajorRequirement[] = [
       'COMM 3030',
       'COMM 3020',
       'ENGRC 3023',
+      'ENGRC 3025',
+      'ENGRC 3027',
       'ENGRC 2640',
       'ENGRC 3152',
       'ENGRC 3160',
diff --git a/src/data/index.ts b/src/data/index.ts
index 9f90b718e..2f95e97b3 100644
--- a/src/data/index.ts
+++ b/src/data/index.ts
@@ -49,6 +49,7 @@ import physRequirements, { physAdvisors } from './majors/phys';
 import spanishRequirements, { spanishAdvisors } from './majors/spanish';
 import psychRequirements, { psychAdvisors } from './majors/psych';
 import stsRequirements, { stsAdvisors } from './majors/sts';
+import vienRequirements, { vienAdvisors } from './majors/vien';
 import aerospaceMinorRequirements, { aerospaceMinorAdvisors } from './minors/aerospace';
 import animalSciRequirements, { animalSciAdvisors } from './minors/animal-sci';
 import appliedMathMinorRequirements, { appliedMathMinorAdvisors } from './minors/applied-math';
@@ -427,6 +428,13 @@ const json: RequirementsJson = {
       advisors: stsAdvisors,
       abbrev: 'STS',
     },
+    VIEN: {
+      name: 'Viticulture and Enology',
+      schools: ['AG'],
+      requirements: vienRequirements,
+      advisors: vienAdvisors,
+      abbrev: 'VIEN',
+    },
   },
   minor: {
     AEROSPACE: {
diff --git a/src/data/majors/vien.ts b/src/data/majors/vien.ts
new file mode 100644
index 000000000..0c7cb914f
--- /dev/null
+++ b/src/data/majors/vien.ts
@@ -0,0 +1,111 @@
+import { Course, CollegeOrMajorRequirement } from '../../requirements/types';
+import {
+  includesWithSingleRequirement,
+  includesWithSubRequirements,
+  ifCodeMatch,
+} from '../../requirements/checkers';
+import { AdvisorGroup } from '../../tools/advisors/types';
+
+const vienRequirements: readonly CollegeOrMajorRequirement[] = [
+  {
+    name: 'Physical Science Core',
+    description:
+      'To fulfill the Physical Science Core, must complete one Intro to biology course, PLSCI 1420, and BIOMI 2900.',
+    source:
+      'https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search',
+    checker: includesWithSubRequirements(
+      ['BIOMG 1350', 'BIOG 1140', 'BIOG 1440', 'BIOEE 1610', 'BIOEE 1780'],
+      ['PLSCI 1420'],
+      ['BIOMI 2900']
+    ),
+    fulfilledBy: 'courses',
+    perSlotMinCount: [1, 1, 1],
+    slotNames: ['Introductory biology courses', 'PLSCI 1420', 'BIOMI 2900'],
+  },
+  {
+    name: 'Chemistry',
+    description:
+      'To fulfill the Chemistry requirement, must complete CHEM 1560, CHEM 1570, and one of the following: BIOMG 3300, BIOMG 3310, BIOMG 3350, NS 3200. BIOMG 3320 or BIOMG 3330 are not counted towards the Biochemistry requirement.',
+    source:
+      'https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search',
+    checker: includesWithSubRequirements(
+      ['CHEM 1560'],
+      ['CHEM 1570'],
+      ['BIOMG 3300', 'BIOMG 3310', 'BIOMG 3350', 'NS 3200']
+    ),
+    fulfilledBy: 'courses',
+    perSlotMinCount: [1, 1, 1],
+    slotNames: ['CHEM 1560', 'CHEM 1570', 'Biochemistry'],
+  },
+  {
+    name: 'Statistics',
+    description:
+      'To fulfill the Statistics core, must complete one of the following Introductory Statistics course: STSCI 2200, STSCI 2100, and STSCI 2150.',
+    source:
+      'https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search',
+    checker: includesWithSingleRequirement('STSCI 2200', 'STSCI 2100', 'STSCI 2150'),
+    fulfilledBy: 'courses',
+    perSlotMinCount: [1],
+    slotNames: ['Introductory Statistics Course'],
+  },
+  {
+    name: 'Plant Science',
+    description: 'To fulfill the Plant Science core, must complete PLBIO 2410 and PLSCS 2600.',
+    source:
+      'https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search',
+    checker: includesWithSingleRequirement('PLBIO 2410', 'PLSCS 2600'),
+    fulfilledBy: 'courses',
+    perSlotMinCount: [2],
+    slotNames: ['PLBIO 2410 and PLSCS 2600'],
+  },
+
+  {
+    name: 'Viticulture & Enology Core',
+    description:
+      'All major requirements must be taken for a letter grade, except when not an option, or if taken during Spring 2020 or Fall 2020. All required V&E Core and Major Elective courses must be completed with a C- or better. Both lecture and laboratory section must be taken for major elective credit. Students taking only the lecture will not receive credit for the course towards completion of the major.',
+    source:
+      'https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search',
+    checker: includesWithSubRequirements(
+      ['VIEN 1104', 'VIEN 1105'],
+      ['VIEN 2204', 'VIEN 2205', 'FDSC 2110', 'VIEN 2400'],
+      ['VIEN 3610'],
+      ['VIEN 4700', 'VIEN 4710', 'VIEN 4980'],
+      ['VIEN 3300', 'VIEN 3200']
+    ),
+    fulfilledBy: 'courses',
+    perSlotMinCount: [2, 4, 1, 3, 1],
+    slotNames: ['Course 1XXX', 'Course 2XXX', 'VIEN 3610', 'Course 4XXX', 'VIEN 3300 or VIEN 3200'],
+  },
+  {
+    name: 'Major-approved Elective(s)',
+    description:
+      'At least 17 credits totals. At least 5 credits of major electives must be VIEN classes. There are Electives with Enology Focus, and Electives with Viticulture Focus. All required V&E Core and Major Elective courses must be completed with a C- or better. Both lecture and laboratory section must be taken for major elective credit. Students taking only the lecture will not receive credit for the course towards completion of the major.',
+    source:
+      'https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search',
+    checker: [
+      (course: Course): boolean => {
+        const { subject } = course;
+        return (
+          ifCodeMatch(subject, 'VIEN') ||
+          ifCodeMatch(subject, 'FDSC') ||
+          ifCodeMatch(subject, 'HADM') ||
+          ifCodeMatch(subject, 'PLSCS') ||
+          ifCodeMatch(subject, 'NTRES') ||
+          ifCodeMatch(subject, 'GDEV') ||
+          ifCodeMatch(subject, 'PLBRG') ||
+          ifCodeMatch(subject, 'PLBIO') ||
+          ifCodeMatch(subject, 'PLHRT')
+        );
+      },
+    ],
+    checkerWarning: `We will not list of major electives for this major. We will not check if a lecture and lab are taken together. Please check with the Course of Studies for all major electives for this major.`,
+    fulfilledBy: 'credits',
+    perSlotMinCount: [17],
+  },
+];
+
+export default vienRequirements;
+
+export const vienAdvisors: AdvisorGroup = {
+  advisors: [{ name: 'Kathleen Arnink', email: 'kja1@cornell.edu' }],
+};
diff --git a/src/feature-flags.ts b/src/feature-flags.ts
index 314da92e2..26274d55e 100644
--- a/src/feature-flags.ts
+++ b/src/feature-flags.ts
@@ -8,7 +8,8 @@ type FeatureFlagName =
   | 'RequirementConflicts'
   | 'RequirementDebugger'
   | 'ToggleRequirementsBarBtn'
-  | 'Profile';
+  | 'Profile'
+  | 'MultiplePlans';
 /* | 'AddYourFeatureFlagNameHere' */
 const featureFlagCheckers: FeatureFlagCheckers = registerFeatureFlagChecker(
   'APIBFulfillment',
@@ -16,7 +17,8 @@ const featureFlagCheckers: FeatureFlagCheckers = registerFeatureFlagChecker(
   'RequirementConflicts',
   'RequirementDebugger',
   'ToggleRequirementsBarBtn',
-  'Profile'
+  'Profile',
+  'MultiplePlans'
   /* 'AddYourFeatureFlagNameHere' */
 );
 export default featureFlagCheckers;
diff --git a/src/global-firestore-data/index.ts b/src/global-firestore-data/index.ts
index 6372b2c3c..47b6b076d 100644
--- a/src/global-firestore-data/index.ts
+++ b/src/global-firestore-data/index.ts
@@ -11,11 +11,19 @@ export const cornellCourseRosterCourseToFirebaseSemesterCourseWithGlobalData = (
 ): FirestoreSemesterCourse =>
   cornellCourseRosterCourseToFirebaseSemesterCourse(course, store, incrementUniqueID);
 
-export { setAppOnboardingData, deleteTransferCredit } from './user-onboarding-data';
 export {
+  setAppOnboardingData,
+  deleteTransferCredit,
+  updateSawNewFeature,
+} from './user-onboarding-data';
+export {
+  editPlans,
+  editPlan,
   editSemesters,
   editSemester,
   addSemester,
+  addPlan,
+  deletePlan,
   deleteSemester,
   addCourseToSemester,
   deleteCourseFromSemester,
diff --git a/src/global-firestore-data/user-onboarding-data.ts b/src/global-firestore-data/user-onboarding-data.ts
index 5bb98a787..d02912edc 100644
--- a/src/global-firestore-data/user-onboarding-data.ts
+++ b/src/global-firestore-data/user-onboarding-data.ts
@@ -26,6 +26,7 @@ export const setAppOnboardingData = (
       examType: e.type || e.examType,
     })),
     tookSwim: onboarding.tookSwim,
+    sawNewFeature: onboarding.sawNewFeature,
   });
 };
 
@@ -51,3 +52,10 @@ export const deleteTransferCredit = (code: string): void => {
     store.state.onboardingData.tookSwim
   );
 };
+
+export const updateSawNewFeature = (sawNewFeature: boolean): void => {
+  store.commit('setSawNewFeature', sawNewFeature);
+  updateDoc(doc(onboardingDataCollection, store.state.currentFirebaseUser.email), {
+    sawNewFeature,
+  });
+};
diff --git a/src/global-firestore-data/user-semesters.ts b/src/global-firestore-data/user-semesters.ts
index 8075dc1b0..f03e663ae 100644
--- a/src/global-firestore-data/user-semesters.ts
+++ b/src/global-firestore-data/user-semesters.ts
@@ -13,17 +13,23 @@ import {
 } from './user-overridden-fulfillment-choices';
 
 export const editSemesters = (
+  plan: Plan,
   updater: (oldSemesters: readonly FirestoreSemester[]) => readonly FirestoreSemester[]
 ): void => {
-  const semesters = updater(store.state.semesters);
-  store.commit('setSemesters', semesters);
-  // TODO: update when multiple plans frontend implemented
-  updateDoc(doc(semestersCollection, store.state.currentFirebaseUser.email), {
-    semesters,
-    plans: [{ semesters }],
-  });
+  const editedPlan = (p: Plan): Plan => ({ name: p.name, semesters: updater(p.semesters) });
+  editPlan(plan.name, editedPlan);
 };
 
+export const editPlans = async (
+  updater: (oldPlans: readonly Plan[]) => readonly Plan[]
+): Promise<void> => {
+  const plans = updater(store.state.plans);
+  store.commit('setPlans', plans);
+  await updateDoc(doc(semestersCollection, store.state.currentFirebaseUser.email), {
+    plans,
+  });
+  store.commit('setOrderByNewest', store.state.orderByNewest);
+};
 /**
  * Sets whether semesters are ordered by newest/oldest
  */
@@ -36,15 +42,20 @@ export const setOrderByNewest = (orderByNewest: boolean): void => {
 };
 
 export const editSemester = (
+  plan: Plan,
   year: number,
   season: FirestoreSemesterSeason,
   updater: (oldSemester: FirestoreSemester) => FirestoreSemester
 ): void => {
-  editSemesters(oldSemesters =>
+  editSemesters(plan, oldSemesters =>
     oldSemesters.map(sem => (semesterEquals(sem, year, season) ? updater(sem) : sem))
   );
 };
 
+export const editPlan = (name: string, updater: (oldPlan: Plan) => Plan): void => {
+  editPlans(oldPlan => oldPlan.map(plan => (plan.name === name ? updater(plan) : plan)));
+};
+
 const createSemester = (
   year: number,
   season: FirestoreSemesterSeason,
@@ -59,6 +70,17 @@ const createSemester = (
   year,
 });
 
+const createPlan = (
+  name: string,
+  semesters: FirestoreSemester[]
+): {
+  name: string;
+  semesters: FirestoreSemester[];
+} => ({
+  name,
+  semesters,
+});
+
 // exposed for testing
 export const semesterEquals = (
   semester: FirestoreSemester,
@@ -67,29 +89,57 @@ export const semesterEquals = (
 ): boolean => semester.year === year && semester.season === season;
 
 export const addSemester = (
+  plan: Plan,
   year: number,
   season: FirestoreSemesterSeason,
   gtag?: VueGtag,
   courses: readonly FirestoreSemesterCourse[] = []
 ): void => {
   GTagEvent(gtag, 'add-semester');
-  editSemesters(oldSemesters => [...oldSemesters, createSemester(year, season, courses)]);
+  editSemesters(plan, oldSemesters => [...oldSemesters, createSemester(year, season, courses)]);
+};
+
+export const addPlan = async (
+  name: string,
+  semesters: FirestoreSemester[],
+  gtag?: VueGtag
+): Promise<void> => {
+  GTagEvent(gtag, 'add-plan');
+  await editPlans(oldPlans => [...oldPlans, createPlan(name, semesters)]);
+  store.commit(
+    'setCurrentPlan',
+    store.state.plans.find(plan => plan.name === name)
+  );
 };
 
 export const deleteSemester = (
+  plan: Plan,
   year: number,
   season: FirestoreSemesterSeason,
   gtag?: VueGtag
 ): void => {
   GTagEvent(gtag, 'delete-semester');
-  const semester = store.state.semesters.find(sem => semesterEquals(sem, year, season));
+  const semester: FirestoreSemester = store.getters.getCurrentPlanSemesters.find(
+    (sem: FirestoreSemester) => semesterEquals(sem, year, season)
+  );
   if (semester) {
     deleteCoursesFromRequirementChoices(semester.courses.map(course => course.uniqueID));
-    editSemesters(oldSemesters => oldSemesters.filter(sem => !semesterEquals(sem, year, season)));
+    editSemesters(plan, oldSemesters =>
+      oldSemesters.filter(sem => !semesterEquals(sem, year, season))
+    );
+  }
+};
+
+export const deletePlan = async (name: string, gtag?: VueGtag): Promise<void> => {
+  GTagEvent(gtag, 'delete-plan');
+  if (store.state.plans.some(p => p.name === name)) {
+    await editPlans(oldPlans => oldPlans.filter(p => p.name !== name));
   }
+  store.commit('setCurrentPlan', store.state.plans[0]);
 };
 
 export const addCourseToSemester = (
+  plan: Plan,
   year: number,
   season: FirestoreSemesterSeason,
   newCourse: FirestoreSemesterCourse,
@@ -97,7 +147,7 @@ export const addCourseToSemester = (
   gtag?: VueGtag
 ): void => {
   GTagEvent(gtag, 'add-course');
-  editSemesters(oldSemesters => {
+  editSemesters(plan, oldSemesters => {
     let semesterFound = false;
     const newSemestersWithCourse = oldSemesters.map(sem => {
       if (semesterEquals(sem, year, season)) {
@@ -113,16 +163,19 @@ export const addCourseToSemester = (
 };
 
 export const deleteCourseFromSemester = (
+  plan: Plan,
   year: number,
   season: FirestoreSemesterSeason,
   courseUniqueID: number,
   gtag?: VueGtag
 ): void => {
   GTagEvent(gtag, 'delete-course');
-  const semester = store.state.semesters.find(sem => semesterEquals(sem, year, season));
+  const semester: FirestoreSemester = store.getters.getCurrentPlanSemesters.find(
+    (sem: FirestoreSemester) => semesterEquals(sem, year, season)
+  );
   if (semester) {
     deleteCourseFromRequirementChoices(courseUniqueID);
-    editSemesters(oldSemesters =>
+    editSemesters(plan, oldSemesters =>
       oldSemesters.map(sem => ({
         ...sem,
         courses: semesterEquals(sem, year, season)
@@ -134,15 +187,18 @@ export const deleteCourseFromSemester = (
 };
 
 export const deleteAllCoursesFromSemester = (
+  plan: Plan,
   year: number,
   season: FirestoreSemesterSeason,
   gtag?: VueGtag
 ): void => {
   GTagEvent(gtag, 'delete-semester-courses');
-  const semester = store.state.semesters.find(sem => semesterEquals(sem, year, season));
+  const semester: FirestoreSemester = store.getters.getCurrentPlanSemesters.find(
+    (sem: FirestoreSemester) => semesterEquals(sem, year, season)
+  );
   if (semester) {
     deleteCoursesFromRequirementChoices(semester.courses.map(course => course.uniqueID));
-    editSemesters(oldSemesters =>
+    editSemesters(plan, oldSemesters =>
       oldSemesters.map(sem => ({
         ...sem,
         courses: semesterEquals(sem, year, season) ? [] : sem.courses,
@@ -151,9 +207,13 @@ export const deleteAllCoursesFromSemester = (
   }
 };
 
-export const deleteCourseFromSemesters = (courseUniqueID: number, gtag?: VueGtag): void => {
+export const deleteCourseFromSemesters = (
+  plan: Plan,
+  courseUniqueID: number,
+  gtag?: VueGtag
+): void => {
   GTagEvent(gtag, 'delete-course');
-  editSemesters(oldSemesters =>
+  editSemesters(plan, oldSemesters =>
     oldSemesters.map(semester => {
       const coursesWithoutDeleted = semester.courses.filter(
         course => course.uniqueID !== courseUniqueID
@@ -185,7 +245,7 @@ export const getActiveSemesters = (
 };
 
 // add empty semesters based on entrance and graduation time
-export const populateSemesters = (onboarding: AppOnboardingData): void => {
+export const populateSemesters = (plan: Plan, onboarding: AppOnboardingData): void => {
   const entranceYear = parseInt(onboarding.entranceYear, 10);
   const gradYear = parseInt(onboarding.gradYear, 10);
 
@@ -194,5 +254,5 @@ export const populateSemesters = (onboarding: AppOnboardingData): void => {
     : 'Fall';
   const gradSem: FirestoreSemesterSeason = onboarding.gradSem ? onboarding.gradSem : 'Spring';
 
-  editSemesters(() => getActiveSemesters(entranceYear, entranceSem, gradYear, gradSem));
+  editSemesters(plan, () => getActiveSemesters(entranceYear, entranceSem, gradYear, gradSem));
 };
diff --git a/src/gtag.ts b/src/gtag.ts
index c1f05ecae..f79c48d2f 100644
--- a/src/gtag.ts
+++ b/src/gtag.ts
@@ -26,6 +26,7 @@ type EventType =
   | 'add-course' // User adds a course
   | 'add-modal-edit-requirements' // User clicks Edit Requirements on Add Modal
   | 'add-semester' // User adds a semester
+  | 'add-plan'
   | 'bottom-bar-close' // User collapses or closes the Bottom Bar
   | 'bottom-bar-CU-reviews-link' // User clicks CU Reviews link on Bottom Bar
   | 'bottom-bar-delete-tab' // User deletes a tab on the Bottom Bar
@@ -37,6 +38,7 @@ type EventType =
   | 'delete-course' // User deletes a course
   | 'delete-semester' // User deletes a semester
   | 'delete-semester-courses' // User deletes all courses in a semester
+  | 'delete-plan'
   | 'logout' // User logs out
   | 'onboarding-edit-basic-information' // User clicks to edit basic info on the review page of Onboarding
   | 'onboarding-edit-transfer-credits' // User clicks to edit transfer credits on the review page of Onboarding
@@ -77,6 +79,13 @@ export const GTagEvent = (gtag: VueGtag | undefined, eventType: EventType): void
         value: 1,
       };
       break;
+    case 'add-plan':
+      eventPayload = {
+        event_category: 'plan',
+        event_label: 'add',
+        value: 1,
+      };
+      break;
     case 'bottom-bar-close':
       eventPayload = {
         event_category: 'bottom-bar',
@@ -154,6 +163,13 @@ export const GTagEvent = (gtag: VueGtag | undefined, eventType: EventType): void
         value: 1,
       };
       break;
+    case 'delete-plan':
+      eventPayload = {
+        event_category: 'semester',
+        event_label: 'delete',
+        value: 1,
+      };
+      break;
     case 'logout':
       eventPayload = {
         event_category: 'engagement',
diff --git a/src/requirements/__test__/__snapshots__/requirement-data-id.test.ts.snap b/src/requirements/__test__/__snapshots__/requirement-data-id.test.ts.snap
index a04ea0756..fade57ef3 100644
--- a/src/requirements/__test__/__snapshots__/requirement-data-id.test.ts.snap
+++ b/src/requirements/__test__/__snapshots__/requirement-data-id.test.ts.snap
@@ -349,6 +349,12 @@ Array [
   "Major-STS-Core Course",
   "Major-STS-One S&TS course",
   "Major-STS-Science Requirement",
+  "Major-VIEN-Chemistry",
+  "Major-VIEN-Major-approved Elective(s)",
+  "Major-VIEN-Physical Science Core",
+  "Major-VIEN-Plant Science",
+  "Major-VIEN-Statistics",
+  "Major-VIEN-Viticulture & Enology Core",
   "Minor-AEROSPACE-Group A",
   "Minor-AEROSPACE-Group B or C",
   "Minor-ANIMALSCIENCE-Categories",
diff --git a/src/requirements/__test__/exam-credit.test.ts b/src/requirements/__test__/exam-credit.test.ts
index a64e80954..e432af9f0 100644
--- a/src/requirements/__test__/exam-credit.test.ts
+++ b/src/requirements/__test__/exam-credit.test.ts
@@ -73,6 +73,7 @@ it('Exam is converted to correct course', () => {
     exam: [{ examType: 'AP', score: 5, subject: 'Computer Science A' }],
     minor: [],
     tookSwim: 'no',
+    sawNewFeature: false,
   };
   const examCourses = userDataToExamCourses(userData);
   const expected = {
diff --git a/src/requirements/decorated-requirements.json b/src/requirements/decorated-requirements.json
index b854fa7f4..25a4e9d84 100644
--- a/src/requirements/decorated-requirements.json
+++ b/src/requirements/decorated-requirements.json
@@ -54754,7 +54754,9 @@
               367847,
               367848,
               367922,
-              371145
+              371145,
+              371205,
+              373380
             ]
           ]
         }
@@ -231364,6 +231366,1050 @@
           ]
         }
       ]
+    },
+    "VIEN": {
+      "name": "Viticulture and Enology",
+      "schools": [
+        "AG"
+      ],
+      "requirements": [
+        {
+          "name": "Physical Science Core",
+          "description": "To fulfill the Physical Science Core, must complete one Intro to biology course, PLSCI 1420, and BIOMI 2900.",
+          "source": "https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search",
+          "fulfilledBy": "courses",
+          "perSlotMinCount": [
+            1,
+            1,
+            1
+          ],
+          "slotNames": [
+            "Introductory biology courses",
+            "PLSCI 1420",
+            "BIOMI 2900"
+          ],
+          "courses": [
+            [
+              354148,
+              354153,
+              363586,
+              363758,
+              363899
+            ],
+            [
+              370167
+            ],
+            [
+              353707
+            ]
+          ]
+        },
+        {
+          "name": "Chemistry",
+          "description": "To fulfill the Chemistry requirement, must complete CHEM 1560, CHEM 1570, and one of the following: BIOMG 3300, BIOMG 3310, BIOMG 3350, NS 3200. BIOMG 3320 or BIOMG 3330 are not counted towards the Biochemistry requirement.",
+          "source": "https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search",
+          "fulfilledBy": "courses",
+          "perSlotMinCount": [
+            1,
+            1,
+            1
+          ],
+          "slotNames": [
+            "CHEM 1560",
+            "CHEM 1570",
+            "Biochemistry"
+          ],
+          "courses": [
+            [
+              357658
+            ],
+            [
+              359185
+            ],
+            [
+              351826,
+              353357,
+              354876,
+              363667
+            ]
+          ]
+        },
+        {
+          "name": "Statistics",
+          "description": "To fulfill the Statistics core, must complete one of the following Introductory Statistics course: STSCI 2200, STSCI 2100, and STSCI 2150.",
+          "source": "https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search",
+          "fulfilledBy": "courses",
+          "perSlotMinCount": [
+            1
+          ],
+          "slotNames": [
+            "Introductory Statistics Course"
+          ],
+          "conditions": {
+            "121": {
+              "colleges": [
+                "AR",
+                "AS1",
+                "AS2",
+                "HE",
+                "IL"
+              ],
+              "majorsExcluded": [
+                "Biological Sciences"
+              ]
+            },
+            "122": {
+              "colleges": [
+                "AG",
+                "AR",
+                "AS1",
+                "AS2",
+                "HE",
+                "IL"
+              ]
+            }
+          },
+          "courses": [
+            [
+              121,
+              122,
+              350154,
+              360952,
+              365785
+            ]
+          ]
+        },
+        {
+          "name": "Plant Science",
+          "description": "To fulfill the Plant Science core, must complete PLBIO 2410 and PLSCS 2600.",
+          "source": "https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search",
+          "fulfilledBy": "courses",
+          "perSlotMinCount": [
+            2
+          ],
+          "slotNames": [
+            "PLBIO 2410 and PLSCS 2600"
+          ],
+          "courses": [
+            [
+              352941,
+              355295
+            ]
+          ]
+        },
+        {
+          "name": "Viticulture & Enology Core",
+          "description": "All major requirements must be taken for a letter grade, except when not an option, or if taken during Spring 2020 or Fall 2020. All required V&E Core and Major Elective courses must be completed with a C- or better. Both lecture and laboratory section must be taken for major elective credit. Students taking only the lecture will not receive credit for the course towards completion of the major.",
+          "source": "https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search",
+          "fulfilledBy": "courses",
+          "perSlotMinCount": [
+            2,
+            4,
+            1,
+            3,
+            1
+          ],
+          "slotNames": [
+            "Course 1XXX",
+            "Course 2XXX",
+            "VIEN 3610",
+            "Course 4XXX",
+            "VIEN 3300 or VIEN 3200"
+          ],
+          "courses": [
+            [
+              361036,
+              361037
+            ],
+            [
+              362519,
+              363723,
+              365101,
+              370764
+            ],
+            [
+              370467
+            ],
+            [
+              354028,
+              363569,
+              363905
+            ],
+            [
+              360949,
+              370468
+            ]
+          ]
+        },
+        {
+          "name": "Major-approved Elective(s)",
+          "description": "At least 17 credits totals. At least 5 credits of major electives must be VIEN classes. There are Electives with Enology Focus, and Electives with Viticulture Focus. All required V&E Core and Major Elective courses must be completed with a C- or better. Both lecture and laboratory section must be taken for major elective credit. Students taking only the lecture will not receive credit for the course towards completion of the major.",
+          "source": "https://courses.cornell.edu/preview_program.php?catoid=55&poid=28379&hl=viticulture&returnto=search",
+          "checkerWarning": "We will not list of major electives for this major. We will not check if a lecture and lab are taken together. Please check with the Course of Studies for all major electives for this major.",
+          "fulfilledBy": "credits",
+          "perSlotMinCount": [
+            17
+          ],
+          "conditions": {
+            "105": {
+              "colleges": [
+                "BU"
+              ]
+            }
+          },
+          "courses": [
+            [
+              105,
+              350552,
+              350560,
+              351428,
+              351448,
+              351458,
+              351460,
+              351465,
+              351468,
+              351477,
+              351478,
+              351483,
+              351489,
+              351498,
+              351502,
+              351514,
+              351529,
+              351542,
+              351552,
+              351555,
+              351560,
+              351561,
+              351562,
+              351568,
+              351579,
+              351586,
+              351590,
+              351594,
+              351600,
+              351608,
+              351611,
+              351617,
+              351620,
+              351624,
+              351648,
+              351658,
+              351664,
+              351667,
+              351669,
+              351672,
+              351806,
+              351812,
+              351821,
+              351822,
+              351829,
+              351839,
+              351843,
+              351848,
+              351859,
+              351865,
+              351873,
+              351877,
+              351880,
+              351883,
+              351890,
+              351891,
+              351901,
+              351902,
+              351916,
+              351935,
+              351955,
+              351978,
+              351988,
+              351994,
+              351999,
+              352015,
+              352017,
+              352023,
+              352041,
+              352044,
+              352064,
+              352075,
+              352082,
+              352092,
+              352102,
+              352106,
+              352109,
+              352110,
+              352112,
+              352117,
+              352143,
+              352937,
+              352941,
+              352946,
+              352952,
+              352956,
+              353426,
+              353429,
+              353443,
+              353450,
+              353454,
+              353459,
+              353462,
+              353465,
+              353468,
+              353475,
+              353484,
+              353487,
+              353500,
+              353520,
+              353523,
+              353525,
+              353629,
+              353678,
+              353681,
+              353682,
+              353688,
+              353691,
+              353693,
+              353953,
+              353954,
+              353955,
+              353956,
+              353957,
+              353958,
+              353959,
+              353960,
+              353961,
+              353966,
+              353968,
+              353970,
+              353972,
+              354001,
+              354002,
+              354003,
+              354004,
+              354005,
+              354006,
+              354007,
+              354008,
+              354009,
+              354010,
+              354013,
+              354014,
+              354016,
+              354017,
+              354018,
+              354019,
+              354020,
+              354021,
+              354022,
+              354024,
+              354025,
+              354026,
+              354027,
+              354028,
+              354029,
+              354030,
+              354031,
+              354032,
+              354035,
+              354037,
+              354038,
+              354039,
+              354040,
+              354041,
+              354045,
+              354046,
+              354047,
+              354048,
+              354049,
+              354050,
+              354051,
+              354056,
+              354058,
+              354059,
+              354060,
+              354061,
+              354062,
+              354064,
+              354145,
+              354151,
+              354180,
+              354183,
+              354184,
+              354187,
+              354193,
+              354195,
+              354196,
+              354198,
+              354201,
+              354205,
+              354223,
+              354224,
+              354225,
+              354226,
+              354227,
+              354351,
+              354397,
+              354401,
+              354403,
+              354405,
+              354406,
+              354407,
+              354410,
+              354412,
+              354413,
+              354415,
+              354416,
+              354421,
+              354422,
+              354423,
+              354424,
+              354425,
+              354426,
+              354427,
+              354428,
+              354429,
+              354430,
+              354432,
+              354435,
+              354437,
+              354439,
+              354440,
+              354442,
+              354443,
+              354447,
+              354454,
+              354458,
+              354460,
+              354462,
+              354469,
+              354470,
+              354471,
+              354472,
+              354473,
+              354620,
+              354628,
+              354633,
+              354634,
+              354635,
+              354645,
+              354647,
+              354653,
+              354654,
+              354657,
+              354660,
+              354666,
+              354682,
+              354686,
+              354696,
+              354700,
+              354704,
+              354707,
+              354713,
+              354741,
+              354752,
+              354755,
+              354757,
+              354758,
+              354759,
+              354775,
+              355094,
+              355156,
+              355240,
+              355243,
+              355244,
+              355293,
+              355294,
+              355295,
+              355296,
+              355298,
+              355299,
+              355300,
+              355302,
+              355303,
+              355304,
+              355305,
+              355306,
+              355312,
+              355318,
+              355319,
+              355321,
+              355330,
+              355331,
+              355333,
+              355336,
+              355337,
+              355338,
+              355339,
+              355340,
+              355341,
+              355346,
+              355658,
+              355667,
+              355675,
+              357939,
+              357976,
+              358193,
+              359332,
+              359336,
+              359350,
+              359388,
+              359389,
+              359706,
+              359740,
+              359742,
+              359743,
+              359744,
+              359846,
+              360002,
+              360437,
+              360629,
+              360716,
+              360934,
+              360942,
+              360949,
+              360950,
+              360982,
+              361036,
+              361037,
+              361043,
+              361047,
+              361067,
+              361069,
+              361070,
+              361071,
+              361073,
+              361074,
+              361085,
+              361086,
+              361087,
+              361088,
+              361128,
+              361129,
+              361137,
+              361138,
+              361143,
+              361144,
+              361145,
+              361146,
+              361148,
+              361154,
+              361156,
+              361160,
+              361161,
+              361169,
+              361175,
+              361178,
+              361186,
+              361193,
+              361195,
+              361322,
+              361343,
+              361345,
+              361347,
+              361349,
+              361350,
+              361351,
+              361352,
+              361353,
+              361354,
+              361358,
+              361359,
+              361360,
+              361362,
+              361363,
+              361364,
+              361365,
+              361371,
+              361372,
+              361373,
+              361374,
+              361375,
+              361376,
+              361377,
+              361379,
+              361380,
+              361386,
+              361465,
+              361467,
+              361480,
+              361481,
+              361523,
+              361617,
+              361744,
+              361746,
+              361747,
+              361748,
+              361756,
+              361777,
+              361990,
+              362036,
+              362051,
+              362242,
+              362250,
+              362362,
+              362389,
+              362440,
+              362442,
+              362518,
+              362519,
+              362547,
+              362586,
+              362588,
+              362606,
+              362762,
+              362834,
+              362960,
+              362961,
+              362962,
+              362965,
+              363062,
+              363152,
+              363153,
+              363154,
+              363207,
+              363274,
+              363276,
+              363281,
+              363398,
+              363473,
+              363474,
+              363475,
+              363477,
+              363534,
+              363544,
+              363569,
+              363571,
+              363621,
+              363719,
+              363722,
+              363723,
+              363739,
+              363740,
+              363742,
+              363904,
+              363905,
+              363906,
+              363938,
+              363944,
+              363945,
+              364092,
+              364224,
+              364227,
+              364247,
+              364287,
+              364483,
+              364487,
+              364545,
+              364743,
+              364867,
+              364868,
+              364870,
+              364941,
+              364942,
+              364989,
+              364990,
+              364994,
+              365038,
+              365091,
+              365096,
+              365101,
+              365275,
+              365336,
+              365337,
+              365547,
+              365548,
+              365549,
+              365551,
+              365617,
+              365624,
+              365682,
+              365683,
+              365697,
+              365764,
+              365921,
+              365922,
+              365948,
+              365949,
+              365950,
+              365951,
+              365962,
+              366081,
+              366094,
+              366124,
+              366125,
+              366126,
+              366133,
+              366137,
+              366138,
+              366212,
+              366213,
+              366214,
+              366233,
+              366238,
+              366245,
+              366246,
+              366248,
+              366273,
+              366288,
+              366313,
+              366316,
+              366470,
+              366611,
+              366625,
+              366626,
+              366717,
+              366951,
+              367032,
+              367033,
+              367120,
+              367121,
+              367128,
+              367129,
+              367130,
+              367132,
+              367133,
+              367202,
+              367306,
+              367308,
+              367348,
+              367358,
+              367363,
+              367364,
+              367372,
+              367400,
+              367436,
+              367437,
+              367530,
+              367531,
+              367532,
+              367533,
+              367573,
+              367575,
+              367699,
+              367704,
+              367720,
+              367721,
+              367800,
+              367851,
+              367852,
+              367877,
+              367878,
+              367879,
+              367880,
+              367906,
+              367932,
+              367934,
+              367937,
+              367947,
+              367948,
+              367972,
+              367973,
+              368070,
+              368123,
+              368129,
+              368130,
+              368203,
+              368204,
+              368247,
+              368253,
+              368318,
+              368394,
+              368420,
+              368442,
+              368474,
+              368558,
+              368559,
+              368592,
+              368689,
+              368691,
+              368692,
+              368718,
+              368728,
+              368755,
+              368756,
+              368757,
+              368758,
+              368767,
+              368776,
+              368779,
+              368826,
+              368831,
+              368972,
+              368988,
+              369031,
+              369066,
+              369067,
+              369068,
+              369069,
+              369073,
+              369162,
+              369322,
+              369335,
+              369383,
+              369403,
+              369413,
+              369427,
+              369444,
+              369445,
+              369457,
+              369468,
+              369469,
+              369470,
+              369471,
+              369549,
+              369571,
+              369698,
+              369703,
+              369704,
+              369705,
+              369707,
+              369911,
+              369912,
+              369919,
+              369999,
+              370019,
+              370163,
+              370164,
+              370188,
+              370266,
+              370312,
+              370317,
+              370377,
+              370378,
+              370416,
+              370420,
+              370467,
+              370468,
+              370494,
+              370513,
+              370514,
+              370526,
+              370527,
+              370568,
+              370582,
+              370613,
+              370615,
+              370616,
+              370622,
+              370623,
+              370629,
+              370657,
+              370730,
+              370764,
+              370765,
+              370831,
+              370861,
+              370977,
+              370981,
+              371039,
+              371051,
+              371052,
+              371150,
+              371348,
+              371351,
+              371392,
+              371415,
+              371416,
+              371467,
+              371522,
+              371550,
+              371571,
+              371572,
+              371664,
+              371666,
+              371667,
+              371705,
+              371724,
+              371725,
+              371728,
+              371734,
+              371735,
+              371736,
+              371737,
+              371738,
+              371739,
+              371740,
+              371749,
+              371752,
+              371756,
+              371757,
+              371758,
+              371759,
+              371760,
+              371761,
+              371763,
+              371776,
+              371784,
+              371801,
+              371803,
+              371804,
+              371847,
+              371873,
+              371875,
+              371876,
+              371925,
+              371926,
+              371927,
+              371952,
+              371977,
+              371978,
+              372054,
+              372055,
+              372082,
+              372116,
+              372117,
+              372118,
+              372119,
+              372136,
+              372192,
+              372193,
+              372195,
+              372206,
+              372209,
+              372213,
+              372214,
+              372215,
+              372218,
+              372269,
+              372290,
+              372302,
+              372314,
+              372321,
+              372322,
+              372323,
+              372325,
+              372328,
+              372330,
+              372334,
+              372337,
+              372346,
+              372348,
+              372355,
+              372358,
+              372359,
+              372377,
+              372378,
+              372384,
+              372385,
+              372386,
+              372387,
+              372388,
+              372389,
+              372391,
+              372392,
+              372393,
+              372412,
+              372417,
+              372418,
+              372419,
+              372420,
+              372421,
+              372422,
+              372427,
+              372429,
+              372453,
+              372502,
+              372524,
+              372528,
+              372544,
+              372558,
+              372589,
+              372591,
+              372615,
+              372616,
+              372617,
+              372618,
+              372619,
+              372635,
+              372647,
+              372653,
+              372673,
+              372685,
+              372704,
+              372743,
+              372744,
+              372745,
+              372748,
+              372901,
+              372902,
+              372904,
+              372915,
+              372970,
+              372972,
+              373008,
+              373080,
+              373081,
+              373082,
+              373083,
+              373092,
+              373093,
+              373094,
+              373095,
+              373105,
+              373109,
+              373110,
+              373112,
+              373138,
+              373139,
+              373142,
+              373155,
+              373183,
+              373184,
+              373193,
+              373279,
+              373280,
+              373281,
+              373282,
+              373285,
+              373286,
+              373288,
+              373289,
+              373290,
+              373291,
+              373292,
+              373293,
+              373294,
+              373295,
+              373296,
+              373297,
+              373298,
+              373353,
+              373354,
+              373355,
+              373373,
+              373374,
+              373407,
+              373448,
+              373593,
+              373594,
+              373595,
+              373596,
+              373597,
+              373598,
+              373602,
+              373603,
+              373631,
+              373632,
+              373633,
+              373638,
+              373639,
+              373640,
+              373641,
+              373642,
+              373643,
+              373683,
+              373693,
+              373694,
+              373730,
+              373731,
+              373732,
+              373743,
+              373744,
+              373745,
+              373765
+            ]
+          ]
+        }
+      ]
     }
   },
   "minor": {
diff --git a/src/store.ts b/src/store.ts
index 75ba96e6c..6a5dc8d26 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -36,7 +36,6 @@ export type VuexStoreState = {
   currentFirebaseUser: SimplifiedFirebaseUser;
   userName: FirestoreUserName;
   onboardingData: AppOnboardingData;
-  semesters: readonly FirestoreSemester[];
   orderByNewest: boolean;
   derivedCoursesData: DerivedCoursesData;
   toggleableRequirementChoices: AppToggleableRequirementChoices;
@@ -50,6 +49,8 @@ export type VuexStoreState = {
   subjectColors: Readonly<Record<string, string>>;
   uniqueIncrementer: number;
   isTeleportModalOpen: boolean;
+  plans: readonly Plan[];
+  currentPlan: Plan;
 };
 
 export class TypedVuexStore extends Store<VuexStoreState> {}
@@ -74,9 +75,9 @@ const store: TypedVuexStore = new TypedVuexStore({
       grad: '',
       exam: [],
       tookSwim: 'no',
+      sawNewFeature: false,
     },
     orderByNewest: true,
-    semesters: [],
     derivedCoursesData: {
       duplicatedCourseCodeSet: new Set(),
       courseMap: {},
@@ -96,8 +97,18 @@ const store: TypedVuexStore = new TypedVuexStore({
     subjectColors: {},
     uniqueIncrementer: 0,
     isTeleportModalOpen: false,
+    plans: [],
+    currentPlan: { name: '', semesters: [] },
   },
   actions: {},
+  getters: {
+    getCurrentPlanSemesters(state: VuexStoreState): readonly FirestoreSemester[] {
+      return state.plans.length === 0
+        ? []
+        : state.plans.find(p => p.name === state.currentPlan.name)?.semesters ??
+            state.plans[0].semesters;
+    },
+  },
   mutations: {
     setCurrentFirebaseUser(state: VuexStoreState, user: SimplifiedFirebaseUser) {
       state.currentFirebaseUser = user;
@@ -111,9 +122,6 @@ const store: TypedVuexStore = new TypedVuexStore({
     setOrderByNewest(state: VuexStoreState, orderByNewest: boolean) {
       state.orderByNewest = orderByNewest;
     },
-    setSemesters(state: VuexStoreState, semesters: readonly FirestoreSemester[]) {
-      state.semesters = sortedSemesters(semesters, state.orderByNewest);
-    },
     setDerivedCourseData(state: VuexStoreState, data: DerivedCoursesData) {
       state.derivedCoursesData = data;
     },
@@ -158,6 +166,26 @@ const store: TypedVuexStore = new TypedVuexStore({
     setIsTeleportModalOpen(state: VuexStoreState, newTeleportModalValue: boolean) {
       state.isTeleportModalOpen = newTeleportModalValue;
     },
+    setPlans(state: VuexStoreState, newPlans: readonly Plan[]) {
+      state.plans = newPlans;
+    },
+    setCurrentPlan(state: VuexStoreState, newCurrPlan: Plan) {
+      state.currentPlan = newCurrPlan;
+    },
+    setSemesters(state: VuexStoreState, semesters: readonly FirestoreSemester[]) {
+      const editedPlan: Plan = {
+        name: state.currentPlan.name,
+        semesters: sortedSemesters(semesters, state.orderByNewest),
+      };
+      const editedPlans = state.plans.map(plan =>
+        plan.name === state.currentPlan.name ? editedPlan : plan
+      );
+      state.plans = editedPlans;
+      state.currentPlan = editedPlan;
+    },
+    setSawNewFeature(state: VuexStoreState, seen: boolean) {
+      state.onboardingData.sawNewFeature = seen;
+    },
   },
 });
 
@@ -169,15 +197,22 @@ const autoRecomputeDerivedData = (): (() => void) =>
         break;
       }
       case 'setOrderByNewest': {
-        store.commit('setSemesters', sortedSemesters(state.semesters, state.orderByNewest));
+        store.commit(
+          'setSemesters',
+          sortedSemesters(store.getters.getCurrentPlanSemesters, state.orderByNewest)
+        );
         break;
       }
-      case 'setSemesters': {
+      case 'setSemesters' || 'setPlans': {
         const allCourseSet = new Set<string>();
         const duplicatedCourseCodeSet = new Set<string>();
         const courseMap: Record<number, FirestoreSemesterCourse> = {};
         const courseToSemesterMap: Record<number, FirestoreSemester> = {};
-        state.semesters.forEach(semester => {
+        (state.plans.length === 0
+          ? []
+          : state.plans.find(p => p.name === state.currentPlan.name)?.semesters ??
+            state.plans[0].semesters
+        ).forEach(semester => {
           semester.courses.forEach(course => {
             if (isPlaceholderCourse(course)) {
               return;
@@ -208,13 +243,18 @@ const autoRecomputeDerivedData = (): (() => void) =>
       mutation.type === 'setOnboardingData' ||
       mutation.type === 'setSemesters' ||
       mutation.type === 'setToggleableRequirementChoices' ||
-      mutation.type === 'setOverriddenFulfillmentChoices'
+      mutation.type === 'setOverriddenFulfillmentChoices' ||
+      mutation.type === 'setCurrentPlan' ||
+      mutation.type === 'setPlans'
     ) {
       if (state.onboardingData.college !== '') {
         store.commit(
           'setRequirementData',
           computeGroupedRequirementFulfillmentReports(
-            state.semesters,
+            state.plans.length === 0
+              ? []
+              : state.plans.find(p => p.name === state.currentPlan.name)?.semesters ??
+                  state.plans[0].semesters,
             state.onboardingData,
             state.toggleableRequirementChoices,
             state.overriddenFulfillmentChoices
@@ -283,15 +323,20 @@ export const initializeFirestoreListeners = (onLoad: () => void): (() => void) =
   getDoc(doc(fb.semestersCollection, simplifiedUser.email)).then(snapshot => {
     const data = snapshot.data();
     if (data) {
-      const semesters = getFirstPlan(data);
+      const plan = getFirstPlan(data);
+      store.commit('setPlans', data.plans);
+      store.commit('setCurrentPlan', plan);
       const { orderByNewest } = data;
-      store.commit('setSemesters', semesters);
+      store.commit('setSemesters', plan.semesters);
       updateDoc(doc(fb.semestersCollection, simplifiedUser.email), {
-        plans: [{ semesters }], // TODO: andxu282 update later
+        plans: data.plans,
       });
       // if user hasn't yet chosen an ordering, choose true by default
       store.commit('setOrderByNewest', orderByNewest === undefined ? true : orderByNewest);
     } else {
+      const plans = [{ name: 'Plan 1', semesters: [] }];
+      store.commit('setPlans', plans);
+      store.commit('setCurrentPlan', plans[0]);
       const newSemester: FirestoreSemester = {
         year: getCurrentYear(),
         season: getCurrentSeason(),
@@ -300,7 +345,7 @@ export const initializeFirestoreListeners = (onLoad: () => void): (() => void) =
       store.commit('setSemesters', [newSemester]);
       setDoc(doc(fb.semestersCollection, simplifiedUser.email), {
         orderByNewest: true,
-        plans: [{ semesters: [newSemester] }], // TODO: andxu282 update later
+        plans: [{ name: 'Plan 1', semesters: [newSemester] }],
         semesters: [newSemester],
       });
     }
diff --git a/src/tools/export-plan/pdf-generator.ts b/src/tools/export-plan/pdf-generator.ts
index 46f05fa6e..be734ee3e 100644
--- a/src/tools/export-plan/pdf-generator.ts
+++ b/src/tools/export-plan/pdf-generator.ts
@@ -135,7 +135,7 @@ const generatePDF = async (): Promise<void> => {
   doc.setTextColor('#000000');
 
   // Rendering tables now
-  const sems = trimEmptySems(sortedSemesters(store.state.semesters, false));
+  const sems = trimEmptySems(sortedSemesters(store.getters.getCurrentPlanSemesters, false));
   let startct = Math.max(firstTableY, programY + 20);
 
   const emojiMap = {
diff --git a/src/user-data-converter.ts b/src/user-data-converter.ts
index f012050d3..c0b58f35c 100644
--- a/src/user-data-converter.ts
+++ b/src/user-data-converter.ts
@@ -201,4 +201,5 @@ export const createAppOnboardingData = (data: FirestoreOnboardingUserData): AppO
         ]
       : [],
   tookSwim: 'tookSwim' in data ? data.tookSwim : 'no',
+  sawNewFeature: data.sawNewFeature,
 });
diff --git a/src/user-data.d.ts b/src/user-data.d.ts
index 5485f22e0..ceb82ba4a 100644
--- a/src/user-data.d.ts
+++ b/src/user-data.d.ts
@@ -36,7 +36,7 @@ type FirestoreSemester = {
 };
 
 type FirestoreSemestersData = {
-  readonly plans?: readonly { semesters: readonly FirestoreSemester[] }[];
+  readonly plans: readonly Plan[];
   readonly semesters: readonly FirestoreSemester[];
   readonly orderByNewest: boolean;
 };
@@ -65,6 +65,7 @@ type FirestoreOnboardingUserData = {
   readonly gradPrograms: readonly FirestoreCollegeMajorMinorOrGrad[];
   readonly exam: readonly FirestoreTransferExam[];
   readonly tookSwim: 'yes' | 'no';
+  sawNewFeature: boolean;
 };
 
 type FirestoreCourseOptInOptOutChoices = {
@@ -77,7 +78,7 @@ type FirestoreCourseOptInOptOutChoices = {
    * It's for attaching completely unknown courses to a requirement
    * (e.g. opt-in CS 2112 for history requirement).
    */
-  readonly arbitraryOptIn: readonly { readonly [requirement: string]: readonly string[] };
+  readonly arbitraryOptIn: { readonly [requirement: string]: readonly string[] };
 };
 type FirestoreOverriddenFulfillmentChoices = {
   readonly [courseUniqueId: string]: FirestoreCourseOptInOptOutChoices;
@@ -85,7 +86,6 @@ type FirestoreOverriddenFulfillmentChoices = {
 
 type FirestoreUserData = {
   readonly name: FirestoreUserName;
-  readonly semesters: FirestoreSemester[];
   readonly orderByNewest: boolean;
   readonly toggleableRequirementChoices: AppToggleableRequirementChoices;
   readonly subjectColors: { readonly [subject: string]: string };
@@ -190,6 +190,7 @@ type AppOnboardingData = {
   readonly grad?: string;
   readonly exam: readonly FirestoreTransferExam[];
   readonly tookSwim: 'yes' | 'no';
+  sawNewFeature: boolean;
 };
 
 type AppBottomBarCourse = {
@@ -219,3 +220,8 @@ type AppFirestoreSemesterCourseWithRequirementID = FirestoreSemesterCourse & {
 
 /** Map from requirement ID to option chosen */
 type AppToggleableRequirementChoices = Readonly<Record<string, string>>;
+
+type Plan = {
+  readonly name: string;
+  readonly semesters: readonly FirestoreSemester[];
+};
diff --git a/src/utilities.ts b/src/utilities.ts
index 7b85e71e8..0ab4e7788 100644
--- a/src/utilities.ts
+++ b/src/utilities.ts
@@ -16,11 +16,8 @@ export const SeasonOrdinal = {
  * @param semestersDoc A document in the `user-semesters` collection
  * @returns The user's first plan
  */
-export const getFirstPlan = ({
-  semesters,
-  plans,
-}: FirestoreSemestersData): readonly FirestoreSemester[] =>
-  plans && plans.length > 0 ? plans[0].semesters : semesters;
+export const getFirstPlan = ({ semesters, plans }: FirestoreSemestersData): Plan =>
+  plans && plans.length > 0 ? plans[0] : { name: 'Plan 1', semesters };
 
 /**
  * Returns given semesters sorted in either increasing or decreasing order of date