diff --git a/src/lib/mobx-form/persistable-field.ts b/src/lib/mobx-form/persistable-field.ts
index 980a816e..37637646 100644
--- a/src/lib/mobx-form/persistable-field.ts
+++ b/src/lib/mobx-form/persistable-field.ts
@@ -4,12 +4,13 @@ import { makePersistable } from "mobx-persist-store";
 export const persistableField = <T>(
   field: TextField<T>,
   storageKey: string,
+  expireIn?: number,
 ): TextField<T> => {
   makePersistable(field, {
     name: storageKey,
     properties: ["value"],
     storage: window.localStorage,
-    expireIn: 86400000, // One day in milliseconds
+    expireIn: expireIn,
   });
 
   return field;
diff --git a/src/lib/mobx-form/validator.ts b/src/lib/mobx-form/validator.ts
index b68ce38c..3eec800f 100644
--- a/src/lib/mobx-form/validator.ts
+++ b/src/lib/mobx-form/validator.ts
@@ -1,12 +1,13 @@
 // @ts-nocheck
-// https://codesandbox.io/s/github/final-form/react-final-form/tree/master/examples/field-level-validation?file=/index.js
+import { t } from "../../translations/t.ts";
 
+// https://codesandbox.io/s/github/final-form/react-final-form/tree/master/examples/field-level-validation?file=/index.js
 export const validators = {
   required:
-    (errorMessage = "Required") =>
+    (errorMessage = t("validation_required")) =>
     (value) =>
       value ? undefined : errorMessage,
-  number: (value) => (isNaN(value) ? "Must be a number" : undefined),
+  number: (value) => (isNaN(value) ? t("validation_number") : undefined),
   all:
     (...validators) =>
     (value) =>
diff --git a/src/lib/translator/translator.test.ts b/src/lib/translator/translator.test.ts
new file mode 100644
index 00000000..1136b0c6
--- /dev/null
+++ b/src/lib/translator/translator.test.ts
@@ -0,0 +1,27 @@
+import { expect, test } from "vitest";
+import { Translator } from "./translator";
+
+test("Translator - allows to set and retrieve current lang", () => {
+  type Translation = {
+    hello: string;
+  };
+  const en: Translation = {
+    hello: "Hello!",
+  };
+  const ru: Translation = {
+    hello: "Привет",
+  };
+
+  const translations = { en, ru };
+  type Language = keyof typeof translations;
+
+  const ts = new Translator<Language, Translation>(translations, "en");
+
+  expect(ts.getLang()).toEqual("en");
+  expect(ts.translate("hello")).toBe("Hello!");
+
+  ts.setLang("ru");
+
+  expect(ts.getLang()).toEqual("ru");
+  expect(ts.translate("hello")).toBe("Привет");
+});
diff --git a/src/lib/translator/translator.ts b/src/lib/translator/translator.ts
new file mode 100644
index 00000000..0178a112
--- /dev/null
+++ b/src/lib/translator/translator.ts
@@ -0,0 +1,27 @@
+type Storage<Language extends string, Resource> = {
+  [key in Language]: Resource;
+};
+
+type DefaultResource = { [key in string]: string };
+
+export class Translator<
+  Language extends string,
+  Translation extends DefaultResource,
+> {
+  constructor(
+    private storage: Storage<Language, Translation>,
+    private lang: Language,
+  ) {}
+
+  setLang(lang: Language) {
+    this.lang = lang;
+  }
+
+  getLang() {
+    return this.lang;
+  }
+
+  translate(key: keyof Translation, defaultValue?: string): string {
+    return this.storage[this.lang][key] ?? defaultValue;
+  }
+}
diff --git a/src/screens/deck-catalog/deck-added-label.tsx b/src/screens/deck-catalog/deck-added-label.tsx
index c8a0d227..ddc154ed 100644
--- a/src/screens/deck-catalog/deck-added-label.tsx
+++ b/src/screens/deck-catalog/deck-added-label.tsx
@@ -1,11 +1,12 @@
 import { css, cx } from "@emotion/css";
 import { theme } from "../../ui/theme.tsx";
 import React from "react";
+import { t } from "../../translations/t.ts";
 
 export const DeckAddedLabel = () => {
   return (
     <div
-      title={"This deck is on your list"}
+      title={t("deck_has_been_added")}
       className={css({
         position: "absolute",
         right: 0,
diff --git a/src/screens/deck-catalog/deck-catalog.tsx b/src/screens/deck-catalog/deck-catalog.tsx
index 4edfc358..878a6035 100644
--- a/src/screens/deck-catalog/deck-catalog.tsx
+++ b/src/screens/deck-catalog/deck-catalog.tsx
@@ -7,15 +7,19 @@ import { useDeckCatalogStore } from "../../store/deck-catalog-store-context.tsx"
 import { useMount } from "../../lib/react/use-mount.ts";
 import { theme } from "../../ui/theme.tsx";
 import { Select } from "../../ui/select.tsx";
-import { enumEntries } from "../../lib/typescript/enum-values.ts";
-import { LanguageFilter } from "../../store/deck-catalog-store.ts";
-import { camelCaseToHuman } from "../../lib/string/camel-case-to-human.ts";
+import {
+  LanguageFilter,
+  languageFilterToNativeName,
+} from "../../store/deck-catalog-store.ts";
 import { DeckListItemWithDescription } from "../../ui/deck-list-item-with-description.tsx";
 import { range } from "../../lib/array/range.ts";
 import { DeckLoading } from "../deck-list/deck-loading.tsx";
 import { NoDecksMatchingFilters } from "./no-decks-matching-filters.tsx";
 import { deckListStore } from "../../store/deck-list-store.ts";
 import { DeckAddedLabel } from "./deck-added-label.tsx";
+import { t, translateCategory } from "../../translations/t.ts";
+import { util } from "zod";
+import objectValues = util.objectValues;
 
 export const DeckCatalog = observer(() => {
   const store = useDeckCatalogStore();
@@ -37,31 +41,20 @@ export const DeckCatalog = observer(() => {
         marginBottom: 16,
       })}
     >
-      <h3 className={css({ textAlign: "center" })}>Deck Catalog</h3>
-      <div className={css({ display: "flex", gap: 4 })}>
-        <div className={css({ color: theme.hintColor })}>Available in</div>
-        <Select<LanguageFilter>
-          value={store.filters.language.value}
-          onChange={store.filters.language.onChange}
-          options={enumEntries(LanguageFilter).map(([name, key]) => ({
-            value: key,
-            label: name === "Any" ? "Any language" : camelCaseToHuman(name),
-          }))}
-        />
-      </div>
+      <h3 className={css({ textAlign: "center" })}>{t("deck_catalog")}</h3>
 
       <div className={css({ display: "flex", gap: 4 })}>
-        <div className={css({ color: theme.hintColor })}>Category</div>
+        <div className={css({ color: theme.hintColor })}>{t("category")}</div>
         <Select
           value={store.filters.categoryId.value}
           onChange={store.filters.categoryId.onChange}
           isLoading={store.categories?.state === "pending"}
           options={
             store.categories?.state === "fulfilled"
-              ? [{ value: "", label: "Any" }].concat(
+              ? [{ value: "", label: t("any_category") }].concat(
                   store.categories.value.categories.map((category) => ({
                     value: category.id,
-                    label: category.name,
+                    label: translateCategory(category.name),
                   })),
                 )
               : []
@@ -69,6 +62,20 @@ export const DeckCatalog = observer(() => {
         />
       </div>
 
+      <div className={css({ display: "flex", gap: 4 })}>
+        <div className={css({ color: theme.hintColor })}>
+          {t("i_understand")}
+        </div>
+        <Select<LanguageFilter>
+          value={store.filters.language.value}
+          onChange={store.filters.language.onChange}
+          options={objectValues(LanguageFilter).map((key) => ({
+            value: key,
+            label: languageFilterToNativeName(key),
+          }))}
+        />
+      </div>
+
       {(() => {
         if (store.decks?.state === "pending") {
           return range(5).map((i) => <DeckLoading key={i} />);
diff --git a/src/screens/deck-catalog/no-decks-matching-filters.tsx b/src/screens/deck-catalog/no-decks-matching-filters.tsx
index f11a5e46..a90bcf11 100644
--- a/src/screens/deck-catalog/no-decks-matching-filters.tsx
+++ b/src/screens/deck-catalog/no-decks-matching-filters.tsx
@@ -1,6 +1,7 @@
 import { css } from "@emotion/css";
 import { theme } from "../../ui/theme.tsx";
 import React from "react";
+import { t } from "../../translations/t.ts";
 
 export const NoDecksMatchingFilters = () => {
   return (
@@ -11,9 +12,11 @@ export const NoDecksMatchingFilters = () => {
         textAlign: "center",
       })}
     >
-      <div className={css({ fontWeight: 500 })}>No decks found</div>
+      <div className={css({ fontWeight: 500 })}>
+        {t("deck_search_not_found")}
+      </div>
       <div className={css({ fontSize: 14, color: theme.hintColor })}>
-        Try updating filters to see more decks
+        {t("deck_search_not_found_description")}
       </div>
     </div>
   );
diff --git a/src/screens/deck-form/card-form-view.tsx b/src/screens/deck-form/card-form-view.tsx
index df7d6deb..d3925d8f 100644
--- a/src/screens/deck-form/card-form-view.tsx
+++ b/src/screens/deck-form/card-form-view.tsx
@@ -5,6 +5,7 @@ import { Input } from "../../ui/input.tsx";
 import React from "react";
 import { CardFormType } from "../../store/deck-form-store.ts";
 import { HintTransparent } from "../../ui/hint-transparent.tsx";
+import { t } from "../../translations/t.ts";
 
 type Props = {
   cardForm: CardFormType;
@@ -23,20 +24,20 @@ export const CardFormView = observer((props: Props) => {
         position: "relative",
       })}
     >
-      <h3 className={css({ textAlign: "center" })}>Add card</h3>
-      <Label text={"Front side"} isRequired>
+      <h3 className={css({ textAlign: "center" })}>{t("add_card")}</h3>
+      <Label text={t("card_front_title")} isRequired>
         <Input field={cardForm.front} rows={3} type={"textarea"} />
-        <HintTransparent>The prompt or question you'll see</HintTransparent>
+        <HintTransparent>{t("card_front_side_hint")}</HintTransparent>
       </Label>
 
-      <Label text={"Back side"} isRequired>
+      <Label text={t("card_back_title")} isRequired>
         <Input field={cardForm.back} rows={3} type={"textarea"} />
-        <HintTransparent>The response you need to provide</HintTransparent>
+        <HintTransparent>{t("card_back_side_hint")}</HintTransparent>
       </Label>
 
-      <Label text={"Example"}>
+      <Label text={t("card_field_example_title")}>
         <Input field={cardForm.example} rows={2} type={"textarea"} />
-        <HintTransparent>Optional additional information</HintTransparent>
+        <HintTransparent>{t("card_field_example_hint")}</HintTransparent>
       </Label>
     </div>
   );
diff --git a/src/screens/deck-form/card-form.tsx b/src/screens/deck-form/card-form.tsx
index 701e23f5..7cefa6a5 100644
--- a/src/screens/deck-form/card-form.tsx
+++ b/src/screens/deck-form/card-form.tsx
@@ -6,6 +6,7 @@ import { useDeckFormStore } from "../../store/deck-form-store-context.tsx";
 import { useBackButton } from "../../lib/telegram/use-back-button.tsx";
 import { CardFormView } from "./card-form-view.tsx";
 import { useTelegramProgress } from "../../lib/telegram/use-telegram-progress.tsx";
+import { t } from "../../translations/t.ts";
 
 export const CardForm = observer(() => {
   const deckFormStore = useDeckFormStore();
@@ -13,7 +14,7 @@ export const CardForm = observer(() => {
   assert(cardForm, "Card should not be empty before editing");
 
   useMainButton(
-    "Save",
+    t("save"),
     () => {
       deckFormStore.saveCardForm();
     },
diff --git a/src/screens/deck-form/card-list.tsx b/src/screens/deck-form/card-list.tsx
index 0c3aa16b..528ce73b 100644
--- a/src/screens/deck-form/card-list.tsx
+++ b/src/screens/deck-form/card-list.tsx
@@ -9,6 +9,7 @@ import { theme } from "../../ui/theme.tsx";
 import { Button } from "../../ui/button.tsx";
 import React from "react";
 import { reset } from "../../ui/reset.ts";
+import { t } from "../../translations/t.ts";
 
 export const CardList = observer(() => {
   const deckFormStore = useDeckFormStore();
@@ -32,12 +33,12 @@ export const CardList = observer(() => {
         marginBottom: 16,
       })}
     >
-      <h3 className={css({ textAlign: "center" })}>Cards</h3>
+      <h3 className={css({ textAlign: "center" })}>{t("cards")}</h3>
       {deckFormStore.form.cards.length > 1 && (
         <>
           <Input
             field={deckFormStore.cardFilter.text}
-            placeholder={"Search card"}
+            placeholder={t("search_card")}
           />
           <div
             className={css({
@@ -46,18 +47,18 @@ export const CardList = observer(() => {
               gap: 8,
             })}
           >
-            <span>Sort by</span>
+            <span>{t("sort_by")}</span>
             {[
               {
-                label: "Date",
+                label: t("card_sort_by_date"),
                 fieldName: "createdAt" as const,
               },
               {
-                label: "Front",
+                label: t("card_sort_by_front"),
                 fieldName: "frontAlpha" as const,
               },
               {
-                label: "Back",
+                label: t("card_sort_by_back"),
                 fieldName: "backAlpha" as const,
               },
             ].map((item, i) => {
@@ -111,7 +112,7 @@ export const CardList = observer(() => {
           deckFormStore.openNewCardForm();
         }}
       >
-        Add card
+        {t("add_card")}
       </Button>
     </div>
   );
diff --git a/src/screens/deck-form/deck-form.tsx b/src/screens/deck-form/deck-form.tsx
index c7c07bba..08aaf3cd 100644
--- a/src/screens/deck-form/deck-form.tsx
+++ b/src/screens/deck-form/deck-form.tsx
@@ -22,6 +22,7 @@ import {
 } from "../../lib/voice-playback/speak.ts";
 import { DeckSpeakFieldEnum } from "../../../functions/db/deck/decks-with-cards-schema.ts";
 import { theme } from "../../ui/theme.tsx";
+import { t } from "../../translations/t.ts";
 
 export const DeckForm = observer(() => {
   const deckFormStore = useDeckFormStore();
@@ -32,7 +33,7 @@ export const DeckForm = observer(() => {
     deckFormStore.loadForm();
   });
   useMainButton(
-    "Save",
+    t("save"),
     () => {
       deckFormStore.onDeckSave();
     },
@@ -58,13 +59,13 @@ export const DeckForm = observer(() => {
       })}
     >
       <h3 className={css({ textAlign: "center" })}>
-        {screen.deckId ? "Edit deck" : "Add deck"}
+        {screen.deckId ? t("edit_deck") : t("add_deck")}
       </h3>
-      <Label text={"Title"} isRequired>
+      <Label text={t("title")} isRequired>
         <Input field={deckFormStore.form.title} />
       </Label>
 
-      <Label text={"Description"}>
+      <Label text={t("description")}>
         <Input
           field={deckFormStore.form.description}
           rows={3}
@@ -78,13 +79,13 @@ export const DeckForm = observer(() => {
             deckFormStore.goToCardList();
           }}
         >
-          <span>Cards</span>
+          <span>{t("cards")}</span>
           <span>{deckFormStore.form.cards.length}</span>
         </SettingsRow>
       )}
 
       <SettingsRow>
-        <span>Speaking cards</span>
+        <span>{t("speaking_cards")}</span>
         <RadioSwitcher
           isOn={deckFormStore.isSpeakingCardEnabled}
           onToggle={deckFormStore.toggleIsSpeakingCardEnabled}
@@ -101,7 +102,7 @@ export const DeckForm = observer(() => {
         >
           <div>
             <div className={css({ fontSize: 14, color: theme.hintColor })}>
-              Voice language
+              {t("voice_language")}
             </div>
             {deckFormStore.form.speakingCardsLocale.value ? (
               <Select<string>
@@ -117,15 +118,15 @@ export const DeckForm = observer(() => {
 
           <div>
             <div className={css({ fontSize: 14, color: theme.hintColor })}>
-              Speak field
+              {t("card_speak_side")}
             </div>
             {deckFormStore.form.speakingCardsField.value ? (
               <Select<DeckSpeakFieldEnum>
                 value={deckFormStore.form.speakingCardsField.value}
                 onChange={deckFormStore.form.speakingCardsField.onChange}
                 options={[
-                  { value: "front", label: "Front side" },
-                  { value: "back", label: "Back side" },
+                  { value: "front", label: t("card_speak_side_front") },
+                  { value: "back", label: t("card_speak_side_back") },
                 ]}
               />
             ) : null}
@@ -133,9 +134,7 @@ export const DeckForm = observer(() => {
         </div>
       ) : (
         <>
-          <HintTransparent>
-            Play spoken audio for each flashcard to enhance pronunciation
-          </HintTransparent>
+          <HintTransparent>{t("card_speak_description")}</HintTransparent>
         </>
       )}
 
@@ -146,7 +145,7 @@ export const DeckForm = observer(() => {
           deckFormStore.openNewCardForm();
         }}
       >
-        Add card
+        {t("add_card")}
       </Button>
     </div>
   );
diff --git a/src/screens/deck-form/quick-add-card-form.tsx b/src/screens/deck-form/quick-add-card-form.tsx
index a62d9d46..edf3263d 100644
--- a/src/screens/deck-form/quick-add-card-form.tsx
+++ b/src/screens/deck-form/quick-add-card-form.tsx
@@ -5,11 +5,12 @@ import { useMainButton } from "../../lib/telegram/use-main-button.tsx";
 import { useBackButton } from "../../lib/telegram/use-back-button.tsx";
 import { QuickAddCardFormStore } from "../../store/quick-add-card-form-store.ts";
 import { useTelegramProgress } from "../../lib/telegram/use-telegram-progress.tsx";
+import { t } from "../../translations/t.ts";
 
 export const QuickAddCardForm = observer(() => {
   const [quickAddCardStore] = useState(() => new QuickAddCardFormStore());
 
-  useMainButton("Save", () => {
+  useMainButton(t("save"), () => {
     quickAddCardStore.onSave();
   });
   useBackButton(() => {
diff --git a/src/screens/deck-list/main-screen.tsx b/src/screens/deck-list/main-screen.tsx
index 880b1c96..cf044db7 100644
--- a/src/screens/deck-list/main-screen.tsx
+++ b/src/screens/deck-list/main-screen.tsx
@@ -16,6 +16,7 @@ import { ListHeader } from "../../ui/list-header.tsx";
 import { range } from "../../lib/array/range.ts";
 import { reset } from "../../ui/reset.ts";
 import { ViewMoreDecksToggle } from "./view-more-decks-toggle.tsx";
+import { t } from "../../translations/t.ts";
 
 export const MainScreen = observer(() => {
   useMount(() => {
@@ -33,7 +34,7 @@ export const MainScreen = observer(() => {
     >
       <div>
         <ListHeader
-          text={"My decks"}
+          text={t("my_decks")}
           rightSlot={
             deckListStore.shouldShowMyDecksToggle ? (
               <ViewMoreDecksToggle />
@@ -59,7 +60,7 @@ export const MainScreen = observer(() => {
 
           {deckListStore.myInfo && !deckListStore.myDecks.length ? (
             <Hint>
-              You don't have any personal deck yet. Feel free to{" "}
+              {t("no_personal_decks_start")}{" "}
               <span
                 className={css({
                   color: theme.linkColor,
@@ -68,9 +69,9 @@ export const MainScreen = observer(() => {
                   screenStore.go({ type: "deckForm" });
                 }}
               >
-                create one
+                {t("no_personal_decks_create")}
               </span>{" "}
-              or explore the public decks below. Happy learning! 😊
+              {t("no_personal_decks_explore")}
             </Hint>
           ) : null}
 
@@ -81,21 +82,18 @@ export const MainScreen = observer(() => {
                 screenStore.go({ type: "deckForm" });
               }}
             >
-              Add deck
+              {t("add_deck")}
             </Button>
           ) : null}
 
           {deckListStore.areAllDecksReviewed && (
-            <Hint>
-              Amazing work! 🌟 You've reviewed all the decks for now. Come back
-              later for more.
-            </Hint>
+            <Hint>{t("all_decks_reviewed")}</Hint>
           )}
         </div>
       </div>
 
       <div>
-        <ListHeader text={"Public decks"} />
+        <ListHeader text={t("public_decks")} />
         <div
           className={css({
             display: "flex",
@@ -124,7 +122,7 @@ export const MainScreen = observer(() => {
                 <i
                   className={cx(css({ color: "inherit" }), "mdi mdi-magnify")}
                 />{" "}
-                Explore more decks
+                {t("explore_public_decks")}
               </button>
             </>
           ) : null}
@@ -139,7 +137,7 @@ export const MainScreen = observer(() => {
       {deckListStore.myInfo && (
         <>
           <div>
-            <ListHeader text={"News and updates"} />
+            <ListHeader text={t("news_and_updates")} />
             <Button
               icon={"mdi-call-made"}
               onClick={() => {
@@ -149,7 +147,7 @@ export const MainScreen = observer(() => {
                 WebApp.openTelegramLink(channelLink);
               }}
             >
-              Telegram channel
+              {t("telegram_channel")}
             </Button>
           </div>
           <div>
@@ -159,7 +157,7 @@ export const MainScreen = observer(() => {
                 screenStore.go({ type: "userSettings" });
               }}
             >
-              Settings
+              {t("settings")}
             </Button>
           </div>
         </>
diff --git a/src/screens/deck-list/view-more-decks-toggle.tsx b/src/screens/deck-list/view-more-decks-toggle.tsx
index 6606d80c..52814a47 100644
--- a/src/screens/deck-list/view-more-decks-toggle.tsx
+++ b/src/screens/deck-list/view-more-decks-toggle.tsx
@@ -5,6 +5,7 @@ import { theme } from "../../ui/theme.tsx";
 import { deckListStore } from "../../store/deck-list-store.ts";
 import { ChevronIcon } from "../../ui/chevron-icon.tsx";
 import React from "react";
+import { t } from "../../translations/t.ts";
 
 export const ViewMoreDecksToggle = observer(() => {
   return (
@@ -30,7 +31,9 @@ export const ViewMoreDecksToggle = observer(() => {
           direction={deckListStore.isMyDecksExpanded.value ? "top" : "bottom"}
         />
       </span>
-      {deckListStore.isMyDecksExpanded.value ? "Hide" : "Show all"}
+      {deckListStore.isMyDecksExpanded.value
+        ? t("hide_all_decks")
+        : t("show_all_decks")}
     </button>
   );
 });
diff --git a/src/screens/deck-review/card-speaker.tsx b/src/screens/deck-review/card-speaker.tsx
index 47631520..e004a77d 100644
--- a/src/screens/deck-review/card-speaker.tsx
+++ b/src/screens/deck-review/card-speaker.tsx
@@ -22,7 +22,7 @@ export const CardSpeaker = observer((props: Props) => {
     return null;
   }
 
-  // throttle is needed to avoid user clicking on the speaker button many times in a row hence creating many sounds
+  // throttle is needed to avoid user clicking on the speaker many times in a row hence creating many sounds
   return (
     <i
       onClick={throttle(card.speak, 500)}
diff --git a/src/screens/deck-review/deck-finished.tsx b/src/screens/deck-review/deck-finished.tsx
index 2b5acb48..fa935dae 100644
--- a/src/screens/deck-review/deck-finished.tsx
+++ b/src/screens/deck-review/deck-finished.tsx
@@ -3,29 +3,14 @@ import { observer } from "mobx-react-lite";
 import { DeckFinishedModal } from "./deck-finished-modal.tsx";
 import { css } from "@emotion/css";
 import { useReviewStore } from "../../store/review-store-context.tsx";
-import { random } from "../../lib/array/random.ts";
 import { useMount } from "../../lib/react/use-mount.ts";
 import { screenStore } from "../../store/screen-store.ts";
 import { useMainButton } from "../../lib/telegram/use-main-button.tsx";
 import { useTelegramProgress } from "../../lib/telegram/use-telegram-progress.tsx";
 import { theme } from "../../ui/theme.tsx";
-
-const encouragingMessages = [
-  "Consistency is the key to mastery, and each step you take brings you closer to your learning goals",
-  "Remember, the journey of knowledge is endless, and every session counts",
-  "Keep up the momentum, and see you in the next review!",
-  "While you've made it through all the cards for now, remember that the magic of spaced repetition means you'll see these words pop up in the future.",
-  "It's all part of ensuring these nuggets of knowledge stick with you for the long run.",
-  "Each review session carves the knowledge deeper into your memory. Well done for pushing through!",
-  "Every review strengthens your neural connections. You're not just learning; you're growing!",
-  "You're fueling your future self with every review. Imagine where you'll be a year from now!",
-  "As the saying goes, 'Repetition is the mother of learning.' You're embracing this wisdom with every session.",
-  "Your commitment today is the foundation for mastery tomorrow. Keep it up!",
-  "Learning is like building a castle brick by brick. Every review adds another stone to your fortress of knowledge.",
-  "Remember, the mightiest of trees grow from constant nurturing. Your knowledge is no different. Keep watering your learning tree!",
-  "You're not just revisiting information; you're turning it into a part of who you are. Well done!",
-  "Just think of the compounded knowledge you're getting with every review. Your future self thanks you!",
-];
+import { t } from "../../translations/t.ts";
+import { translateNewCardsCount } from "../../translations/translate-new-cards-count.tsx";
+import { getEncouragingMessage } from "../../translations/get-encouraging-message.tsx";
 
 type Props = {
   type: "deck" | "repeat_all";
@@ -54,13 +39,11 @@ export const DeckFinished = observer((props: Props) => {
         })}
       >
         <p>
-          {type === "deck"
-            ? `You have finished this deck for now 🎉`
-            : `You have repeated all the cards for today 🎉`}
+          {type === "deck" ? t("review_deck_finished") : t("review_all_cards")}
         </p>
-        {type === "repeat_all" && newCardsCount && newCardsCount > 1 ? (
+        {type === "repeat_all" && newCardsCount ? (
           <p>
-            Want more? You have{" "}
+            {t("review_finished_want_more")}{" "}
             <span
               className={css({
                 color: theme.linkColor,
@@ -69,12 +52,12 @@ export const DeckFinished = observer((props: Props) => {
                 screenStore.go({ type: "main" });
               }}
             >
-              {newCardsCount}
+              {newCardsCount} {translateNewCardsCount(newCardsCount)}
             </span>{" "}
-            new cards to study
+            {t("review_finished_to_review")}
           </p>
         ) : (
-          <p>{random(encouragingMessages)} 😊</p>
+          <p>{getEncouragingMessage()} 😊</p>
         )}
       </div>
     </DeckFinishedModal>
diff --git a/src/screens/deck-review/deck-preview.tsx b/src/screens/deck-review/deck-preview.tsx
index 2d997d6b..3b19b428 100644
--- a/src/screens/deck-review/deck-preview.tsx
+++ b/src/screens/deck-review/deck-preview.tsx
@@ -13,6 +13,7 @@ import { showConfirm } from "../../lib/telegram/show-confirm.ts";
 import { ButtonSideAligned } from "../../ui/button-side-aligned.tsx";
 import { useTelegramProgress } from "../../lib/telegram/use-telegram-progress.tsx";
 import { apiDuplicateDeckRequest } from "../../api/api.ts";
+import { t } from "../../translations/t.ts";
 
 export const DeckPreview = observer(() => {
   const reviewStore = useReviewStore();
@@ -24,7 +25,7 @@ export const DeckPreview = observer(() => {
   useTelegramProgress(() => deckListStore.isDeckCardsLoading);
 
   useMainButton(
-    "Review deck",
+    t("review_deck"),
     () => {
       deckListStore.startDeckReview(reviewStore);
     },
@@ -66,7 +67,6 @@ export const DeckPreview = observer(() => {
           <h3 className={css({ paddingTop: 12 })}>{deck.name}</h3>
         </div>
         <div>
-          <h4 className={css({ paddingBottom: 4 })}>Description</h4>
           <div>{deck.description}</div>
         </div>
         {!deckListStore.isDeckCardsLoading && (
@@ -80,7 +80,7 @@ export const DeckPreview = observer(() => {
             })}
           >
             <div className={css({ display: "flex", gap: 4 })}>
-              <span>Cards to repeat: </span>
+              <span>{t("cards_to_repeat")}: </span>
               <h4 className={css({ color: theme.orange })}>
                 {
                   deck.cardsToReview.filter((card) => card.type === "repeat")
@@ -89,7 +89,7 @@ export const DeckPreview = observer(() => {
               </h4>
             </div>
             <div className={css({ display: "flex", gap: 4 })}>
-              <span>New cards: </span>
+              <span>{t("cards_new")}: </span>
               <h4 className={css({ color: theme.success })}>
                 {
                   deck.cardsToReview.filter((card) => card.type === "new")
@@ -98,7 +98,7 @@ export const DeckPreview = observer(() => {
               </h4>
             </div>
             <div className={css({ display: "flex", gap: 4 })}>
-              <span>Total cards: </span>
+              <span>{t("cards_total")}: </span>
               <h4>{deck.deck_card.length}</h4>
             </div>
           </div>
@@ -122,7 +122,7 @@ export const DeckPreview = observer(() => {
                 });
               }}
             >
-              Add card
+              {t("add_card_short")}
             </ButtonSideAligned>
           ) : null}
           {deckListStore.user?.is_admin && (
@@ -130,14 +130,14 @@ export const DeckPreview = observer(() => {
               icon={"mdi-content-duplicate mdi-24px"}
               outline
               onClick={() => {
-                showConfirm("Are you sure to duplicate this deck?").then(() => {
+                showConfirm(t("duplicate_confirm")).then(() => {
                   apiDuplicateDeckRequest(deck.id).then(() => {
                     screenStore.go({ type: "main" });
                   });
                 });
               }}
             >
-              Duplicate
+              {t("duplicate")}
             </ButtonSideAligned>
           )}
           {deckListStore.canEditDeck(deck) ? (
@@ -148,7 +148,7 @@ export const DeckPreview = observer(() => {
                 screenStore.go({ type: "deckForm", deckId: deck.id });
               }}
             >
-              Edit
+              {t("edit")}
             </ButtonSideAligned>
           ) : null}
           {screenStore.screen.type === "deckMine" ? (
@@ -156,14 +156,12 @@ export const DeckPreview = observer(() => {
               icon={"mdi-delete-circle mdi-24px"}
               outline
               onClick={() => {
-                showConfirm(
-                  "Are you sure to remove the deck from your collection? This action can't be undone",
-                ).then(() => {
+                showConfirm(t("delete_deck_confirm")).then(() => {
                   deckListStore.removeDeck();
                 });
               }}
             >
-              Delete
+              {t("delete")}
             </ButtonSideAligned>
           ) : null}
 
@@ -171,10 +169,7 @@ export const DeckPreview = observer(() => {
         </div>
       </div>
       {deck.cardsToReview.length === 0 && (
-        <Hint>
-          Amazing work! 🌟 You've reviewed all the cards in this deck for now.
-          Come back later for more.
-        </Hint>
+        <Hint>{t("no_cards_to_review_in_deck")}</Hint>
       )}
     </div>
   );
diff --git a/src/screens/deck-review/repeat-all-screen.tsx b/src/screens/deck-review/repeat-all-screen.tsx
index 32623790..fdc98b25 100644
--- a/src/screens/deck-review/repeat-all-screen.tsx
+++ b/src/screens/deck-review/repeat-all-screen.tsx
@@ -6,6 +6,7 @@ import { DeckFinished } from "./deck-finished.tsx";
 import { Review } from "./review.tsx";
 import React from "react";
 import { Hint } from "../../ui/hint.tsx";
+import { t } from "../../translations/t.ts";
 
 export const RepeatAllScreen = observer(() => {
   const reviewStore = useReviewStore();
@@ -30,10 +31,7 @@ export const RepeatAllScreen = observer(() => {
 
   return (
     <div>
-      <Hint>
-        Amazing work! 🌟 You've repeated all the cards for today. Come back
-        later for more.
-      </Hint>
+      <Hint>{t("no_cards_to_review_all")}</Hint>
     </div>
   );
 });
diff --git a/src/screens/deck-review/review.tsx b/src/screens/deck-review/review.tsx
index ae7e3e07..59edf9a0 100644
--- a/src/screens/deck-review/review.tsx
+++ b/src/screens/deck-review/review.tsx
@@ -11,6 +11,7 @@ import { useReviewStore } from "../../store/review-store-context.tsx";
 import { Button } from "../../ui/button.tsx";
 import { useBackButton } from "../../lib/telegram/use-back-button.tsx";
 import { useHotkeys } from "react-hotkeys-hook";
+import { t } from "../../translations/t.ts";
 
 const rotateBorder = 80;
 
@@ -176,10 +177,10 @@ export const Review = observer(() => {
           {reviewStore.currentCard.isOpened && !isRotateAnimating ? (
             <>
               <Button key={"forgot"} onClick={() => onLeft()} outline>
-                Need to review
+                {t("review_need_to_repeat")}
               </Button>
               <Button key={"remember"} onClick={() => onRight()}>
-                I got it right
+                {t("review_right")}
               </Button>
             </>
           ) : (
@@ -189,7 +190,7 @@ export const Review = observer(() => {
                 reviewStore.open();
               }}
             >
-              Show answer
+              {t("review_show_answer")}
             </Button>
           )}
         </div>
diff --git a/src/screens/deck-review/share-deck-button.tsx b/src/screens/deck-review/share-deck-button.tsx
index 92468d4e..5cadaac1 100644
--- a/src/screens/deck-review/share-deck-button.tsx
+++ b/src/screens/deck-review/share-deck-button.tsx
@@ -3,6 +3,7 @@ import { assert } from "../../lib/typescript/assert.ts";
 import { trimEnd } from "../../lib/string/trim.ts";
 import WebApp from "@twa-dev/sdk";
 import { ButtonSideAligned } from "../../ui/button-side-aligned.tsx";
+import { t } from "../../translations/t.ts";
 
 type Props = {
   shareId?: string | null;
@@ -25,7 +26,7 @@ export const ShareDeckButton = (props: Props) => {
       outline
       onClick={onClick}
     >
-      Share
+      {t("share")}
     </ButtonSideAligned>
   );
 };
diff --git a/src/screens/shared/version-warning.tsx b/src/screens/shared/version-warning.tsx
index 3501fb3c..8622b5e5 100644
--- a/src/screens/shared/version-warning.tsx
+++ b/src/screens/shared/version-warning.tsx
@@ -1,6 +1,7 @@
 import WebApp from "@twa-dev/sdk";
 import { css } from "@emotion/css";
 import { theme } from "../../ui/theme.tsx";
+import { t } from "../../translations/t.ts";
 
 export const VersionWarning = () => {
   if (WebApp.isVersionAtLeast("6.1")) {
@@ -22,13 +23,13 @@ export const VersionWarning = () => {
         marginBottom: 8,
       })}
     >
-      <div>Your Telegram is outdated</div>
+      <div>{t("warning_telegram_outdated_title")}</div>
       <div
         className={css({
           fontSize: 12,
         })}
       >
-        Please update your Telegram to ensure stable functioning of this app.
+        {t("warning_telegram_outdated_description")}
       </div>
     </div>
   );
diff --git a/src/screens/user-settings/user-settings-main.tsx b/src/screens/user-settings/user-settings-main.tsx
index 1a69f5f0..78746ea1 100644
--- a/src/screens/user-settings/user-settings-main.tsx
+++ b/src/screens/user-settings/user-settings-main.tsx
@@ -15,6 +15,7 @@ import { css } from "@emotion/css";
 import { useBackButton } from "../../lib/telegram/use-back-button.tsx";
 import { screenStore } from "../../store/screen-store.ts";
 import { HintTransparent } from "../../ui/hint-transparent.tsx";
+import { t } from "../../translations/t.ts";
 
 export const timeRanges = generateTimeRange();
 
@@ -25,7 +26,7 @@ export const UserSettingsMain = observer(() => {
   });
 
   useMainButton(
-    "Save",
+    t("save"),
     () => userSettingsStore.submit(),
     () => userSettingsStore.isSaveVisible,
   );
@@ -44,7 +45,7 @@ export const UserSettingsMain = observer(() => {
 
   return (
     <div>
-      <ListHeader text={"Settings"} />
+      <ListHeader text={t("settings")} />
 
       <div
         className={css({
@@ -54,7 +55,7 @@ export const UserSettingsMain = observer(() => {
         })}
       >
         <SettingsRow>
-          <span>Review notifications</span>
+          <span>{t("settings_review_notifications")}</span>
           <span
             className={css({
               transform: "translateY(3px)",
@@ -69,7 +70,7 @@ export const UserSettingsMain = observer(() => {
         </SettingsRow>
         {isRemindNotifyEnabled.value && (
           <SettingsRow>
-            <span>Time</span>
+            <span>{t("settings_time")}</span>
             <div className={css({ color: theme.linkColor })}>
               <Select
                 value={time.value.toString()}
@@ -86,11 +87,11 @@ export const UserSettingsMain = observer(() => {
         )}
 
         <HintTransparent>
-          Daily reminders help you remember to repeat cards
+          {t("settings_review_notifications_hint")}
         </HintTransparent>
 
         <SettingsRow>
-          <span>Speaking cards</span>
+          <span>{t("speaking_cards")}</span>
           <span
             className={css({
               transform: "translateY(3px)",
@@ -104,9 +105,7 @@ export const UserSettingsMain = observer(() => {
           </span>
         </SettingsRow>
 
-        <HintTransparent>
-          Play spoken audio for each flashcard to enhance pronunciation
-        </HintTransparent>
+        <HintTransparent>{t("card_speak_description")}</HintTransparent>
       </div>
     </div>
   );
diff --git a/src/store/deck-catalog-store.ts b/src/store/deck-catalog-store.ts
index eb1e5c70..320b27db 100644
--- a/src/store/deck-catalog-store.ts
+++ b/src/store/deck-catalog-store.ts
@@ -6,6 +6,7 @@ import { TextField } from "../lib/mobx-form/mobx-form.ts";
 import { cachePromise } from "../lib/cache/cache-promise.ts";
 import { DeckCategoryResponse } from "../../functions/deck-categories.ts";
 import { persistableField } from "../lib/mobx-form/persistable-field.ts";
+import { t } from "../translations/t.ts";
 
 export enum LanguageFilter {
   Any = "any",
@@ -14,6 +15,21 @@ export enum LanguageFilter {
   Russian = "ru",
 }
 
+export const languageFilterToNativeName = (str: LanguageFilter): string => {
+  switch (str) {
+    case LanguageFilter.Any:
+      return t("any_language");
+    case LanguageFilter.English:
+      return "English";
+    case LanguageFilter.Russian:
+      return "Русский";
+    case LanguageFilter.Spanish:
+      return "Español";
+    default:
+      return str satisfies never;
+  }
+};
+
 const decksCached = cachePromise<DeckCatalogResponse>();
 const categoriesCached = cachePromise<DeckCategoryResponse>();
 
@@ -21,7 +37,7 @@ export class DeckCatalogStore {
   decks?: IPromiseBasedObservable<DeckCatalogResponse>;
   filters = {
     language: persistableField(new TextField(LanguageFilter.Any), "catalogLn"),
-    categoryId: persistableField(new TextField(""), "catalogCateg"),
+    categoryId: new TextField(""),
   };
   categories?: IPromiseBasedObservable<DeckCategoryResponse>;
 
diff --git a/src/store/deck-form-store.ts b/src/store/deck-form-store.ts
index 89c3039e..bb8f2dda 100644
--- a/src/store/deck-form-store.ts
+++ b/src/store/deck-form-store.ts
@@ -18,6 +18,7 @@ import {
   DeckWithCardsDbType,
 } from "../../functions/db/deck/decks-with-cards-schema.ts";
 import { SpeakLanguageEnum } from "../lib/voice-playback/speak.ts";
+import { t } from "../translations/t.ts";
 
 export type CardFormType = {
   front: TextField<string>;
@@ -36,10 +37,7 @@ type DeckFormType = {
 };
 
 export const createDeckTitleField = (value: string) => {
-  return new TextField(
-    value,
-    validators.required("The deck title is required"),
-  );
+  return new TextField(value, validators.required(t("validation_deck_title")));
 };
 
 export const createCardSideField = (value: string) => {
@@ -285,7 +283,7 @@ export class DeckFormStore {
       return;
     }
 
-    const confirmed = await showConfirm("Quit editing card without saving?");
+    const confirmed = await showConfirm(t("deck_form_quit_card_confirm"));
     if (confirmed) {
       this.quitCardForm();
     }
@@ -298,7 +296,7 @@ export class DeckFormStore {
       return;
     }
 
-    const confirmed = await showConfirm("Stop adding deck and quit?");
+    const confirmed = await showConfirm(t("deck_form_quit_deck_confirm"));
     if (confirmed) {
       screenStore.back();
     }
@@ -308,7 +306,7 @@ export class DeckFormStore {
     assert(this.form, "onDeckSave: form is empty");
 
     if (this.form.cards.length === 0) {
-      showAlert("Please add at least 1 card to create a deck");
+      showAlert(t("deck_form_no_cards_alert"));
       return;
     }
 
diff --git a/src/store/quick-add-card-form-store.ts b/src/store/quick-add-card-form-store.ts
index 6c26cc40..84ab31f9 100644
--- a/src/store/quick-add-card-form-store.ts
+++ b/src/store/quick-add-card-form-store.ts
@@ -12,6 +12,7 @@ import { assert } from "../lib/typescript/assert.ts";
 import { TextField } from "../lib/mobx-form/mobx-form.ts";
 import { AddCardRequest } from "../../functions/add-card.ts";
 import { deckListStore } from "./deck-list-store.ts";
+import { t } from "../translations/t.ts";
 
 export class QuickAddCardFormStore {
   form: CardFormType = {
@@ -62,7 +63,7 @@ export class QuickAddCardFormStore {
       return;
     }
 
-    const confirmed = await showConfirm("Quit editing card without saving?");
+    const confirmed = await showConfirm(t("deck_form_quit_card_confirm"));
     if (confirmed) {
       screenStore.back();
     }
diff --git a/src/translations/get-encouraging-message.tsx b/src/translations/get-encouraging-message.tsx
new file mode 100644
index 00000000..a533889f
--- /dev/null
+++ b/src/translations/get-encouraging-message.tsx
@@ -0,0 +1,39 @@
+import { translator } from "./t.ts";
+import { random } from "../lib/array/random.ts";
+
+const en = [
+  "Consistency is the key to mastery, and each step makes you better",
+  "Remember, the journey of knowledge is endless, and every session counts",
+  "Keep up the momentum, and see you in the next review!",
+  "It's all part of ensuring these nuggets of knowledge stick with you for the long run.",
+  "Each review session carves the knowledge deeper into your memory. Well done for pushing through!",
+  "Every review strengthens your neural connections. You're not just learning; you're growing!",
+  "You're fueling your future self with every review. Imagine where you'll be a year from now!",
+  "As the saying goes, 'Repetition is the mother of learning.' You're embracing this wisdom with every session.",
+  "Your commitment today is the foundation for mastery tomorrow. Keep it up!",
+  "Learning is like building a castle brick by brick. Every review adds another stone to your fortress of knowledge.",
+  "Remember, the mightiest of trees grow from constant nurturing. Your knowledge is no different. Keep watering your learning tree!",
+  "You're not just revisiting information; you're turning it into a part of who you are. Well done!",
+  "Just think of the compounded knowledge you're getting with every review. Your future self thanks you!",
+];
+
+const ru = [
+  "Постоянство — ключ к мастерству, и каждое повторение делает тебя лучше",
+  "Помни, что путь знаний бесконечен, и каждое занятие имеет значение",
+  "Каждое повторение углубляет знания в твоей памяти. Молодец, что не сдаёшься!",
+  "Каждое повторение укрепляет твои нейронные связи. Те не просто учишься, ты растёшь!",
+  "Каждое повторение подпитывает твоё будущее. Представь, сколько всего ты будешь знать через год!",
+  "Как говорится, 'Повторение - мать учения.' Ты воплощаешь эту мудрость в каждом занятии.",
+  "Твои усилия сегодня — основа для мастерства завтра. Продолжай в том же духе!",
+  "Учиться — это как строить замок кирпич за кирпичом. Каждое повторение добавляет еще один камень в твою крепость знаний.",
+  "Дерево твоих знаний не сможет расти без постоянного ухода. Продолжай поливать ваше дерево знаний!",
+  "Ты не просто повторяешь информацию; ты превращаешь ее в часть себя",
+  "Подумай о накопленных знаниях, которые ты получаешь с каждым повторением. Будущий 'ты' благодарит тебя!",
+];
+
+export const getEncouragingMessage = () => {
+  if (translator.getLang() === "ru") {
+    return random(ru);
+  }
+  return random(en);
+};
diff --git a/src/translations/get-user-language.ts b/src/translations/get-user-language.ts
new file mode 100644
index 00000000..66a517e1
--- /dev/null
+++ b/src/translations/get-user-language.ts
@@ -0,0 +1,12 @@
+import { Language } from "./t.ts";
+
+export const getUserLanguage = (): Language => {
+  return "ru";
+  // const languageCode = WebApp.initDataUnsafe.user?.language_code;
+  // switch (languageCode) {
+  //   case "ru":
+  //     return "ru";
+  //   default:
+  //     return "en";
+  // }
+};
diff --git a/src/translations/t.ts b/src/translations/t.ts
new file mode 100644
index 00000000..76251c9d
--- /dev/null
+++ b/src/translations/t.ts
@@ -0,0 +1,193 @@
+import { Translator } from "../lib/translator/translator.ts";
+import { getUserLanguage } from "./get-user-language.ts";
+
+const en = {
+  my_decks: "My decks",
+  show_all_decks: "Show all",
+  hide_all_decks: "Hide",
+  no_personal_decks_start: "You don't have any personal deck yet. Feel free to",
+  no_personal_decks_create: "create one",
+  no_personal_decks_explore:
+    "or explore the public decks below. Happy learning! 😊",
+  add_deck: "Add deck",
+  edit_deck: "Edit deck",
+  edit: "Edit",
+  all_decks_reviewed: `Amazing work! 🌟 You've reviewed all the decks for now. Come back later for more.`,
+  public_decks: "Public decks",
+  explore_public_decks: "Explore more decks",
+  news_and_updates: "News and updates",
+  telegram_channel: "Telegram channel",
+  settings: "Settings",
+  deck_has_been_added: "This deck is on your list",
+  deck_catalog: "Deck Catalog",
+  i_understand: "I understand",
+  any_language: "Any language",
+  category: "Category",
+  any_category: "Any",
+  deck_search_not_found: "No decks found",
+  deck_search_not_found_description: "Try updating filters to see more decks",
+  category_English: "English",
+  category_Geography: "Geography",
+  category_History: "History",
+  save: "Save",
+  add_card: "Add card",
+  add_card_short: "Add card",
+  card_front_title: "Front side",
+  card_back_title: "Back side",
+  card_front_side_hint: "The prompt or question",
+  card_back_side_hint: "The response you need to provide",
+  card_field_example_title: "Example",
+  card_field_example_hint: "Optional additional information",
+  cards: "Cards",
+  search_card: "Search card",
+  card_sort_by_date: "Date",
+  card_sort_by_front: "Front",
+  card_sort_by_back: "Back",
+  sort_by: "Sort by",
+  title: "Title",
+  description: "Description",
+  speaking_cards: "Speaking cards",
+  voice_language: "Voice language",
+  card_speak_side: "Speak side",
+  card_speak_side_front: "Front",
+  card_speak_side_back: "Back",
+  card_speak_description:
+    "Play spoken audio for each flashcard to enhance pronunciation",
+  review_deck_finished: `You have finished this deck for now 🎉`,
+  review_all_cards: `You have repeated all the cards for today 🎉`,
+  review_finished_want_more: "Want more? You have",
+  review_finished_to_review: "to study",
+  review_deck: "Review deck",
+  cards_to_repeat: "Cards to repeat",
+  cards_new: "New cards",
+  cards_total: "Total cards",
+  duplicate: "Duplicate",
+  duplicate_confirm: "Are you sure to duplicate this deck?",
+  delete_deck_confirm:
+    "Are you sure to remove the deck from your collection? This action can't be undone",
+  delete: "Delete",
+  no_cards_to_review_in_deck: `Amazing work! 🌟 You've reviewed all the cards in this deck for now. Come back later for more.`,
+  no_cards_to_review_all: `Amazing work! 🌟 You've repeated all the cards for today. Come back later for more.`,
+  review_need_to_repeat: "Need to review",
+  review_right: "I got it right",
+  review_show_answer: "Show answer",
+  share: "Share",
+  warning_telegram_outdated_title: "Your Telegram is outdated",
+  warning_telegram_outdated_description:
+    "Please update your Telegram to ensure stable functioning of this app.",
+  settings_review_notifications: "Review notifications",
+  settings_time: "Time",
+  settings_review_notifications_hint:
+    "Daily reminders help you remember to repeat cards",
+  validation_deck_title: "The deck title is required",
+  deck_form_quit_card_confirm: "Quit editing card without saving?",
+  deck_form_quit_deck_confirm: "Quit editing deck without saving?",
+  deck_form_no_cards_alert: "Please add at least 1 card to create a deck",
+  deck_category: "Deck category",
+  validation_required: "This field is required",
+  validation_number: "This field must be a number",
+};
+
+type Translation = typeof en;
+
+const ru: Translation = {
+  my_decks: "Мои колоды",
+  show_all_decks: "Показать",
+  hide_all_decks: "Скрыть",
+  no_personal_decks_start: "У вас еще нет персональных колод. Вы можете",
+  no_personal_decks_create: "создать колоду",
+  no_personal_decks_explore: "или выбрать публичную колоду ниже. Удачи! 😊",
+  add_deck: "Добавить колоду",
+  edit_deck: "Редактировать колоду",
+  edit: "Изменить",
+  all_decks_reviewed: `Отличная работа! 🌟 Вы прошли все колоды. Возвращайтесь позже за новыми.`,
+  public_decks: "Публичные колоды",
+  explore_public_decks: "Посмотреть еще",
+  news_and_updates: "Новости и обновления",
+  telegram_channel: "Телеграм канал",
+  settings: "Настройки",
+  deck_has_been_added: "Колода уже в вашем списке",
+  deck_catalog: "Каталог Колод",
+  i_understand: "Я понимаю",
+  any_language: "Любой язык",
+  category: "Категория",
+  any_category: "Любая",
+  deck_search_not_found: "Нет подходящих колод",
+  deck_search_not_found_description:
+    "Попробуйте изменить фильтры чтобы увидеть больше",
+  category_English: "Английский",
+  category_Geography: "География",
+  category_History: "История",
+  save: "Сохранить",
+  add_card: "Добавить карточку",
+  card_front_title: "Лицевая сторона",
+  card_back_title: "Обратная сторона",
+  card_front_side_hint: "Вопрос или подсказка",
+  card_back_side_hint: "Ответ",
+  card_field_example_title: "Пример",
+  card_field_example_hint: "Дополнительная информация (необязательно)",
+  cards: "Карточки",
+  search_card: "Поиск карточки",
+  card_sort_by_date: "Дата",
+  card_sort_by_front: "Лицевая сторона",
+  card_sort_by_back: "Обратная сторона",
+  sort_by: "Сортировать",
+  title: "Название",
+  description: "Описание",
+  speaking_cards: "Озвучка карточек",
+  voice_language: "Язык озвучки",
+  card_speak_side: "Озвучить сторону",
+  card_speak_side_front: "Лицевую",
+  card_speak_side_back: "Обратную",
+  card_speak_description: "Позволяет улучшить произношение",
+  review_deck_finished: `Вы прошли эту колоду 🎉`,
+  review_all_cards: `Вы повторили все карточки на сегодня 🎉`,
+  review_finished_want_more: "Хотите больше? У вас есть",
+  review_finished_to_review: "для повторения",
+  review_deck: "Повторить колоду",
+  cards_to_repeat: "Карточек для повторения",
+  cards_new: "Новых",
+  cards_total: "Всего",
+  duplicate: "Копировать",
+  duplicate_confirm: "Вы уверены, что хотите продублировать эту колоду?",
+  delete_deck_confirm:
+    "Вы уверены, что хотите удалить колоду из своей коллекции? Это действие нельзя отменить",
+  delete: "Удалить",
+  no_cards_to_review_in_deck: `Отличная работа! 🌟 Вы прошли все карточки в этой колоде. Возвращайтесь позже за новыми.`,
+  no_cards_to_review_all: `Отличная работа! 🌟 Вы повторили все карточки на сегодня. Возвращайтесь позже за новыми.`,
+  review_need_to_repeat: "Нужно повторить",
+  review_right: "Помню",
+  review_show_answer: "Показать ответ",
+  share: "Поделиться",
+  warning_telegram_outdated_title: "Ваш Телеграм устарел",
+  warning_telegram_outdated_description:
+    "Пожалуйста обновите Телеграм для стабильной работы приложения.",
+  settings_review_notifications: "Напоминания о повторении",
+  settings_time: "Время",
+  settings_review_notifications_hint:
+    "Ежедневные напоминания помогают не забывать повторять карточки",
+  validation_deck_title: "Название колоды обязательно",
+  deck_form_quit_card_confirm: "Выйти без сохранения карточки?",
+  deck_form_quit_deck_confirm: "Выйти без сохранения колоды?",
+  deck_form_no_cards_alert: "Пожалуйста добавьте хотя бы 1 карточку",
+  deck_category: "Категория колоды",
+  add_card_short: "Карточка",
+  validation_required: "Это поле обязательно",
+  validation_number: "Это поле должно быть числом",
+};
+
+const translations = { en, ru };
+export type Language = keyof typeof translations;
+
+export const translateCategory = (category: string) => {
+  return t(`category_${category}` as any, category);
+};
+
+export const translator = new Translator<Language, Translation>(
+  translations,
+  getUserLanguage(),
+);
+
+export const t = (key: keyof Translation, defaultValue?: string) => {
+  return translator.translate(key, defaultValue);
+};
diff --git a/src/translations/translate-new-cards-count.test.ts b/src/translations/translate-new-cards-count.test.ts
new file mode 100644
index 00000000..0c313e51
--- /dev/null
+++ b/src/translations/translate-new-cards-count.test.ts
@@ -0,0 +1,35 @@
+import { describe, expect, test, vi } from "vitest";
+import { translateNewCardsCount } from "./translate-new-cards-count.tsx";
+
+const lang = vi.hoisted(() => vi.fn());
+vi.mock("../../lib/translator/translate.ts", () => {
+  return {
+    translator: {
+      getLang: lang,
+    },
+  };
+});
+
+describe("translate new cards count", () => {
+  test("russian", () => {
+    lang.mockReturnValue("ru");
+
+    expect(translateNewCardsCount(1)).toBe("новая карточка");
+    expect(translateNewCardsCount(2)).toBe("новые карточки");
+    expect(translateNewCardsCount(3)).toBe("новые карточки");
+    expect(translateNewCardsCount(5)).toBe("новых карточек");
+    expect(translateNewCardsCount(9)).toBe("новых карточек");
+    expect(translateNewCardsCount(15)).toBe("новых карточек");
+    expect(translateNewCardsCount(20)).toBe("новых карточек");
+    expect(translateNewCardsCount(21)).toBe("новая карточка");
+  });
+
+  test("english", () => {
+    lang.mockReturnValue("en");
+
+    expect(translateNewCardsCount(1)).toBe("new card");
+    expect(translateNewCardsCount(2)).toBe("new cards");
+    expect(translateNewCardsCount(3)).toBe("new cards");
+    expect(translateNewCardsCount(21)).toBe("new cards");
+  });
+});
diff --git a/src/translations/translate-new-cards-count.tsx b/src/translations/translate-new-cards-count.tsx
new file mode 100644
index 00000000..f70021ee
--- /dev/null
+++ b/src/translations/translate-new-cards-count.tsx
@@ -0,0 +1,26 @@
+import { translator } from "./t.ts";
+
+export const translateNewCardsCount = (count: number) => {
+  const language = translator.getLang();
+
+  if (language === "ru") {
+    const rules = new Intl.PluralRules("ru-RU");
+    const result = rules.select(count);
+
+    switch (result) {
+      case "one":
+        return "новая карточка";
+      case "few":
+        return "новые карточки";
+      case "many":
+        return "новых карточек";
+      case "two":
+        return "новые карточки";
+    }
+  }
+
+  if (count === 1) {
+    return `new card`;
+  }
+  return `new cards`;
+};
diff --git a/src/ui/deck-category-logo.tsx b/src/ui/deck-category-logo.tsx
index 61a04c23..276d2faa 100644
--- a/src/ui/deck-category-logo.tsx
+++ b/src/ui/deck-category-logo.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { css } from "@emotion/css";
 import WebApp from "@twa-dev/sdk";
+import { t, translateCategory } from "../translations/t.ts";
 
 // Windows doesn't support flag emojis, so we replace them with images
 export const replaceFlagEmojiOnWindows = (logo: string) => {
@@ -18,7 +19,7 @@ type Props = { logo: string; categoryName: string };
 
 export const DeckCategoryLogo = (props: Props) => {
   const { logo, categoryName } = props;
-  const title = `Deck category is ${categoryName}`;
+  const title = `${t("deck_category")}: ${translateCategory(categoryName)}`;
 
   if (supportsEmojiFlag) {
     return <span title={title}>{logo}</span>;
diff --git a/src/ui/loader.tsx b/src/ui/loader.tsx
deleted file mode 100644
index 754010b4..00000000
--- a/src/ui/loader.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { css, cx } from "@emotion/css";
-import React from "react";
-
-export const Loader = () => {
-  return (
-    <i
-      className={cx(
-        "mdi mdi-spin mdi-loading mdi-24px",
-        css({
-          width: "100%",
-          textAlign: "center",
-        }),
-      )}
-    />
-  );
-};