diff --git a/src/app/App.tsx b/src/app/App.tsx
index 25aecb4..6e6e7ba 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -15,6 +15,7 @@ import { useAppConfig } from 'hooks/useAppConfig'
 import { AuthProvider } from 'hooks/useAuth'
 import { CorrectionProvider } from 'hooks/useCorrection'
 import { FormProvider } from 'hooks/useForm'
+import { LocalizationProvider } from 'hooks/useLocalization'
 import { ResponseProvider } from 'hooks/useResponse'
 import { StoredFormProvider } from 'hooks/useStoredForm'
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
@@ -23,31 +24,36 @@ export const App = () => {
 	const { basename } = useAppConfig()
 	return (
 		<AuthProvider>
-			<FormProvider>
-				<StoredFormProvider>
-					<ResponseProvider>
-						<CorrectionProvider>
-							<Router basename={basename}>
-								<Navbar />
-								<Routes>
-									<Route index element={<Welcome />} />
-									<Route path="/instructions" element={<Instructions />} />
-									<Route path="/assessment" element={<Assessment />} />
-									<Route path="/assessment/done" element={<AssessmentDone />} />
-									<Route path="/privacy" element={<Privacy />} />
-									<Route path="/generator" element={<FormGenerator />} />
-									<Route path="/correction" element={<Correction />} />
-									<Route path="/export" element={<Export />} />
-									<Route path="/summary" element={<Summary />} />
-									<Route path="/login" element={<Login />} />
-								</Routes>
-								<RedirectFrom404 />
-								<AutoLogout />
-							</Router>
-						</CorrectionProvider>
-					</ResponseProvider>
-				</StoredFormProvider>
-			</FormProvider>
+			<LocalizationProvider>
+				<FormProvider>
+					<StoredFormProvider>
+						<ResponseProvider>
+							<CorrectionProvider>
+								<Router basename={basename}>
+									<Navbar />
+									<Routes>
+										<Route index element={<Welcome />} />
+										<Route path="/instructions" element={<Instructions />} />
+										<Route path="/assessment" element={<Assessment />} />
+										<Route
+											path="/assessment/done"
+											element={<AssessmentDone />}
+										/>
+										<Route path="/privacy" element={<Privacy />} />
+										<Route path="/generator" element={<FormGenerator />} />
+										<Route path="/correction" element={<Correction />} />
+										<Route path="/export" element={<Export />} />
+										<Route path="/summary" element={<Summary />} />
+										<Route path="/login" element={<Login />} />
+									</Routes>
+									<RedirectFrom404 />
+									<AutoLogout />
+								</Router>
+							</CorrectionProvider>
+						</ResponseProvider>
+					</StoredFormProvider>
+				</FormProvider>
+			</LocalizationProvider>
 		</AuthProvider>
 	)
 }
diff --git a/src/app/pages/Instructions.tsx b/src/app/pages/Instructions.tsx
index 653bfc1..abe3ae4 100644
--- a/src/app/pages/Instructions.tsx
+++ b/src/app/pages/Instructions.tsx
@@ -1,42 +1,28 @@
+import { useLocalizationContext } from 'hooks/useLocalization'
 import { Link } from 'react-router-dom'
 
