diff --git a/src/components/SchematicComponent.vue b/src/components/SchematicComponent.vue
new file mode 100644
index 0000000..3bcb937
--- /dev/null
+++ b/src/components/SchematicComponent.vue
@@ -0,0 +1,228 @@
+<template>
+  <div v-if="schematic.name && layout !== 'list'"
+       :class="['schematic', 'grid', schematic.rarity, { label, 'coming-soon': schematic.comingSoon, 'unlocked' : completed }]"
+       v-tippy="{ content: `${this.schematicRequirements[schematic.name]}. ${schematic.cooldown} cooldown.`, placement: 'bottom' }"
+       @click="toggleSchematicAcquired(schematic.name, schematic.acquired)">
+    <div class="icon"
+         :style="{ backgroundImage: `url(https://emilcarlsson.se/interstellar/schematics/${convertToKebabCase(schematic.name)}.png)` }"></div>
+    <div class="label">{{ schematic.name }}</div>
+
+    <IconComponent v-if="schematic.acquired" class="lockStatus" name="unlock" />
+    <IconComponent v-else class="lockStatus" name="lock" />
+  </div>
+
+  <div v-else-if="schematic.name && layout === 'list'"
+       :class="['schematic', 'list', schematic.rarity, { label, 'coming-soon': schematic.comingSoon, 'unlocked' : completed }]"
+       @click="toggleSchematicAcquired(schematic.name, schematic.acquired)">
+    <div class="image-container">
+      <img :src="'https://emilcarlsson.se/interstellar/schematics/' + convertToKebabCase(schematic.name) + '.png'" :alt="schematic.name"/>
+
+      <IconComponent v-if="schematic.acquired === true" class="lockStatus" name="unlock" />
+      <IconComponent v-else class="lockStatus" name="lock" />
+    </div>
+    <div class="details">
+      <h2>{{ schematic.name }}</h2>
+      <p>{{ schematic.description }} {{schematic.cooldown}} cooldown.</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {useStore} from '@/stores/store'
+import {convertToKebabCase} from '@/utils/utils'
+import {mapActions, mapState} from 'pinia'
+
+export default {
+  props: {
+    schematic: {
+      type: Object,
+      required: true,
+    }
+  },
+
+  data() {
+    return {
+      store: useStore(),
+    }
+  },
+
+  computed: {
+    ...mapState(useStore, ['schematicRequirements', 'preferences']),
+
+    layout() {
+      return this.preferences.layout
+    },
+
+    completed() {
+      return this.schematic.acquired
+    },
+
+    label() {
+      if (this.schematic.comingSoon) {
+        return this.$t('general.coming_soon')
+      } else {
+        return null
+      }
+    },
+  },
+
+  methods: {
+    convertToKebabCase,
+    ...mapActions(useStore, [
+      'toggleSchematicAcquired'
+    ])
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+
+.schematic.grid {
+  height: 192px;
+  margin: 1ch;
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  opacity: 0.8;
+  filter: grayscale(60%);
+  background: url("https://emilcarlsson.se/interstellar/schematics/bg/uncommon.png") no-repeat center / cover;
+  transition: all 0.1s;
+  position: relative;
+  cursor: pointer;
+
+  &.rare {
+    background-image: url("https://emilcarlsson.se/interstellar/schematics/bg/rare.png");
+  }
+
+  &.epic {
+    background-image: url("https://emilcarlsson.se/interstellar/schematics/bg/epic.png");
+  }
+
+  &.legendary {
+    background-image: url("https://emilcarlsson.se/interstellar/schematics/bg/legendary.png");
+  }
+
+  &.ultra {
+    background-image: url("https://emilcarlsson.se/interstellar/schematics/bg/ultra.png");
+  }
+
+  .lockStatus {
+    position: absolute;
+    top: 0;
+    right: 20px;
+    width: 16px;
+    height: 16px;
+    padding: 1ch;
+    color: rgba(255, 255, 255, .6);
+    filter: saturate(0);
+  }
+
+  .icon {
+    width: 100%;
+    height: 100%;
+    opacity: 0.5;
+    background: url("https://emilcarlsson.se/interstellar/schematics/ray-gun.png") no-repeat center / contain;
+    transform: scale(0.9);
+  }
+
+  .label {
+    position: absolute;
+    display: block;
+    text-align: center;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    font-size: 1rem;
+    padding: .7ch;
+    color: rgba(255, 255, 255, 0.8);
+    text-transform: uppercase;
+    font-weight: 400;
+  }
+
+  &:hover, &.unlocked {
+    opacity: 1;
+    filter: grayscale(0);
+
+    .icon {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+}
+
+.schematic.list {
+  display: grid;
+  grid-template-columns: 128px 1fr;
+  text-align: left;
+  height: 64px;
+  line-height: 1.3;
+  margin-bottom: 1ch;
+  border-radius: $border-radius;
+  background-image: linear-gradient(to right, transparent, #121212 256px, #121212 calc(100% - 16px), transparent), url("https://emilcarlsson.se/interstellar/schematics/bg/uncommon.png");
+  opacity: 0.7;
+  filter: grayscale(65%);
+  border: 1px solid transparent;
+  transition: all 0.1s;
+
+  @media (max-width: $tablet) {
+    grid-template-columns: 1fr;
+    height: unset;
+    display: flex;
+  }
+
+  .details {
+    padding-top: 1.4ch;
+    font-size: 11px;
+    h2 {
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+
+  &.rare {
+    background-image: linear-gradient(to right, transparent, #121212 256px, #121212 calc(100% - 16px), transparent), url("https://emilcarlsson.se/interstellar/schematics/bg/rare.png");
+  }
+
+  &.epic {
+    background-image: linear-gradient(to right, transparent, #121212 256px, #121212 calc(100% - 16px), transparent), url("https://emilcarlsson.se/interstellar/schematics/bg/epic.png");
+  }
+
+  &.legendary {
+    background-image: linear-gradient(to right, transparent, #121212 256px, #121212 calc(100% - 16px), transparent), url("https://emilcarlsson.se/interstellar/schematics/bg/legendary.png");
+  }
+
+  &.ultra {
+    background-image: linear-gradient(to right, transparent, #121212 256px, #121212 calc(100% - 16px), transparent), url("https://emilcarlsson.se/interstellar/schematics/bg/ultra.png");
+  }
+
+  &.unlocked {
+    opacity: 1;
+    filter: grayscale(0);
+  }
+
+  &:hover {
+    opacity: 1;
+    filter: grayscale(0) brightness(1.3);
+  }
+
+  img {
+    margin-left: 48px;
+    width: 64px;
+    height: 64px;
+  }
+
+  .image-container {
+    position: relative;
+  }
+
+  .lockStatus {
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    width: 42px;
+    height: 42px;
+    padding: 1ch;
+    color: rgba(0, 0, 0, 1);
+    filter: saturate(0);
+    font-size: 24px;
+  }
+}
+</style>
diff --git a/src/components/SchematicsComponent.vue b/src/components/SchematicsComponent.vue
new file mode 100644
index 0000000..27ce641
--- /dev/null
+++ b/src/components/SchematicsComponent.vue
@@ -0,0 +1,171 @@
+<template>
+  <AlertComponent type="success" v-if="completionState" class="success-box">
+    <p>
+      {{$t('pages.schematics.finished_placeholder')}}
+    </p>
+  </AlertComponent>
+
+  <br/>
+
+  <div v-for="schematic in schematics" :key="schematic.category" class="category">
+    <h2>
+      <span>{{ $t('schematic_categories.' + schematic[0].category) }}</span>
+      <span v-tippy :content="$t('pages.schematics.completed_in_category')">
+          {{ categoryProgress(schematic[0].category) }}
+        </span>
+    </h2>
+    <div :class="['schematics', {'grid' : layout === 'grid'}]">
+      <SchematicComponent
+          v-for="schematic in schematic[0]"
+          :key="schematic.name"
+          :schematic="schematic"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'pinia'
+import {useStore} from '@/stores/store'
+
+import AlertComponent from '@/components/AlertComponent.vue'
+import SchematicComponent from "@/components/SchematicComponent.vue";
+
+export default {
+  components: {
+    SchematicComponent,
+    AlertComponent,
+  },
+
+  props: {
+    schematics: {
+      type: Object,
+      required: false,
+    },
+  },
+
+  computed: {
+    ...mapState(useStore, ['schematicRequirements', 'preferences']),
+
+    layout() {
+      return this.preferences.layout
+    },
+
+    showFavorites() {
+      return this.preferences.favorites
+    },
+
+    completionState() {
+      return this.calculateCompletionState(this.schematics)
+    },
+  },
+
+  methods: {
+    categoryProgress(category) {
+
+
+      let schematics = this.schematics[category][0]
+
+      let total = -1
+      let completed = 0
+      for (let s in schematics) {
+        if (schematics[s]) {
+          if (schematics[s].acquired) {
+            completed += 1;
+          }
+          total += 1;
+        }
+      }
+
+      return completed > total ? `${total}/${total}` : `${Math.floor(completed)}/${total}`
+    },
+
+    calculateCompletionState(schematics) {
+      for (let cat in schematics) {
+        for (let s in schematics[cat][0]) {
+          if (schematics[cat][0][s].acquired === false) {
+            return false
+          }
+        }
+      }
+      return true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+
+  .category {
+    cursor: default;
+
+    + .category {
+      margin-top: 75px;
+
+      @media (max-width: $tablet) {
+        margin-top: 100px;
+      }
+    }
+
+    h2 {
+      align-items: center;
+      display: inline-flex;
+      justify-content: space-between;
+      font-size: 24px;
+      font-weight: 600;
+      margin-bottom: 25px;
+      width: 100%;
+
+      span:first-child {
+        cursor: pointer;
+        user-select: none;
+      }
+
+      span:last-child:not(:first-child) {
+        color: $elevation-9-color;
+        font-size: 18px;
+        margin-left: 10px;
+
+        &.action {
+          color: $elevation-9-color;
+          cursor: pointer;
+          font-size: 14px;
+          transition: $transition;
+
+          &:hover {
+            color: lighten($elevation-9-color, 10%);
+          }
+        }
+      }
+
+      @media (max-width: $tablet) {
+        margin-bottom: 35px;
+      }
+    }
+
+    .schematics {
+
+      &.grid {
+        display: grid;
+        gap: 1ch;
+        grid-template-columns: repeat(5, 1fr);
+
+        @media (max-width: $tablet) {
+          grid-template-columns: 1fr 1fr;
+        }
+      }
+      width: 100%;
+
+      @media (max-width: $tablet) {
+        grid-template-columns: 1fr;
+      }
+    }
+  }
+}
+
+.success-box {
+  margin: 2ch 0;
+}
+</style>
diff --git a/src/data/defaults/progress/schematics.js b/src/data/defaults/progress/schematics.js
new file mode 100644
index 0000000..101e023
--- /dev/null
+++ b/src/data/defaults/progress/schematics.js
@@ -0,0 +1,29 @@
+export default {
+    'Uncommon Aether Tool': false,
+    'Rare Aether Tool': false,
+    'Epic Aether Tool': false,
+    'Legendary Aether Tool': false,
+    'Raw Aetherium Crystal': false,
+    'Refined Aetherium Crystal': false,
+    'Flawless Aetherium Crystal': false,
+    'Deadshot Daiquiri Can': false,
+    'Speed Cola Can': false,
+    'Death Perception Can': false,
+    'Elemental Pop Can': false,
+    'Jugger-Nog Can': false,
+    'PHD Flopper Can': false,
+    'Quick Revive Can': false,
+    'Stamin-Up Can': false,
+    'Tombstone Soda Can': false,
+    'Napalm Burst Ammo Mod': false,
+    'Shatter Blast Ammo Mod': false,
+    'Brain Rot Ammo Mod': false,
+    'Cryo Freeze Ammo Mod': false,
+    'Dead Wire Ammo Mod': false,
+    'Ray Gun': false,
+    'Wunderwaffe DG-2': false,
+    'V-R11': false,
+    'Aether Blade Case': false,
+    'Dog Bone': false,
+    'Golden Armor Plate': false,
+}
diff --git a/src/data/requirements/schematics.js b/src/data/requirements/schematics.js
new file mode 100644
index 0000000..d12f524
--- /dev/null
+++ b/src/data/requirements/schematics.js
@@ -0,0 +1,29 @@
+export default {
+    'Uncommon Aether Tool': "Act 1 Tier 5 Mission",
+    'Rare Aether Tool': "Act 2 Tier 5 Mission",
+    'Epic Aether Tool': "Contracts in High Threat Zone",
+    'Legendary Aether Tool': "???",
+    'Raw Aetherium Crystal': "Contracts in Medium Threat Zone",
+    'Refined Aetherium Crystal': "Contracts in High Threat Zone",
+    'Flawless Aetherium Crystal': "???",
+    'Deadshot Daiquiri Can': "Contracts in Low Threat Zone",
+    'Speed Cola Can': "Contracts in Low Threat Zone",
+    'Death Perception Can': "Act 3 Tier 1 Mission",
+    'Elemental Pop Can': "Contracts in High Threat Zone",
+    'Jugger-Nog Can': "Contracts in Medium Threat Zone",
+    'PHD Flopper Can': "Contracts in Medium Threat Zone",
+    'Quick Revive Can': "Act 1 Tier 5 Mission",
+    'Stamin-Up Can': "Contracts in Low Threat Zone",
+    'Tombstone Soda Can': "Contracts in High Threat Zone",
+    'Napalm Burst Ammo Mod': "Contracts in Low Threat Zone",
+    'Shatter Blast Ammo Mod': "Contracts in Medium Threat Zone",
+    'Brain Rot Ammo Mod': "Contracts in Low Threat Zone",
+    'Cryo Freeze Ammo Mod': "Act 2 Tier 2 Mission",
+    'Dead Wire Ammo Mod': "Contracts in Medium Threat Zone",
+    'Ray Gun': "Contracts in High Threat Zone",
+    'Wunderwaffe DG-2': "Contracts in High Threat Zone",
+    'V-R11': "Dark Aether Rift",
+    'Aether Blade Case': "Dark Aether Rift",
+    'Dog Bone': "Dark Aether Rift",
+    'Golden Armor Plate': "Dark Aether Rift",
+}
diff --git a/src/data/schematics.js b/src/data/schematics.js
new file mode 100644
index 0000000..52c06d9
--- /dev/null
+++ b/src/data/schematics.js
@@ -0,0 +1,13 @@
+import aetherium from './schematics/aetherium'
+import perkaCola from './schematics/perkaCola'
+import ammoMod from './schematics/ammoMod'
+import wonderWeapon from './schematics/wonderWeapon'
+import classified from "@/data/schematics/classified";
+
+export default [
+  {category: 'Aetherium', ...aetherium},
+  {category: 'Perk-A-Cola', ...perkaCola},
+  {category: 'Ammo Mod', ...ammoMod},
+  {category: 'Wonder Weapon', ...wonderWeapon},
+  {category: 'Classified', ...classified}
+]
diff --git a/src/data/schematics/aetherium.js b/src/data/schematics/aetherium.js
new file mode 100644
index 0000000..d1059b0
--- /dev/null
+++ b/src/data/schematics/aetherium.js
@@ -0,0 +1,54 @@
+import defaultProgress from '@/data/defaults/progress/schematics'
+
+// The order of the items in this array is the order they will appear in the app
+const schematics = [
+    {
+        name: 'Uncommon Aether Tool',
+        rarity: 'uncommon',
+        description: 'Upgrades currently held weapon to Uncommon Rarity.',
+        cooldown: '2 hour'
+    },
+    {
+        name: 'Rare Aether Tool',
+        rarity: 'rare',
+        description: 'Upgrades currently held weapon to Rare Rarity.',
+        cooldown: '5 hour'
+    },
+    {
+        name: 'Raw Aetherium Crystal',
+        rarity: 'epic',
+        description: 'Pack-A-Punches currently held weapon to Level I.',
+        cooldown: '8 hour'
+    },
+    {
+        name: 'Epic Aether Tool',
+        rarity: 'epic',
+        description: 'Upgrades currently held weapon to Epic Rarity.',
+        cooldown: '8 hour'
+    },
+    {
+        name: 'Legendary Aether Tool',
+        rarity: 'legendary',
+        description: 'Upgrades currently held weapon to Legendary Rarity.',
+        cooldown: '8 hour'
+    },
+    {
+        name: 'Refined Aetherium Crystal',
+        rarity: 'legendary',
+        description: 'Pack-A-Punches currently held weapon to Level II.',
+        cooldown: '8 hour'
+    },
+    {
+        name: 'Flawless Aetherium Crystal',
+        rarity: 'ultra',
+        description: 'Pack-A-Punches currently held weapon to Level III.',
+        cooldown: '8 hour'
+    }
+]
+
+export default schematics.map((schematic) => ({
+    category: 'Aetherium',
+    comingSoon: schematic.comingSoon || false,
+    acquired: defaultProgress[schematic.name],
+    ...schematic
+}))
diff --git a/src/data/schematics/ammoMod.js b/src/data/schematics/ammoMod.js
new file mode 100644
index 0000000..7d14671
--- /dev/null
+++ b/src/data/schematics/ammoMod.js
@@ -0,0 +1,42 @@
+import defaultProgress from '@/data/defaults/progress/schematics'
+
+// The order of the items in this array is the order they will appear in the app
+const schematics = [
+    {
+        name: 'Napalm Burst Ammo Mod',
+        rarity: 'rare',
+        description: 'Applies Napalm Burst to your currently held weapon.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Shatter Blast Ammo Mod',
+        rarity: 'rare',
+        description: 'Applies Shatter Blast to your currently held weapon.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Brain Rot Ammo Mod',
+        rarity: 'rare',
+        description: 'Applies Brain Rot to your currently held weapon.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Cryo Freeze Ammo Mod',
+        rarity: 'rare',
+        description: 'Applies Cryo Freeze to your currently held weapon.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Dead Wire Ammo Mod',
+        rarity: 'rare',
+        description: 'Applies Dead Wire to your currently held weapon.',
+        cooldown: '3 hour'
+    }
+]
+
+export default schematics.map((schematic) => ({
+    category: 'Ammo Mod',
+    comingSoon: schematic.comingSoon || false,
+    acquired: defaultProgress[schematic.name],
+    ...schematic
+}))
diff --git a/src/data/schematics/classified.js b/src/data/schematics/classified.js
new file mode 100644
index 0000000..1ddc551
--- /dev/null
+++ b/src/data/schematics/classified.js
@@ -0,0 +1,30 @@
+import defaultProgress from '@/data/defaults/progress/schematics'
+
+// The order of the items in this array is the order they will appear in the app
+const schematics = [
+    {
+        name: 'Aether Blade Case',
+        rarity: 'ultra',
+        description: '-CLASSIFIED- No.200 [ Code: Imbued Blade ]',
+        cooldown: '???'
+    },
+    {
+        name: 'Dog Bone',
+        rarity: 'legendary',
+        description: '-CLASSIFIED- No.332 [ Code: Good Dog ]',
+        cooldown: '???'
+    },
+    {
+        name: 'Golden Armor Plate',
+        rarity: 'legendary',
+        description: '-CLASSIFIED- No.215 [ Code: Gold Armor ]',
+        cooldown: '???'
+    }
+]
+
+export default schematics.map((schematic) => ({
+    category: 'Classified',
+    comingSoon: schematic.comingSoon || false,
+    acquired: defaultProgress[schematic.name],
+    ...schematic
+}))
diff --git a/src/data/schematics/perkaCola.js b/src/data/schematics/perkaCola.js
new file mode 100644
index 0000000..87d7282
--- /dev/null
+++ b/src/data/schematics/perkaCola.js
@@ -0,0 +1,66 @@
+import defaultProgress from '@/data/defaults/progress/schematics'
+
+// The order of the items in this array is the order they will appear in the app
+const schematics = [
+    {
+        name: 'Deadshot Daiquiri Can',
+        rarity: 'epic',
+        description: 'ADS moves to enemy critical location. Remove scope sway.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Death Perception Can',
+        rarity: 'epic',
+        description: 'Obscured enemies, chests, resources, and item drops are keylined.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'PHD Flopper Can',
+        rarity: 'epic',
+        description: 'Dive to prone triggers an explosion. The explosion increases the higher you fall. Immunity from fall damage while diving.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Quick Revive Can',
+        rarity: 'epic',
+        description: 'Reduce the health regen delay time by 50%. Reduce the time it takes to revive an ally by 50%.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Speed Cola Can',
+        rarity: 'epic',
+        description: 'Reload and replate amor faster.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Stamin-Up Can',
+        rarity: 'epic',
+        description: 'Increase run and sprint speed.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Elemental Pop Can',
+        rarity: 'epic',
+        description: 'Every bullet you fire has a small chance to apply a random Ammo Mod effect.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Jugger-Nog Can',
+        rarity: 'epic',
+        description: 'Increases max health.',
+        cooldown: '3 hour'
+    },
+    {
+        name: 'Tombstone Soda Can',
+        rarity: 'epic',
+        description: 'On death create a tombstone stash at that location containing your backpack inventory in the next game.',
+        cooldown: '3 hour'
+    }
+]
+
+export default schematics.map((schematic) => ({
+    category: 'Perk-A-Cola',
+    comingSoon: schematic.comingSoon || false,
+    acquired: defaultProgress[schematic.name],
+    ...schematic
+}))
diff --git a/src/data/schematics/wonderWeapon.js b/src/data/schematics/wonderWeapon.js
new file mode 100644
index 0000000..ba71e56
--- /dev/null
+++ b/src/data/schematics/wonderWeapon.js
@@ -0,0 +1,30 @@
+import defaultProgress from '@/data/defaults/progress/schematics'
+
+// The order of the items in this array is the order they will appear in the app
+const schematics = [
+    {
+        name: 'Ray Gun',
+        rarity: 'ultra',
+        description: 'Ray Gun Weapon Case that can be opened to equip the Ray Gun Wonder Weapon.',
+        cooldown: '48 hour'
+    },
+    {
+        name: 'The Scorcher',
+        rarity: 'ultra',
+        description: 'Scorcher Weapon Case that can be opened to equip the Scorcher Wonder Weapon.',
+        cooldown: '48 hour'
+    },
+    {
+        name: 'Wunderwaffe DG-2',
+        rarity: 'ultra',
+        description: 'Wunderwaffe DG-2 Weapon Case that can be opened to equip the Wunderwaffe DG-2 Wonder Weapon.',
+        cooldown: '48 hour'
+    }
+]
+
+export default schematics.map((schematic) => ({
+    category: 'Wonder Weapon',
+    comingSoon: schematic.comingSoon || false,
+    acquired: defaultProgress[schematic.name],
+    ...schematic
+}))
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index a64e8c8..6df7691 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -34,7 +34,8 @@
     "translated_by": ", translated by {0}",
     "weapon": "Weapon | Weapons",
     "unlocked": "unlocked",
-    "zombies": "Zombies"
+    "zombies": "Zombies",
+    "schematics": "Schematics"
   },
   "filters": {
     "hide_completed": "Hide completed",
@@ -129,6 +130,11 @@
       "finished_placeholder": "You have completed all camouflage challenges 👏",
       "requirement_tooltip": "Get the {weapon} to level {level} - {challenge}"
     },
+    "schematics": {
+      "completed_in_category": "Schematics completed in category",
+      "finished_placeholder": "You have acquired all Schematics! 👏",
+      "check_out_tracker": "Want to track your Schematics? Check out the"
+    },
     "mastery": {
       "completed_modal": {
         "body": "Congratulations on finishing all mastery challenges! That's quite the feat! You first started tracking your grind here {duration} on {date}.",
@@ -697,5 +703,12 @@
     "Shotguns": "Shotguns",
     "Sniper Rifles": "Sniper Rifles",
     "Sub Machine Guns": "Sub Machine Guns"
+  },
+  "schematic_categories": {
+    "Aetherium": "Aetherium",
+    "Perk-A-Cola": "Perk-A-Cola",
+    "Ammo Mod": "Ammo Mod",
+    "Wonder Weapon": "Wonder Weapon",
+    "Classified": "Classified"
   }
 }
diff --git a/src/icons/unicons.js b/src/icons/unicons.js
index 2a3069c..def9785 100644
--- a/src/icons/unicons.js
+++ b/src/icons/unicons.js
@@ -36,6 +36,8 @@ import {
   uniStarSolid,
   uniTimes,
   uniTrash,
+  uniUnlock,
+  uniLock
 } from 'vue-unicons/dist/icons'
 
 Unicon.add([
@@ -72,6 +74,8 @@ Unicon.add([
   uniStarSolid,
   uniTimes,
   uniTrash,
+  uniUnlock,
+  uniLock
 ])
 
 export default Unicon
diff --git a/src/router/index.js b/src/router/index.js
index 22dd9b1..3d5190b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -34,6 +34,11 @@ const routes = [
     name: 'zombies',
     component: () => import('../views/ZombiesView.vue'),
   },
+  {
+    path: '/zombies/schematics',
+    name: 'schematics',
+    component: () => import('../views/SchematicsView.vue'),
+  },
   {
     path: '/about',
     name: 'about',
diff --git a/src/stores/store.js b/src/stores/store.js
index 789d626..3dc1290 100644
--- a/src/stores/store.js
+++ b/src/stores/store.js
@@ -2,11 +2,13 @@ import { defineStore } from 'pinia'
 import { notify } from '@kyvg/vue3-notification'
 import { filterObject } from '@/utils/utils'
 import defaultWeapons from '@/data/weapons'
+import defaultSchematics from '@/data/schematics'
 import defaultCallingCards from '@/data/defaults/calling_cards'
 import defaultFilters from '@/data/defaults/filters'
 import defaultPreferences from '@/data/defaults/preferences'
 import weaponRequirements from '@/data/requirements/weapons'
 import masteryRequirements from '@/data/masteryRequirements'
+import schematicRequirements from '@/data/requirements/schematics'
 import camouflageRequirements from '@/data/requirements/camouflages'
 import camouflageNameChanges from '@/data/camouflageNameChanges'
 
@@ -28,9 +30,11 @@ export const useStore = defineStore({
     filters: {},
     weaponRequirements: { ...weaponRequirements },
     masteryRequirements: { ...masteryRequirements },
+    schematicRequirements: { ...schematicRequirements },
     weapons: [],
     callingCards: {},
     preferences: { ...defaultPreferences },
+    schematics: []
   }),
 
   getters: {
@@ -39,6 +43,8 @@ export const useStore = defineStore({
     weaponCategories: (state) =>
       Array.from(new Set(state.weapons.map((weapon) => weapon.category))),
     callingCardCompleted: (state) => (card) => state.callingCards[card],
+    schematicCategories: (state) =>
+        Array.from(new Set(state.schematics.map((schematic) => schematic.category)))
   },
 
   actions: {
@@ -123,17 +129,31 @@ export const useStore = defineStore({
       }
     },
 
+    setSchematics(schematics) {
+      this.schematics = JSON.parse(JSON.stringify(defaultSchematics))
+
+
+      if (schematics) {
+        Object.keys(schematics).forEach((key) => {
+          if (key in defaultSchematics) {
+            this.schematics[key] = schematics[key]
+          }
+        })
+      }
+    },
+
     getStoredProgress() {
       const storage = localStorage.getItem(token)
 
       if (!storage) {
         this.setWeapons()
+        this.setSchematics()
         this.setCallingCards()
         this.setFilters()
         return
       }
 
-      const { weapons, callingCards, filters, beganGrind, favorites, preferences } =
+      const { weapons, callingCards, filters, beganGrind, favorites, preferences, schematics } =
         JSON.parse(storage)
 
       if (weapons) this.setWeapons(weapons)
@@ -142,6 +162,7 @@ export const useStore = defineStore({
       if (beganGrind) this.beganGrind = beganGrind
       if (favorites) this.setFavorites(favorites)
       if (preferences) this.setPreferences(preferences)
+      if (schematics) this.setSchematics(schematics)
     },
 
     storeProgress() {
@@ -154,6 +175,7 @@ export const useStore = defineStore({
           beganGrind: this.beganGrind || new Date(),
           favorites: this.favorites,
           preferences: this.preferences,
+          schematics: this.schematics
         })
       )
     },
@@ -162,6 +184,7 @@ export const useStore = defineStore({
       localStorage.removeItem(token)
       this.setWeapons()
       this.setCallingCards()
+      this.setSchematics()
       this.beganGrind = null
 
       notify({
@@ -237,5 +260,16 @@ export const useStore = defineStore({
       this.callingCards[card.name] = !current
       this.storeProgress()
     },
+
+    toggleSchematicAcquired(schematic, current) {
+      for (let category in this.schematics) {
+        for (let s in this.schematics[category]) {
+          if (this.schematics[category][s].name === schematic) {
+            this.schematics[category][s].acquired = !current
+          }
+        }
+      }
+      this.storeProgress()
+    },
   },
 })
diff --git a/src/views/SchematicsView.vue b/src/views/SchematicsView.vue
new file mode 100644
index 0000000..2beff55
--- /dev/null
+++ b/src/views/SchematicsView.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="container">
+    <div class="filter-container">
+      <div class="toggles">
+        <LayoutToggleComponent />
+      </div>
+    </div>
+
+    <SchematicsComponent :schematics="filteredSchematics" />
+
+  </div>
+</template>
+
+<script>
+import {mapState} from 'pinia'
+import {useStore} from '@/stores/store'
+import {groupBy, daysBetweenDates} from '@/utils/utils'
+import AlertComponent from "@/components/AlertComponent.vue";
+import schematics from '@/data/schematics'
+import SchematicsComponent from "@/components/SchematicsComponent.vue";
+import FiltersComponent from "@/components/FiltersComponent.vue";
+import FavoritesToggleComponent from "@/components/FavoritesToggleComponent.vue";
+import LayoutToggleComponent from "@/components/LayoutToggleComponent.vue";
+
+export default {
+  components: {
+    LayoutToggleComponent, FavoritesToggleComponent, FiltersComponent,
+    SchematicsComponent,
+    AlertComponent
+  },
+
+  data() {
+    return {
+      store: useStore(),
+    }
+  },
+
+  computed: {
+    ...mapState(useStore, ['schematics', 'beganGrind']),
+
+    getBeganGrind() {
+      return this.beganGrind ?? new Date()
+    },
+
+    filteredSchematics() {
+      return groupBy(this.schematics, (schematic) => schematic.category)
+    },
+
+    daysSinceStart() {
+      const days = daysBetweenDates(this.getBeganGrind, new Date())
+      return days ? days : 1
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  text-align: center;
+}
+
+h1 {
+  margin-top: 75px;
+}
+
+h2 {
+  margin: 30px auto 0;
+  max-width: 450px;
+}
+
+.back-button {
+  align-items: center;
+  background: $elevation-2-color;
+  border: 2px solid $elevation-4-color;
+  border-radius: $border-radius;
+  color: rgba($text-color, 0.75);
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  padding: 5px 8px;
+  transition: $transition;
+  user-select: none;
+
+  &:hover {
+    background: $elevation-3-color;
+  }
+
+  @media (max-width: $tablet) {
+    margin: 0 0 25px;
+    padding: 15px 0;
+    width: 100%;
+
+    span {
+      font-size: 16px !important;
+    }
+  }
+
+  .icon-component {
+    margin-right: 5px;
+    opacity: 0.75;
+    width: 18px;
+  }
+
+  span {
+    font-size: 14px;
+  }
+}
+</style>
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index f15b0ee..8dfc604 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -100,7 +100,7 @@ export default {
   },
 
   methods: {
-    ...mapActions(useStore, ['setWeapons', 'storeProgress', 'resetProgress']),
+    ...mapActions(useStore, ['setWeapons', 'storeProgress', 'setSchematics', 'resetProgress']),
 
     confirmReset() {
       this.resetProgress()
@@ -133,6 +133,7 @@ export default {
         try {
           const parsedJson = JSON.parse(this.importJsonCode)
           await this.setWeapons(parsedJson)
+          await this.setSchematics(parsedJson)
           await this.storeProgress()
           this.$notify({
             type: 'success',
diff --git a/src/views/ZombiesView.vue b/src/views/ZombiesView.vue
index 4acf0d8..9ac7d6c 100644
--- a/src/views/ZombiesView.vue
+++ b/src/views/ZombiesView.vue
@@ -1,5 +1,11 @@
 <template>
   <div class="container">
+    <AlertComponent type="info" icon="info-circle">
+      <p>
+        {{$t('pages.schematics.check_out_tracker')}} <router-link to="/zombies/schematics">{{$t('general.schematics')}} Tracker</router-link>.
+      </p>
+    </AlertComponent>
+
     <div class="filter-container">
       <FiltersComponent :options="filterOptions" />
       <div class="toggles">
@@ -54,9 +60,11 @@ import ProgressComponent from '@/components/ProgressComponent.vue'
 import LayoutToggleComponent from '@/components/LayoutToggleComponent.vue'
 import FavoritesToggleComponent from '@/components/FavoritesToggleComponent.vue'
 import OverallProgressComponent from "@/components/OverallProgressComponent.vue";
+import AlertComponent from "@/components/AlertComponent.vue";
 
 export default {
   components: {
+    AlertComponent,
     OverallProgressComponent,
     FiltersComponent,
     WeaponsComponent,