diff --git a/packages/hoppscotch-app/components/app/Fuse.vue b/packages/hoppscotch-app/components/app/Fuse.vue
index 424b49683..985acc5fa 100644
--- a/packages/hoppscotch-app/components/app/Fuse.vue
+++ b/packages/hoppscotch-app/components/app/Fuse.vue
@@ -53,17 +53,17 @@ const searchResultsItems = computed(() =>
 
 const emitSearchAction = (action: HoppAction) => emit("action", action)
 
-const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
+const { bindArrowKeysListeners, unbindArrowKeysListeners, selectedEntry } =
   useArrowKeysNavigation(searchResultsItems, {
     onEnter: emitSearchAction,
     stopPropagation: true,
   })
 
 onMounted(() => {
-  bindArrowKeysListerners()
+  bindArrowKeysListeners()
 })
 
 onUnmounted(() => {
-  unbindArrowKeysListerners()
+  unbindArrowKeysListeners()
 })
 </script>
diff --git a/packages/hoppscotch-app/components/app/Header.vue b/packages/hoppscotch-app/components/app/Header.vue
index b7a80dc79..a53e7a886 100644
--- a/packages/hoppscotch-app/components/app/Header.vue
+++ b/packages/hoppscotch-app/components/app/Header.vue
@@ -145,7 +145,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from "@nuxtjs/composition-api"
 import { useNetwork } from "@vueuse/core"
-import intializePwa from "~/helpers/pwa"
+import initializePwa from "~/helpers/pwa"
 import { probableUser$ } from "~/helpers/fb/auth"
 import { getLocalConfig, setLocalConfig } from "~/newstore/localpersistence"
 import {
@@ -181,7 +181,7 @@ defineActionHandler("modals.support.toggle", () => {
 onMounted(() => {
   // Initializes the PWA code - checks if the app is installed,
   // etc.
-  showInstallPrompt.value = intializePwa()
+  showInstallPrompt.value = initializePwa()
 
   const cookiesAllowed = getLocalConfig("cookiesAllowed") === "yes"
   if (!cookiesAllowed) {
diff --git a/packages/hoppscotch-app/components/app/PowerSearch.vue b/packages/hoppscotch-app/components/app/PowerSearch.vue
index b4b57f53e..f67c9beb6 100644
--- a/packages/hoppscotch-app/components/app/PowerSearch.vue
+++ b/packages/hoppscotch-app/components/app/PowerSearch.vue
@@ -107,7 +107,7 @@ const shortcutsItems = computed(() =>
   )
 )
 
-const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
+const { bindArrowKeysListeners, unbindArrowKeysListeners, selectedEntry } =
   useArrowKeysNavigation(shortcutsItems, {
     onEnter: runAction,
   })
@@ -115,8 +115,8 @@ const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
 watch(
   () => props.show,
   (show) => {
-    if (show) bindArrowKeysListerners()
-    else unbindArrowKeysListerners()
+    if (show) bindArrowKeysListeners()
+    else unbindArrowKeysListeners()
   }
 )
 </script>
diff --git a/packages/hoppscotch-app/components/http/PreRequestScript.vue b/packages/hoppscotch-app/components/http/PreRequestScript.vue
index 8cd5fe7ae..a10edd604 100644
--- a/packages/hoppscotch-app/components/http/PreRequestScript.vue
+++ b/packages/hoppscotch-app/components/http/PreRequestScript.vue
@@ -31,7 +31,7 @@
     </div>
     <div class="flex flex-1 border-b border-dividerLight">
       <div class="w-2/3 border-r border-dividerLight">
-        <div ref="preRrequestEditor" class="h-full"></div>
+        <div ref="preRequestEditor" class="h-full"></div>
       </div>
       <div
         class="sticky h-full p-4 overflow-auto bg-primary top-upperTertiaryStickyFold min-w-46 max-w-1/3 z-9"
@@ -74,11 +74,11 @@ const t = useI18n()
 
 const preRequestScript = usePreRequestScript()
 
-const preRrequestEditor = ref<any | null>(null)
+const preRequestEditor = ref<any | null>(null)
 const linewrapEnabled = ref(true)
 
 useCodemirror(
-  preRrequestEditor,
+  preRequestEditor,
   preRequestScript,
   reactive({
     extendedEditorConfig: {
diff --git a/packages/hoppscotch-app/components/realtime/Log.vue b/packages/hoppscotch-app/components/realtime/Log.vue
index 0844e03a9..348a2fab7 100644
--- a/packages/hoppscotch-app/components/realtime/Log.vue
+++ b/packages/hoppscotch-app/components/realtime/Log.vue
@@ -38,7 +38,7 @@ const props = defineProps({
 })
 
 const logsRef = ref<any | null>(null)
-const BOTTOM_SCROLL_DIST_INNACURACY = 5
+const BOTTOM_SCROLL_DIST_INACCURACY = 5
 
 watch(
   () => props.log,
@@ -48,7 +48,7 @@ watch(
       logsRef.value.scrollHeight -
       logsRef.value.scrollTop -
       logsRef.value.clientHeight
-    if (distToBottom < BOTTOM_SCROLL_DIST_INNACURACY) {
+    if (distToBottom < BOTTOM_SCROLL_DIST_INACCURACY) {
       nextTick(() => (logsRef.value.scrollTop = logsRef.value.scrollHeight))
     }
   }
diff --git a/packages/hoppscotch-app/components/smart/Intersection.vue b/packages/hoppscotch-app/components/smart/Intersection.vue
index a532e70bb..dd07249bd 100644
--- a/packages/hoppscotch-app/components/smart/Intersection.vue
+++ b/packages/hoppscotch-app/components/smart/Intersection.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 /*
   Implements a wrapper listening to viewport intersections via
-  IntesectionObserver API
+  IntersectionObserver API
 
   Events
   ------
diff --git a/packages/hoppscotch-app/helpers/curl/curlparser.ts b/packages/hoppscotch-app/helpers/curl/curlparser.ts
index bff7f4bae..6d6b71240 100644
--- a/packages/hoppscotch-app/helpers/curl/curlparser.ts
+++ b/packages/hoppscotch-app/helpers/curl/curlparser.ts
@@ -383,7 +383,7 @@ function getQueries(
  * Joins dangling params to origin
  * @param origin origin value from the URL Object
  * @param params params without values
- * @returns origin string concatenated with dngling paramas
+ * @returns origin string concatenated with dangling paramas
  */
 function concatParams(urlObject: URL | undefined, params: string[]) {
   return pipe(
diff --git a/packages/hoppscotch-app/helpers/import-export/export/index.ts b/packages/hoppscotch-app/helpers/import-export/export/index.ts
index 1bf7eb882..1ec1894c9 100644
--- a/packages/hoppscotch-app/helpers/import-export/export/index.ts
+++ b/packages/hoppscotch-app/helpers/import-export/export/index.ts
@@ -3,12 +3,12 @@ import { HoppRESTRequest, HoppCollection } from "@hoppscotch/data"
 
 export type HoppExporter<T> = (content: T) => TE.TaskEither<string, string>
 
-export type HoppExporterDefintion<T> = {
+export type HoppExporterDefinition<T> = {
   name: string
   exporter: () => Promise<HoppExporter<T>>
 }
 
-export const RESTCollectionExporters: HoppExporterDefintion<
+export const RESTCollectionExporters: HoppExporterDefinition<
   HoppCollection<HoppRESTRequest>
 >[] = [
   {
diff --git a/packages/hoppscotch-app/helpers/import-export/import/index.ts b/packages/hoppscotch-app/helpers/import-export/import/index.ts
index 75eebddcf..f734819c8 100644
--- a/packages/hoppscotch-app/helpers/import-export/import/index.ts
+++ b/packages/hoppscotch-app/helpers/import-export/import/index.ts
@@ -16,7 +16,7 @@ type HoppImporter<T, StepsType, Errors> = (
 /**
  * Definition for importers
  */
-type HoppImporterDefintion<T, Y, E> = {
+type HoppImporterDefinition<T, Y, E> = {
   /**
    * Name of the importer, shown on the Select Importer dropdown
    */
@@ -53,7 +53,7 @@ export const defineImporter = <ReturnType, StepType, Errors>(input: {
   applicableTo?: Array<"team-collections" | "my-collections">
   steps: StepType
 }) => {
-  return <HoppImporterDefintion<ReturnType, StepType, Errors>>{
+  return <HoppImporterDefinition<ReturnType, StepType, Errors>>{
     ...input,
   }
 }
diff --git a/packages/hoppscotch-app/helpers/powerSearchNavigation.ts b/packages/hoppscotch-app/helpers/powerSearchNavigation.ts
index 187c6bcf1..930fd2b64 100644
--- a/packages/hoppscotch-app/helpers/powerSearchNavigation.ts
+++ b/packages/hoppscotch-app/helpers/powerSearchNavigation.ts
@@ -37,19 +37,19 @@ export function useArrowKeysNavigation(searchItems: any, options: any = {}) {
     handleArrowKeysNavigation(event, selectedEntry, preventPropagation)
   }
 
-  function bindArrowKeysListerners() {
+  function bindArrowKeysListeners() {
     window.addEventListener("keydown", onKeyUp, { capture: preventPropagation })
   }
 
-  function unbindArrowKeysListerners() {
+  function unbindArrowKeysListeners() {
     window.removeEventListener("keydown", onKeyUp, {
       capture: preventPropagation,
     })
   }
 
   return {
-    bindArrowKeysListerners,
-    unbindArrowKeysListerners,
+    bindArrowKeysListeners,
+    unbindArrowKeysListeners,
     selectedEntry,
   }
 }
diff --git a/packages/hoppscotch-app/helpers/teams/TeamCollectionAdapter.ts b/packages/hoppscotch-app/helpers/teams/TeamCollectionAdapter.ts
index dcfe57a8f..755056e3a 100644
--- a/packages/hoppscotch-app/helpers/teams/TeamCollectionAdapter.ts
+++ b/packages/hoppscotch-app/helpers/teams/TeamCollectionAdapter.ts
@@ -27,7 +27,7 @@ const TEAMS_BACKEND_PAGE_SIZE = 10
  * @param {string} collID - ID of the collection to find the parent of
  * @param {TeamCollection} currentParent - (used for recursion, do not set) The parent in the current iteration (undefined if root)
  *
- * @returns REFERENCE to the collecton or null if not found or the collection is in root
+ * @returns REFERENCE to the collection or null if not found or the collection is in root
  */
 function findParentOfColl(
   tree: TeamCollection[],
diff --git a/packages/hoppscotch-app/helpers/ternlint.js b/packages/hoppscotch-app/helpers/ternlint.js
index 793778c9f..45ce3c9d0 100644
--- a/packages/hoppscotch-app/helpers/ternlint.js
+++ b/packages/hoppscotch-app/helpers/ternlint.js
@@ -314,7 +314,7 @@ function makeVisitors(server, query, file, messages) {
     }
   }
 
-  function validateAssignement(nodeLeft, nodeRight, rule, state) {
+  function validateAssignment(nodeLeft, nodeRight, rule, state) {
     if (!nodeLeft || !nodeRight) return
     if (!rule) return
     var leftType = infer.expressionType({ node: nodeLeft, state: state }),
@@ -387,7 +387,7 @@ function makeVisitors(server, query, file, messages) {
               )
             // type mismatch?
             if (mismatchRule)
-              validateAssignement(varNode, decl.init, mismatchRule, state)
+              validateAssignment(varNode, decl.init, mismatchRule, state)
           }
         }
         break
@@ -525,7 +525,7 @@ function makeVisitors(server, query, file, messages) {
     CallExpression: validateCallExpression,
     AssignmentExpression: function (node, state, c) {
       var rule = getRule("TypeMismatch")
-      validateAssignement(node.left, node.right, rule, state)
+      validateAssignment(node.left, node.right, rule, state)
     },
     ObjectExpression: function (node, state, c) {
       // validate properties of the object literal
@@ -551,7 +551,7 @@ function makeVisitors(server, query, file, messages) {
       }
     },
     ArrayExpression: function (node, state, c) {
-      // validate elements of the Arrray
+      // validate elements of the Array
       var rule = getRule("Array")
       if (!rule) return
       //var actualType = infer.expressionType({node: node, state: state});
diff --git a/packages/hoppscotch-app/pages/index.vue b/packages/hoppscotch-app/pages/index.vue
index ad54cebab..328769371 100644
--- a/packages/hoppscotch-app/pages/index.vue
+++ b/packages/hoppscotch-app/pages/index.vue
@@ -113,7 +113,7 @@ function setupRequestSync(
     sub = startRequestSync()
   })
 
-  // Stop subscripton to stop syncing
+  // Stop subscription to stop syncing
   onBeforeUnmount(() => {
     sub?.unsubscribe()
   })
diff --git a/packages/hoppscotch-app/plugins/README.md b/packages/hoppscotch-app/plugins/README.md
index f4f309ca4..a29851025 100644
--- a/packages/hoppscotch-app/plugins/README.md
+++ b/packages/hoppscotch-app/plugins/README.md
@@ -1,5 +1,5 @@
 # PLUGINS
 
-This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
+This directory contains JavaScript plugins that you want to run before mounting the root Vue.js application.
 
 More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
diff --git a/packages/hoppscotch-js-sandbox/README.md b/packages/hoppscotch-js-sandbox/README.md
index 642449d6a..3a58616f0 100644
--- a/packages/hoppscotch-js-sandbox/README.md
+++ b/packages/hoppscotch-js-sandbox/README.md
@@ -17,7 +17,7 @@ This package deals with providing a JavaScript sandbox for executing various sec
 
 ## How does this work?
 
-This package makes use of [quickjs-empscripten](https://www.npmjs.com/package/quickjs-emscripten) for building sandboxes for running external code on Hoppscotch.
+This package makes use of [quickjs-emscripten](https://www.npmjs.com/package/quickjs-emscripten) for building sandboxes for running external code on Hoppscotch.
 
 Currently implemented sandboxes:
 - Hoppscotch Test Scripts
diff --git a/packages/hoppscotch-js-sandbox/src/index.ts b/packages/hoppscotch-js-sandbox/src/index.ts
index a41a29fac..766d31f1d 100644
--- a/packages/hoppscotch-js-sandbox/src/index.ts
+++ b/packages/hoppscotch-js-sandbox/src/index.ts
@@ -34,7 +34,7 @@ export const runTestScript = (
 /**
  * Executes a given pre-request script on the sandbox
  * @param preRequestScript The script to run
- * @param env The envirionment variables active
+ * @param env The environment variables active
  * @returns A TaskEither with an error message or an array of the final environments with the all the script values applied
  */
 export const runPreRequestScript = execPreRequestScript