-export const Instructions = () => (
-	<main className="container mt-4">
-		<div className="row justify-content-center">
-			<section className="col-md-10 col-lg-6">
-				<h1>Instructions</h1>
-				<ol>
-					<li>
-						Please fill out each question to the best of your ability, and
-						submit the survey before the beginning of the quarter you are
-						reporting your needs for.
-					</li>
-					<li>
-						Please only consider your organisation's total needs for the quarter
-						in question that you don't already have covered.
-					</li>
-					<li>
-						It is okay to use estimates, and we understand that conditions &amp;
-						needs change! We are only looking for a rough understanding of your
-						needs.
-					</li>
-					<li>
-						If your organisation operates in multiple regions, please fill out
-						the survey multiple times. Please submit it once per region that you
-						operate in, so we can keep the needs data separate.
-					</li>
-					<li>
-						If you want to submit an assessment for a different quarter, please
-						create a separate submission.
-					</li>
-				</ol>
+export const Instructions = () => {
+	const { localizeAppString } = useLocalizationContext()
+	return (
+		<main className="container mt-4">
+			<div className="row justify-content-center">
+				<section className="col-md-10 col-lg-6">
+					<h1>{localizeAppString('instructions_title')}</h1>
+					<ol>
+						<li>{localizeAppString('instructions_1')}</li>
+						<li>{localizeAppString('instructions_2')}</li>
+						<li>{localizeAppString('instructions_3')}</li>
+						<li>{localizeAppString('instructions_4')}</li>
+						<li>{localizeAppString('instructions_5')}</li>
+					</ol>
 
-				<p className="d-flex justify-content-end">
-					<Link className="btn btn-primary" to="/assessment">
-						Continue
-					</Link>
-				</p>
-			</section>
-		</div>
-	</main>
-)
+					<p className="d-flex justify-content-end">
+						<Link className="btn btn-primary" to="/assessment">
+							{localizeAppString('instructions_button')}
+						</Link>
+					</p>
+				</section>
+			</div>
+		</main>
+	)
+}
diff --git a/src/components/LanguageSelector.tsx b/src/components/LanguageSelector.tsx
new file mode 100644
index 0000000..9ce9171
--- /dev/null
+++ b/src/components/LanguageSelector.tsx
@@ -0,0 +1,34 @@
+import { useLocalizationContext } from 'hooks/useLocalization'
+import { FunctionComponent } from 'react'
+import { appStrings, LanguageCodeKeys } from 'schema/localizationTypes'
+
+type LangValuesForDropdown = {
+	code: LanguageCodeKeys
+	displayName: string
+}
+
+export const LanguageSelector: FunctionComponent = () => {
+	const { languageCode, setLanguageCode } = useLocalizationContext()
+	const languageValues: LangValuesForDropdown[] = Array.from(
+		appStrings.entries(),
+	).map(([langKey, appStringEntry]) => ({
+		code: langKey,
+		displayName: appStringEntry.language,
+	}))
+
+	return (
+		<select
+			value={languageCode}
+			className="form-control"
+			onChange={({ target: { value } }) =>
+				setLanguageCode(value as LanguageCodeKeys)
+			}
+		>
+			{languageValues.map(({ code, displayName }) => (
+				<option key={code} value={code}>
+					{displayName}
+				</option>
+			))}
+		</select>
+	)
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 4541245..a254873 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,4 +1,5 @@
 import { ExpiresCountdown } from 'components/ExpiresCountdown'
+import { LanguageSelector } from 'components/LanguageSelector'
 import { useAppConfig } from 'hooks/useAppConfig'
 import { useAuth } from 'hooks/useAuth'
 import { useState } from 'react'
@@ -102,6 +103,9 @@ export const Navbar = () => {
 						</ul>
 						<nav className="d-flex">
 							<ul className="navbar-nav me-auto">
+								<li className="nav-item">
+									<LanguageSelector />
+								</li>
 								{!isLoggedIn && (
 									<li className="nav-item">
 										<Link className="nav-link" to="/login" onClick={close}>
diff --git a/src/hooks/useLocalization.tsx b/src/hooks/useLocalization.tsx
new file mode 100644
index 0000000..66e5b9d
--- /dev/null
+++ b/src/hooks/useLocalization.tsx
@@ -0,0 +1,47 @@
+import {
+	createContext,
+	FunctionComponent,
+	ReactNode,
+	useCallback,
+	useContext,
+	useState,
+} from 'react'
+import { AppStringValues, LanguageCodeKeys } from 'schema/localizationTypes'
+import { getAppStringValue } from 'utils/getAppStringValue'
+
+export const LocalizationContext = createContext<{
+	languageCode?: LanguageCodeKeys
+	setLanguageCode: (languageCode: LanguageCodeKeys) => void
+	localizeAppString: (appStringKey: keyof AppStringValues) => string
+}>({
+	setLanguageCode: () => undefined,
+	localizeAppString: (_appStringKey) => {
+		throw new Error("localizeAppString called before it's implemented")
+	},
+})
+
+export const useLocalizationContext = () => useContext(LocalizationContext)
+
+export const LocalizationProvider: FunctionComponent<{
+	children: ReactNode
+}> = ({ children }) => {
+	const [languageCode, setLanguageCode] = useState<LanguageCodeKeys>('enUS')
+	const localizeAppString = useCallback(
+		(appStringKey: keyof AppStringValues) => {
+			return getAppStringValue(languageCode, appStringKey)
+		},
+		[languageCode],
+	)
+
+	return (
+		<LocalizationContext.Provider
+			value={{
+				languageCode,
+				setLanguageCode,
+				localizeAppString,
+			}}
+		>
+			{children}
+		</LocalizationContext.Provider>
+	)
+}
diff --git a/src/schema/localizationTypes.ts b/src/schema/localizationTypes.ts
new file mode 100644
index 0000000..13740e7
--- /dev/null
+++ b/src/schema/localizationTypes.ts
@@ -0,0 +1,59 @@
+export enum LanguageCode {
+	enUS = 'en-us',
+	es = 'es',
+	uk = 'uk',
+}
+
+export type LanguageCodeKeys = keyof typeof LanguageCode
+
+export type AppStringValues = {
+	instructions_title: string
+	instructions_1: string
+	instructions_2: string
+	instructions_3: string
+	instructions_4: string
+	instructions_5: string
+	instructions_button: string
+}
+
+type AppStringEntry = {
+	language: string
+	appStringValues: AppStringValues
+}
+
+export const appStrings = new Map<LanguageCodeKeys, AppStringEntry>()
+appStrings.set('enUS', {
+	language: 'English',
+	appStringValues: {
+		instructions_title: 'Instructions',
+		instructions_1:
+			'Please fill out each question to the best of your ability, and submit the survey before the beginning of the quarter you are reporting your needs for.',
+		instructions_2:
+			"Please only consider your organisation's total needs for the quarter in question that you don't already have covered.",
+		instructions_3:
+			'It is okay to use estimates, and we understand that conditions & needs change! We are only looking for a rough understanding of your needs.',
+		instructions_4:
+			'If your organisation operates in multiple regions, please fill out the survey multiple times. Please submit it once per region that you operate in, so we can keep the needs data separate.',
+		instructions_5:
+			'If you want to submit an assessment for a different quarter, please create a separate submission.',
+		instructions_button: 'Continue',
+	},
+})
+
+appStrings.set('uk', {
+	language: 'Ukranian',
+	appStringValues: {
+		instructions_title: 'Інструкції',
+		instructions_1:
+			'Будь ласка, заповніть кожне питання найкращим чином, і надішліть опитник до початку кварталу, за який ви повідомляєте свої потреби.',
+		instructions_2:
+			'Будь ласка, врахуйте лише загальні потреби вашої організації за питанням, яке ви вже не покрили.',
+		instructions_3:
+			'Можна використовувати приблизні значення, і ми розуміємо, що умови та потреби можуть змінюватися! Ми просто шукаємо приблизний розуміння вашої потреби.',
+		instructions_4:
+			'Якщо ваша організація діє у кількох регіонах, будь ласка, заповніть опитник кілька разів. Будь ласка, надішліть його один раз на кожний регіон, у якому ви дієте, щоб ми могли відокремити дані про потреби.',
+		instructions_5:
+			'Якщо ви хочете надіслати оцінку для іншого кварталу, створіть окрему заявку.',
+		instructions_button: 'Продовжити',
+	},
+})
diff --git a/src/utils/getAppStringValue.ts b/src/utils/getAppStringValue.ts
new file mode 100644
index 0000000..7868744
--- /dev/null
+++ b/src/utils/getAppStringValue.ts
@@ -0,0 +1,25 @@
+import {
+	appStrings,
+	AppStringValues,
+	LanguageCodeKeys,
+} from 'schema/localizationTypes'
+
+export const getAppStringValue = (
+	languageCode: LanguageCodeKeys,
+	appStringKey: keyof AppStringValues,
+): string => {
+	const appStringEntry = appStrings.get(languageCode)
+
+	if (!appStringEntry) {
+		throw new Error('Language code not supported')
+	}
+
+	const appStringValue =
+		appStringEntry.appStringValues[appStringKey] ?? appStringEntry
+
+	if (!appStringValue) {
+		throw new Error('Invalid app string key provided')
+	}
+
+	return appStringValue
+}
diff --git a/tsconfig.json b/tsconfig.json
index a007cd0..881b3dc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,7 +12,6 @@
     "noEmit": true,
     "jsx": "preserve",
     "noFallthroughCasesInSwitch": true,
-    "importsNotUsedAsValues": "error",
     "baseUrl": "src",
     "paths": {
       "app/*": ["app/*"],