diff --git a/client/src/components/settings/LifelineCreationForm.tsx b/client/src/components/settings/LifelineCreationForm.tsx
index bff2f9f..9bf9ee4 100644
--- a/client/src/components/settings/LifelineCreationForm.tsx
+++ b/client/src/components/settings/LifelineCreationForm.tsx
@@ -1,10 +1,16 @@
+import { compressToEncodedURIComponent } from 'lz-string'
 import { useEffect, useState } from 'react'
 import { useFullScreenHandle } from 'react-full-screen'
+import { useNavigate } from 'react-router-dom'
 import styled from 'styled-components'
 
 import { ModuleResInterface } from '../../interfaces'
+import { UpdateSettings } from '../../routing/UpdateSettings'
+import { UpdateURL } from '../../routing/UpdateURL'
 import {
+  COMPRESSED_KEY,
   ERROR_MSG,
+  LANGUAGE_LOCAL_STORAGE_KEY,
   LIFELINES_LOCAL_STORAGE_KEY,
   URL,
 } from '../../utils/constants'
@@ -63,6 +69,7 @@ const LifelineCreationForm = () => {
   const [lifelineModules, setLifelineModules] = useState<ModuleResInterface[]>(
     [],
   )
+  const navigate = useNavigate()
 
   useEffect(() => {
     getData(
diff --git a/client/src/components/ui/NavBar.tsx b/client/src/components/ui/NavBar.tsx
index a220586..d88891b 100644
--- a/client/src/components/ui/NavBar.tsx
+++ b/client/src/components/ui/NavBar.tsx
@@ -204,10 +204,10 @@ function NavBar({
         )}
         {!mobileWidth && (
           <>
-            <Link to="/settings">
+            <Link to={`/settings/${localStorage.getItem('compressedKey')}`}>
               <PageLink>Settings</PageLink>
             </Link>
-            <Link to="/lifelines">
+            <Link to={`/lifelines/${localStorage.getItem('compressedKey')}`}>
               <PageLink>Lifelines</PageLink>
             </Link>
           </>
diff --git a/client/src/components/utils/constants.ts b/client/src/components/utils/constants.ts
index 930e239..5ad47af 100644
--- a/client/src/components/utils/constants.ts
+++ b/client/src/components/utils/constants.ts
@@ -1,6 +1,7 @@
-export const options = [
+export type Option = {value: string, label: string}
+export const options: Option[] = [
   { value: 'english', label: 'English' },
   { value: 'spanish', label: 'Spanish' },
   { value: 'hindi', label: 'Hindi' },
   { value: 'mandarin', label: 'Mandarin' },
-]
+]
\ No newline at end of file
diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index 242e27a..9dfb1bf 100644
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -1,11 +1,14 @@
 import { useEffect, useState } from 'react'
 import { FullScreen, useFullScreenHandle } from 'react-full-screen'
+import { useNavigate } from 'react-router-dom'
 
 import Clock from '../components/clock/Clock'
 import Newsfeed from '../components/clock/Newsfeed'
 import Lifelines from '../components/lifelines/Lifelines'
 import NavBar from '../components/ui/NavBar'
 import { ModuleResInterface, NewsInterface } from '../interfaces/index'
+import { UpdateSettings } from '../routing/UpdateSettings'
+import { UpdateURL } from '../routing/UpdateURL'
 import { ERROR_MSG, NUM_LIFELINES_DISPLAYED, URL } from '../utils/constants'
 import { getData, getHeadlines } from '../utils/utils'
 
@@ -17,6 +20,7 @@ export default function Home() {
   )
   const [newsfeedModules, setNewsfeedModules] = useState<NewsInterface[]>([])
   const [errorFlag, setErrorFlag] = useState<boolean>(false)
+  const navigate = useNavigate()
   const handle = useFullScreenHandle()
   const [showFullscreenButton, setFullscreenButton] = useState(false)
 
@@ -29,8 +33,16 @@ export default function Home() {
       setModules,
       setLifelineModules,
       setNewsfeedModules,
-    )
-  }, [defaultLanguage])
+    ).then(() => {
+      UpdateURL(navigate, defaultLanguage, lifelineModules)
+      UpdateSettings(
+        defaultLanguage,
+        setDefaultLanguage,
+        lifelineModules,
+        setLifelineModules,
+      )
+    })
+  }, [navigate, defaultLanguage, lifelineModules])
 
   return (
     <>
diff --git a/client/src/pages/Settings.tsx b/client/src/pages/Settings.tsx
index 85b5b36..6847545 100644
--- a/client/src/pages/Settings.tsx
+++ b/client/src/pages/Settings.tsx
@@ -1,11 +1,20 @@
-import { useState } from 'react'
+import { compressToEncodedURIComponent } from 'lz-string'
+import { useEffect, useState, useState } from 'react'
 import { useFullScreenHandle } from 'react-full-screen'
+import { useNavigate } from 'react-router-dom'
 import styled from 'styled-components'
 
 import CopyButton from '../components/ui/CopyButton'
 import NavBar from '../components/ui/NavBar'
 import { StyledSelect } from '../components/ui/Select'
-import { options } from '../components/utils/constants'
+import { Option, options } from '../components/utils/constants'
+import { UpdateSettings } from '../routing/UpdateSettings'
+import { UpdateURL } from '../routing/UpdateURL'
+import {
+  COMPRESSED_KEY,
+  LANGUAGE_LOCAL_STORAGE_KEY,
+  LIFELINES_LOCAL_STORAGE_KEY,
+} from '../utils/constants'
 
 const SettingsHeading = styled.div`
   color: ${({ theme }) => theme.headerText};
@@ -55,6 +64,33 @@ const SelectContainer = styled.div`
 
 function Settings() {
   const handle = useFullScreenHandle()
+  const navigate = useNavigate()
+  const [selectedLanguage, setSelectedLanguage] = useState<Option>(options[0])
+
+  useEffect(() => {
+    UpdateURL(navigate, setSelectedLanguage, null)
+    UpdateSettings(selectedLanguage.value, setSelectedLanguage, null, null)
+  }, [navigate, selectedLanguage.value, setSelectedLanguage])
+
+  const checkLanguage = (option: Option | null) => {
+    console.log(option)
+    if (option != null) {
+      setSelectedLanguage(option)
+      if (option.value !== localStorage.getItem(LANGUAGE_LOCAL_STORAGE_KEY)) {
+        const json = {
+          language: option.value,
+          lifelines: localStorage.getItem(LIFELINES_LOCAL_STORAGE_KEY),
+        }
+        const settings_json = JSON.stringify(json)
+        const compressed = compressToEncodedURIComponent(settings_json)
+
+        localStorage.setItem(COMPRESSED_KEY, compressed)
+        navigate(`${compressed}`)
+      }
+      localStorage.setItem(LANGUAGE_LOCAL_STORAGE_KEY, option.value)
+      console.log(selectedLanguage)
+    }
+  }
   const [languageSelected, setLanguageSelected] = useState<string>()
   const handleLanguageSelectedChange = (language: string) => {
     setLanguageSelected(language)
diff --git a/client/src/routing/UpdateSettings.tsx b/client/src/routing/UpdateSettings.tsx
new file mode 100644
index 0000000..93530d0
--- /dev/null
+++ b/client/src/routing/UpdateSettings.tsx
@@ -0,0 +1,40 @@
+import { decompressFromEncodedURIComponent } from 'lz-string'
+
+import {
+  COMPRESSED_KEY,
+  LANGUAGE_LOCAL_STORAGE_KEY,
+  LIFELINES_LOCAL_STORAGE_KEY,
+} from '../utils/constants'
+
+export const UpdateSettings = (
+  selectLanguage,
+  setSelectLanguage,
+  lifelineModules,
+  setLifelineModules,
+) => {
+  const url = window.location.href
+  const url_split = url.split('/')
+  const compressed_path = url_split.at(-1)
+  console.log(url_split)
+  if (!compressed_path || compressed_path.length < 20) {
+    return
+  }
+  localStorage.setItem(COMPRESSED_KEY, compressed_path)
+  if (
+    localStorage.getItem(COMPRESSED_KEY) &&
+    localStorage.getItem(COMPRESSED_KEY) !== ''
+  ) {
+    const decompressed = JSON.parse(
+      decompressFromEncodedURIComponent(localStorage.getItem(COMPRESSED_KEY)),
+    )
+    console.log(decompressed)
+    if (decompressed.language !== selectLanguage && selectLanguage) {
+      setSelectLanguage(decompressed.language)
+      localStorage.setItem(LANGUAGE_LOCAL_STORAGE_KEY, decompressed.language)
+    }
+    if (lifelineModules && decompressed.lifelines !== lifelineModules) {
+      setLifelineModules(JSON.parse(decompressed.lifelines))
+      localStorage.setItem(LIFELINES_LOCAL_STORAGE_KEY, decompressed.lifelines)
+    }
+  }
+}
diff --git a/client/src/routing/UpdateURL.tsx b/client/src/routing/UpdateURL.tsx
new file mode 100644
index 0000000..45102df
--- /dev/null
+++ b/client/src/routing/UpdateURL.tsx
@@ -0,0 +1,23 @@
+import {
+  COMPRESSED_KEY,
+  LANGUAGE_LOCAL_STORAGE_KEY,
+  LIFELINES_LOCAL_STORAGE_KEY,
+} from '../utils/constants'
+
+export const UpdateURL = (navigate, language, lifelines) => {
+  console.log(localStorage.getItem(COMPRESSED_KEY))
+  if (
+    language &&
+    localStorage.getItem(LANGUAGE_LOCAL_STORAGE_KEY) !== language &&
+    localStorage.getItem(COMPRESSED_KEY)
+  ) {
+    navigate(`${localStorage.getItem(COMPRESSED_KEY)}`)
+  }
+  if (
+    lifelines &&
+    localStorage.getItem(LIFELINES_LOCAL_STORAGE_KEY) !== lifelines &&
+    localStorage.getItem(COMPRESSED_KEY)
+  ) {
+    navigate(`${localStorage.getItem(COMPRESSED_KEY)}`)
+  }
+}
diff --git a/client/src/utils/constants.ts b/client/src/utils/constants.ts
index 3213d33..c3531cf 100644
--- a/client/src/utils/constants.ts
+++ b/client/src/utils/constants.ts
@@ -4,3 +4,4 @@ export const LIFELINES_LOCAL_STORAGE_KEY = 'lifelines'
 export const NUM_LIFELINES_DISPLAYED = 3
 export const ERROR_MSG = 'Error retrieving module data from API...'
 export const URL = 'https://api.climateclock.world/v1/clock'
+export const COMPRESSED_KEY = 'compressedKey'