diff --git a/.gitignore b/.gitignore
index 277d477f9..bf1d8208e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,3 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
 /node_modules
 /.pnp
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..13a0b097b
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "i18n-ally.localesPaths": "src/i18n",
+  "i18n-ally.keystyle": "nested"
+}
\ No newline at end of file
diff --git a/crowdin.yml b/crowdin.yml
new file mode 100644
index 000000000..c673fdf6a
--- /dev/null
+++ b/crowdin.yml
@@ -0,0 +1,3 @@
+files:
+  - source: /src/i18n/source/**/*.json
+    translation: /src/i18n/locales/%two_letters_code%/**/%original_file_name%
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 8b89301ea..29029204d 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -15,6 +15,7 @@ module.exports = {
       '/templates/',
       '/technology/',
       '/contributing/',
+      '/translation/',
       '/building-from-source/',
       '/deployment/',
       '/changelog/',
diff --git a/docs/contributing/README.md b/docs/contributing/README.md
index d3baaf187..f7d90761b 100644
--- a/docs/contributing/README.md
+++ b/docs/contributing/README.md
@@ -30,9 +30,7 @@ Something that's missing on the app that's halting your progress from making the
 
 ## Translation
 
-Currently, there is no translation engine in place that allows for people to easily make translations. I'm still figuring out the most elegant way to implement this feature with minimal code and maximum reach. For now, if you would like to see this feature, please vote in the GitHub Issue linked below and if you are willing to contribute, mention in the comments of the issue which language you would like to translate to.
-
-[Vote for Translation Engine Feature ](https://github.com/AmruthPillai/Reactive-Resume/issues/18)
+For information on how to translate the app into your own language, please visit the [Translation](/translation/) section of the documentation.
 
 ## Commit Code
 
diff --git a/docs/translation/README.md b/docs/translation/README.md
new file mode 100644
index 000000000..ccaffb693
--- /dev/null
+++ b/docs/translation/README.md
@@ -0,0 +1,5 @@
+---
+title: Translation
+---
+
+# Translation
diff --git a/package-lock.json b/package-lock.json
index b4affcf75..2fc75a1a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8617,6 +8617,14 @@
         }
       }
     },
+    "html-parse-stringify2": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify2/-/html-parse-stringify2-2.0.1.tgz",
+      "integrity": "sha1-3FZwtyksoVi3vJFsmmc1rIhyg0o=",
+      "requires": {
+        "void-elements": "^2.0.1"
+      }
+    },
     "html-tags": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
@@ -8790,6 +8798,14 @@
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz",
       "integrity": "sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ=="
     },
+    "i18next": {
+      "version": "19.3.4",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-19.3.4.tgz",
+      "integrity": "sha512-ef7AxxutzdhBsBNugE9jgqsbwesG1muJOtZ9ZrPARPs/jXegViTp4+8JCeMp8BAyTIo1Zn0giqc8+2UpqFjU0w==",
+      "requires": {
+        "@babel/runtime": "^7.3.1"
+      }
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -14234,6 +14250,15 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.7.tgz",
       "integrity": "sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA=="
     },
+    "react-i18next": {
+      "version": "11.3.4",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.3.4.tgz",
+      "integrity": "sha512-IRZMD7PAM3C+fJNzRbyLNi1ZD0kc3Z3obBspJjEl+9H+ME41PhVor3BpdIqv/Rm7lUoGhMjmpu42J45ooJ61KA==",
+      "requires": {
+        "@babel/runtime": "^7.3.1",
+        "html-parse-stringify2": "2.0.1"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -17099,6 +17124,11 @@
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
     },
+    "void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w="
+    },
     "vue": {
       "version": "2.6.11",
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
diff --git a/package.json b/package.json
index 9a51bdb61..dc9913b3b 100644
--- a/package.json
+++ b/package.json
@@ -8,9 +8,11 @@
     "@testing-library/react": "^10.0.1",
     "@testing-library/user-event": "^10.0.0",
     "axios": "^0.19.2",
+    "i18next": "^19.3.4",
     "lodash": "^4.17.15",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-i18next": "^11.3.4",
     "react-markdown": "^4.3.1",
     "react-scripts": "3.4.1",
     "react-toastify": "^5.5.0",
diff --git a/src/components/App/App.js b/src/components/App/App.js
index 3ec26b9e8..589ff0a09 100644
--- a/src/components/App/App.js
+++ b/src/components/App/App.js
@@ -1,15 +1,10 @@
-/* eslint-disable no-unused-vars */
-import React, { useEffect, useContext } from 'react';
+import React, { useEffect, useContext, Suspense } from 'react';
 
+import AppContext from '../../context/AppContext';
 import LeftSidebar from '../LeftSidebar/LeftSidebar';
 import RightSidebar from '../RightSidebar/RightSidebar';
-import AppContext from '../../context/AppContext';
 
-// Resume Templates
-import Onyx from '../../templates/onyx';
-import Pikachu from '../../templates/pikachu';
-import Gengar from '../../templates/gengar';
-import Castform from '../../templates/castform';
+import templates from '../../templates';
 
 const App = () => {
   const context = useContext(AppContext);
@@ -21,37 +16,24 @@ const App = () => {
     dispatch({ type: 'import_data', payload: storedState });
   }, [dispatch]);
 
-  const renderTemplate = () => {
-    switch (theme.layout) {
-      case 'Onyx':
-        return <Onyx />;
-      case 'Pikachu':
-        return <Pikachu />;
-      case 'Gengar':
-        return <Gengar />;
-      case 'Castform':
-        return <Castform />;
-      default:
-        return null;
-    }
-  };
-
   return (
-    <div className="h-screen overflow-hidden grid grid-cols-5 items-center">
-      <LeftSidebar />
+    <Suspense fallback="Loading...">
+      <div className="h-screen overflow-hidden grid grid-cols-5 items-center">
+        <LeftSidebar />
 
-      <div className="z-0 h-screen col-span-3 flex justify-center items-center overflow-scroll">
-        <div
-          id="page"
-          className="animated fadeIn my-auto shadow-2xl"
-          style={{ animationDelay: '500ms' }}
-        >
-          {renderTemplate()}
+        <div className="z-0 h-screen col-span-3 flex justify-center items-center overflow-scroll">
+          <div
+            id="page"
+            className="animated fadeIn my-auto shadow-2xl"
+            style={{ animationDelay: '500ms' }}
+          >
+            {templates.find(x => theme.layout.toLowerCase() === x.key).component()}
+          </div>
         </div>
-      </div>
 
-      <RightSidebar />
-    </div>
+        <RightSidebar />
+      </div>
+    </Suspense>
   );
 };
 
diff --git a/src/components/LeftSidebar/LeftSidebar.js b/src/components/LeftSidebar/LeftSidebar.js
index 16e08f311..d06c3bae2 100644
--- a/src/components/LeftSidebar/LeftSidebar.js
+++ b/src/components/LeftSidebar/LeftSidebar.js
@@ -13,24 +13,23 @@ import ExtrasTab from './tabs/Extras';
 import LanguagesTab from './tabs/Languages';
 import ReferencesTab from './tabs/References';
 
-const tabs = [
-  'Profile',
-  'Objective',
-  'Work Experience',
-  'Education',
-  'Awards',
-  'Certifications',
-  'Skills',
-  'Languages',
-  'References',
-  'Extras',
-];
-
 const LeftSidebar = () => {
   const context = useContext(AppContext);
   const { state, dispatch } = context;
   const { data } = state;
 
+  const tabs = [
+    'Profile',
+    'Objective',
+    'Work Experience',
+    'Education',
+    'Awards',
+    'Certifications',
+    'Skills',
+    'Languages',
+    'References',
+    'Extras',
+  ];
   const [currentTab, setCurrentTab] = useState('Profile');
   const onChange = (key, value) => {
     dispatch({
diff --git a/src/components/LeftSidebar/tabs/Awards.js b/src/components/LeftSidebar/tabs/Awards.js
index d29359330..2b9a61c6e 100644
--- a/src/components/LeftSidebar/tabs/Awards.js
+++ b/src/components/LeftSidebar/tabs/Awards.js
@@ -1,4 +1,5 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
@@ -6,10 +7,13 @@ import TextField from '../../../shared/TextField';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
 import TextArea from '../../../shared/TextArea';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import AddItemButton from '../../../shared/AddItemButton';
+import ItemHeading from '../../../shared/ItemHeading';
 
 const AwardsTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -24,7 +28,7 @@ const AwardsTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('heading.placeholder')}
             value={data.awards.heading}
             onChange={v => onChange('data.awards.heading', v)}
           />
@@ -45,12 +49,44 @@ const AwardsTab = ({ data, onChange }) => {
         />
       ))}
 
-      <AddItem dispatch={dispatch} />
+      <AddItem heading={data.awards.heading} dispatch={dispatch} />
     </>
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation(['leftSidebar', 'app']);
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('awards.title.label')}
+        placeholder={t('awards.title.placeholder')}
+        value={item.title}
+        onChange={v => onChange(`${identifier}title`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('awards.subtitle.label')}
+        placeholder={t('awards.subtitle.placeholder')}
+        value={item.subtitle}
+        onChange={v => onChange(`${identifier}subtitle`, v)}
+      />
+
+      <TextArea
+        className="mb-6"
+        label={t('app:item.description.label')}
+        placeholder={t('awards.description.placeholder')}
+        value={item.description}
+        onChange={v => onChange(`${identifier}description`, v)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -80,48 +116,12 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Award</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Title"
-          className="mb-6"
-          placeholder="Math &amp; Science Olympiad"
-          value={item.title}
-          onChange={v => onChange('title', v)}
-        />
+        <Form item={item} onChange={onChange} />
 
-        <TextField
-          label="Subtitle"
-          className="mb-6"
-          placeholder="First Place, International Level"
-          value={item.subtitle}
-          onChange={v => onChange('subtitle', v)}
-        />
-
-        <TextArea
-          label="Description"
-          className="mb-6"
-          value={item.description}
-          onChange={v => onChange('description', v)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -129,53 +129,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.awards.items[${index}]`;
+  const identifier = `data.awards.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">{item.title}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.title} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Title"
-          className="mb-6"
-          placeholder="Math &amp; Science Olympiad"
-          value={item.title}
-          onChange={v => onChange(`${identifier}.title`, v)}
-        />
-
-        <TextField
-          label="Subtitle"
-          className="mb-6"
-          placeholder="First Place, International Level"
-          value={item.subtitle}
-          onChange={v => onChange(`${identifier}.subtitle`, v)}
-        />
-
-        <TextArea
-          label="Description"
-          className="mb-6"
-          value={item.description}
-          onChange={v => onChange(`${identifier}.description`, v)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="awards"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/LeftSidebar/tabs/Certifications.js b/src/components/LeftSidebar/tabs/Certifications.js
index 5cdd5f832..8e3add8e2 100644
--- a/src/components/LeftSidebar/tabs/Certifications.js
+++ b/src/components/LeftSidebar/tabs/Certifications.js
@@ -1,4 +1,5 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
@@ -6,10 +7,13 @@ import TextField from '../../../shared/TextField';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
 import TextArea from '../../../shared/TextArea';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import ItemHeading from '../../../shared/ItemHeading';
+import AddItemButton from '../../../shared/AddItemButton';
 
 const CertificationsTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -24,7 +28,7 @@ const CertificationsTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('heading.placeholder')}
             value={data.certifications.heading}
             onChange={v => onChange('data.certifications.heading', v)}
           />
@@ -45,12 +49,44 @@ const CertificationsTab = ({ data, onChange }) => {
         />
       ))}
 
-      <AddItem dispatch={dispatch} />
+      <AddItem heading={data.certifications.heading} dispatch={dispatch} />
     </>
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation(['leftSidebar', 'app']);
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('certifications.title.label')}
+        placeholder={t('certifications.title.placeholder')}
+        value={item.title}
+        onChange={v => onChange(`${identifier}title`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('certifications.subtitle.label')}
+        placeholder={t('certifications.subtitle.placeholder')}
+        value={item.subtitle}
+        onChange={v => onChange(`${identifier}subtitle`, v)}
+      />
+
+      <TextArea
+        className="mb-6"
+        label={t('app:item.description.label')}
+        placeholder={t('certifications.description.placeholder')}
+        value={item.description}
+        onChange={v => onChange(`${identifier}description`, v)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -80,48 +116,12 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Certification</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Title"
-          className="mb-6"
-          placeholder="Android Development Nanodegree"
-          value={item.title}
-          onChange={v => onChange('title', v)}
-        />
+        <Form item={item} onChange={onChange} />
 
-        <TextField
-          label="Subtitle"
-          className="mb-6"
-          placeholder="Udacity"
-          value={item.subtitle}
-          onChange={v => onChange('subtitle', v)}
-        />
-
-        <TextArea
-          label="Description"
-          className="mb-6"
-          value={item.description}
-          onChange={v => onChange('description', v)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -129,53 +129,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.certifications.items[${index}]`;
+  const identifier = `data.certifications.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">{item.title}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.title} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Title"
-          className="mb-6"
-          placeholder="Android Development Nanodegree"
-          value={item.title}
-          onChange={v => onChange(`${identifier}.title`, v)}
-        />
-
-        <TextField
-          label="Subtitle"
-          className="mb-6"
-          placeholder="Udacity"
-          value={item.subtitle}
-          onChange={v => onChange(`${identifier}.subtitle`, v)}
-        />
-
-        <TextArea
-          label="Description"
-          className="mb-6"
-          value={item.description}
-          onChange={v => onChange(`${identifier}.description`, v)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="certifications"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/LeftSidebar/tabs/Education.js b/src/components/LeftSidebar/tabs/Education.js
index 1363ee7fb..7a646937c 100644
--- a/src/components/LeftSidebar/tabs/Education.js
+++ b/src/components/LeftSidebar/tabs/Education.js
@@ -1,4 +1,5 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
@@ -6,10 +7,13 @@ import TextField from '../../../shared/TextField';
 import TextArea from '../../../shared/TextArea';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import AddItemButton from '../../../shared/AddItemButton';
+import ItemHeading from '../../../shared/ItemHeading';
 
 const EducationTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -24,7 +28,7 @@ const EducationTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('heading.placeholder')}
             value={data.education.heading}
             onChange={v => onChange('data.education.heading', v)}
           />
@@ -45,12 +49,71 @@ const EducationTab = ({ data, onChange }) => {
         />
       ))}
 
-      <AddItem dispatch={dispatch} />
+      <AddItem heading={data.education.heading} dispatch={dispatch} />
     </>
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation(['leftSidebar', 'app']);
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('education.name.label')}
+        placeholder={t('education.name.placeholder')}
+        value={item.name}
+        onChange={v => onChange(`${identifier}name`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('education.major.label')}
+        placeholder={t('education.major.placeholder')}
+        value={item.major}
+        onChange={v => onChange(`${identifier}major`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('education.grade.label')}
+        placeholder="7.2 CGPA"
+        value={item.grade}
+        onChange={v => onChange(`${identifier}grade`, v)}
+      />
+
+      <div className="grid grid-cols-2 col-gap-4">
+        <TextField
+          className="mb-6"
+          label={t('app:item.startDate.label')}
+          placeholder={t('app:item.startDate.placeholder')}
+          value={item.start}
+          onChange={v => onChange(`${identifier}start`, v)}
+        />
+
+        <TextField
+          className="mb-6"
+          label={t('app:item.endDate.label')}
+          placeholder={t('app:item.endDate.placeholder')}
+          value={item.end}
+          onChange={v => onChange(`${identifier}end`, v)}
+        />
+      </div>
+
+      <TextArea
+        rows="5"
+        className="mb-6"
+        label={t('app:item.description.label')}
+        placeholder={t('education.description.placeholder')}
+        value={item.description}
+        onChange={v => onChange(`${identifier}description`, v)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -73,7 +136,7 @@ const AddItem = ({ dispatch }) => {
     setItem({
       id: uuidv4(),
       enable: true,
-      title: '',
+      name: '',
       role: '',
       start: '',
       end: '',
@@ -86,76 +149,11 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Education</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Harvard University"
-          value={item.name}
-          onChange={v => onChange('name', v)}
-        />
-
-        <TextField
-          label="Major"
-          className="mb-6"
-          placeholder="Masters in Computer Science"
-          value={item.major}
-          onChange={v => onChange('major', v)}
-        />
-
-        <TextField
-          label="Grade"
-          className="mb-6"
-          placeholder="7.2 CGPA"
-          value={item.grade}
-          onChange={v => onChange('grade', v)}
-        />
-
-        <div className="grid grid-cols-2 col-gap-4">
-          <TextField
-            label="Start Date"
-            className="mb-6"
-            placeholder="March 2018"
-            value={item.start}
-            onChange={v => onChange('start', v)}
-          />
-
-          <TextField
-            label="End Date"
-            className="mb-6"
-            placeholder="May 2020"
-            value={item.end}
-            onChange={v => onChange('end', v)}
-          />
-        </div>
-
-        <TextArea
-          rows="5"
-          className="mb-6"
-          label="Description"
-          placeholder="You can write about projects or special credit classes that you took while studying at this school."
-          value={item.description}
-          onChange={v => onChange('description', v)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <Form item={item} onChange={onChange} />
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -163,81 +161,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.education.items[${index}]`;
+  const identifier = `data.education.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">{item.name}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.name} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Harvard University"
-          value={item.name}
-          onChange={v => onChange(`${identifier}.name`, v)}
-        />
-
-        <TextField
-          label="Major"
-          className="mb-6"
-          placeholder="Masters in Computer Science"
-          value={item.major}
-          onChange={v => onChange(`${identifier}.major`, v)}
-        />
-
-        <TextField
-          label="Grade"
-          className="mb-6"
-          placeholder="7.2 CGPA"
-          value={item.grade}
-          onChange={v => onChange(`${identifier}.grade`, v)}
-        />
-
-        <div className="grid grid-cols-2 col-gap-4">
-          <TextField
-            label="Start Date"
-            className="mb-6"
-            placeholder="March 2018"
-            value={item.start}
-            onChange={v => onChange(`${identifier}.start`, v)}
-          />
-
-          <TextField
-            label="End Date"
-            className="mb-6"
-            placeholder="May 2020"
-            value={item.end}
-            onChange={v => onChange(`${identifier}.end`, v)}
-          />
-        </div>
-
-        <TextArea
-          rows="5"
-          className="mb-6"
-          label="Description"
-          placeholder="You can write about projects or special credit classes that you took while studying at this school."
-          value={item.description}
-          onChange={v => onChange(`${identifier}.description`, v)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="education"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/LeftSidebar/tabs/Extras.js b/src/components/LeftSidebar/tabs/Extras.js
index bed67fb91..975baae69 100644
--- a/src/components/LeftSidebar/tabs/Extras.js
+++ b/src/components/LeftSidebar/tabs/Extras.js
@@ -1,14 +1,18 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
 import TextField from '../../../shared/TextField';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import ItemHeading from '../../../shared/ItemHeading';
+import AddItemButton from '../../../shared/AddItemButton';
 
 const ExtrasTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -23,7 +27,7 @@ const ExtrasTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('heading.placeholder')}
             value={data.extras.heading}
             onChange={v => onChange('data.extras.heading', v)}
           />
@@ -44,12 +48,36 @@ const ExtrasTab = ({ data, onChange }) => {
         />
       ))}
 
-      <AddItem dispatch={dispatch} />
+      <AddItem heading={data.extras.heading} dispatch={dispatch} />
     </>
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation('leftSidebar');
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('extras.key.label')}
+        placeholder={t('extras.key.placeholder')}
+        value={item.key}
+        onChange={v => onChange(`${identifier}key`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('extras.value.label')}
+        placeholder={t('extras.value.placeholder')}
+        value={item.value}
+        onChange={v => onChange(`${identifier}value`, v)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -77,41 +105,12 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Item</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Key"
-          className="mb-6"
-          placeholder="Date of Birth"
-          value={item.key}
-          onChange={v => onChange('key', v)}
-        />
+        <Form item={item} onChange={onChange} />
 
-        <TextField
-          label="Value"
-          className="mb-6"
-          placeholder="6th August 1995"
-          value={item.value}
-          onChange={v => onChange('value', v)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -119,46 +118,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.extras.items[${index}]`;
+  const identifier = `data.extras.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">{item.key}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.key} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Key"
-          className="mb-6"
-          placeholder="Date of Birth"
-          value={item.key}
-          onChange={v => onChange(`${identifier}.key`, v)}
-        />
-
-        <TextField
-          label="Value"
-          className="mb-6"
-          placeholder="6th August 1995"
-          value={item.value}
-          onChange={v => onChange(`${identifier}.value`, v)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="extras"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/LeftSidebar/tabs/Languages.js b/src/components/LeftSidebar/tabs/Languages.js
index d6b925361..bb9801d33 100644
--- a/src/components/LeftSidebar/tabs/Languages.js
+++ b/src/components/LeftSidebar/tabs/Languages.js
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
@@ -6,10 +7,13 @@ import TextField from '../../../shared/TextField';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
 import Counter from '../../../shared/Counter';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import AddItemButton from '../../../shared/AddItemButton';
+import ItemHeading from '../../../shared/ItemHeading';
 
 const LanguagesTab = ({ data, onChange }) => {
+  const { t } = useTranslation('app');
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -43,7 +47,7 @@ const LanguagesTab = ({ data, onChange }) => {
           </div>
           <div className="col-span-5">
             <TextField
-              placeholder="Heading"
+              placeholder={t('heading.placeholder')}
               value={data.languages.heading}
               onChange={v => onChange('data.languages.heading', v)}
             />
@@ -64,13 +68,37 @@ const LanguagesTab = ({ data, onChange }) => {
           />
         ))}
 
-        <AddItem dispatch={dispatch} />
+        <AddItem heading={data.languages.heading} dispatch={dispatch} />
       </>
     )
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation('leftSidebar');
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('languages.key.label')}
+        placeholder={t('languages.key.placeholder')}
+        value={item.key}
+        onChange={v => onChange(`${identifier}key`, v)}
+      />
+
+      <Counter
+        className="mb-6"
+        label={t('languages.rating.label')}
+        value={item.value}
+        onDecrement={() => item.value > 1 && onChange(`${identifier}value`, item.value - 1)}
+        onIncrement={() => item.value < 5 && onChange(`${identifier}value`, item.value + 1)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -98,41 +126,12 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Language</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Key"
-          className="mb-6"
-          placeholder="Dothraki"
-          value={item.key}
-          onChange={v => onChange('key', v)}
-        />
+        <Form item={item} onChange={onChange} />
 
-        <Counter
-          label="Rating"
-          className="mb-6"
-          value={item.value}
-          onDecrement={() => item.value > 1 && onChange('value', item.value - 1)}
-          onIncrement={() => item.value < 5 && onChange('value', item.value + 1)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -140,46 +139,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.languages.items[${index}]`;
+  const identifier = `data.languages.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">{item.key}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.key} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Dothraki"
-          value={item.key}
-          onChange={v => onChange(`${identifier}.key`, v)}
-        />
-
-        <Counter
-          label="Rating"
-          className="mb-6"
-          value={item.value}
-          onDecrement={() => item.value > 1 && onChange(`${identifier}.value`, item.value - 1)}
-          onIncrement={() => item.value < 5 && onChange(`${identifier}.value`, item.value + 1)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="languages"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/LeftSidebar/tabs/Objective.js b/src/components/LeftSidebar/tabs/Objective.js
index 8fd39147f..88fb3a6d9 100644
--- a/src/components/LeftSidebar/tabs/Objective.js
+++ b/src/components/LeftSidebar/tabs/Objective.js
@@ -1,9 +1,13 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
+
 import TextArea from '../../../shared/TextArea';
 import TextField from '../../../shared/TextField';
 import Checkbox from '../../../shared/Checkbox';
 
 const ObjectiveTab = ({ data, onChange }) => {
+  const { t } = useTranslation(['leftSidebar', 'app']);
+
   return (
     <div>
       <div className="mb-6 grid grid-cols-6 items-center">
@@ -15,7 +19,7 @@ const ObjectiveTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('app:heading.placeholder')}
             value={data.objective.heading}
             onChange={v => onChange('data.objective.heading', v)}
           />
@@ -27,8 +31,8 @@ const ObjectiveTab = ({ data, onChange }) => {
       <TextArea
         rows="15"
         className="mb-4"
-        label="Objective"
-        placeholder="Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+        label={t('objective.objective.label')}
+        placeholder={t('objective.objective.placeholder')}
         value={data.objective.body}
         onChange={v => onChange('data.objective.body', v)}
       />
diff --git a/src/components/LeftSidebar/tabs/Profile.js b/src/components/LeftSidebar/tabs/Profile.js
index d2336a8ee..3d0565e7a 100644
--- a/src/components/LeftSidebar/tabs/Profile.js
+++ b/src/components/LeftSidebar/tabs/Profile.js
@@ -1,93 +1,100 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
+
 import TextField from '../../../shared/TextField';
 
-const ProfileTab = ({ data, onChange }) => (
-  <div>
-    <TextField
-      className="mb-6"
-      label="Photo URL"
-      placeholder="https://i.imgur.com/..."
-      value={data.profile.photo}
-      onChange={v => onChange('data.profile.photo', v)}
-    />
+const ProfileTab = ({ data, onChange }) => {
+  const { t } = useTranslation('leftSidebar');
 
-    <div className="grid grid-cols-2 col-gap-4">
+  return (
+    <div>
       <TextField
         className="mb-6"
-        label="First Name"
-        placeholder="Jane"
-        value={data.profile.firstName}
-        onChange={v => onChange('data.profile.firstName', v)}
+        label={t('profile.photoUrl.label')}
+        placeholder="https://i.imgur.com/..."
+        value={data.profile.photo}
+        onChange={v => onChange('data.profile.photo', v)}
+      />
+
+      <div className="grid grid-cols-2 col-gap-4">
+        <TextField
+          className="mb-6"
+          label={t('profile.firstName.label')}
+          placeholder={t('profile.firstName.placeholder')}
+          value={data.profile.firstName}
+          onChange={v => onChange('data.profile.firstName', v)}
+        />
+
+        <TextField
+          className="mb-6"
+          label={t('profile.lastName.label')}
+          placeholder={t('profile.lastName.placeholder')}
+          value={data.profile.lastName}
+          onChange={v => onChange('data.profile.lastName', v)}
+        />
+      </div>
+
+      <TextField
+        className="mb-6"
+        label={t('profile.subtitle.label')}
+        placeholder={t('profile.subtitle.placeholder')}
+        value={data.profile.subtitle}
+        onChange={v => onChange('data.profile.subtitle', v)}
+      />
+
+      <hr className="my-6" />
+
+      <TextField
+        className="mb-6"
+        label={t('profile.address.line1.label')}
+        placeholder={t('profile.address.line1.placeholder')}
+        value={data.profile.address.line1}
+        onChange={v => onChange('data.profile.address.line1', v)}
       />
 
       <TextField
         className="mb-6"
-        label="Last Name"
-        placeholder="Doe"
-        value={data.profile.lastName}
-        onChange={v => onChange('data.profile.lastName', v)}
+        label={t('profile.address.line2.label')}
+        placeholder={t('profile.address.line2.placeholder')}
+        value={data.profile.address.line2}
+        onChange={v => onChange('data.profile.address.line2', v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('profile.address.line3.label')}
+        placeholder={t('profile.address.line3.placeholder')}
+        value={data.profile.address.line3}
+        onChange={v => onChange('data.profile.address.line3', v)}
+      />
+
+      <hr className="my-6" />
+
+      <TextField
+        className="mb-6"
+        label={t('profile.phone.label')}
+        placeholder="+1 541 754 3010"
+        value={data.profile.phone}
+        onChange={v => onChange('data.profile.phone', v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('profile.website.label')}
+        placeholder="google.com"
+        value={data.profile.website}
+        onChange={v => onChange('data.profile.website', v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('profile.email.label')}
+        placeholder="john.doe@example.com"
+        value={data.profile.email}
+        onChange={v => onChange('data.profile.email', v)}
       />
     </div>
+  );
+};
 
-    <TextField
-      className="mb-6"
-      label="Subtitle"
-      placeholder="Full Stack Web Developer"
-      value={data.profile.subtitle}
-      onChange={v => onChange('data.profile.subtitle', v)}
-    />
-
-    <hr className="my-6" />
-
-    <TextField
-      className="mb-6"
-      label="Address Line 1"
-      placeholder="Palladium Complex"
-      value={data.profile.address.line1}
-      onChange={v => onChange('data.profile.address.line1', v)}
-    />
-
-    <TextField
-      className="mb-6"
-      label="Address Line 2"
-      placeholder="140 E 14th St"
-      value={data.profile.address.line2}
-      onChange={v => onChange('data.profile.address.line2', v)}
-    />
-
-    <TextField
-      className="mb-6"
-      label="Address Line 3"
-      placeholder="New York, NY 10003 USA"
-      value={data.profile.address.line3}
-      onChange={v => onChange('data.profile.address.line3', v)}
-    />
-
-    <hr className="my-6" />
-
-    <TextField
-      className="mb-6"
-      label="Phone Number"
-      placeholder="+1 541 754 3010"
-      value={data.profile.phone}
-      onChange={v => onChange('data.profile.phone', v)}
-    />
-
-    <TextField
-      className="mb-6"
-      label="Website"
-      placeholder="google.com"
-      value={data.profile.website}
-      onChange={v => onChange('data.profile.website', v)}
-    />
-
-    <TextField
-      className="mb-6"
-      label="Email Address"
-      placeholder="john.doe@example.com"
-      value={data.profile.email}
-      onChange={v => onChange('data.profile.email', v)}
-    />
-  </div>
-);
 export default ProfileTab;
diff --git a/src/components/LeftSidebar/tabs/References.js b/src/components/LeftSidebar/tabs/References.js
index 8e4d2b370..80e09c334 100644
--- a/src/components/LeftSidebar/tabs/References.js
+++ b/src/components/LeftSidebar/tabs/References.js
@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
@@ -6,10 +7,13 @@ import TextField from '../../../shared/TextField';
 import TextArea from '../../../shared/TextArea';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import ItemHeading from '../../../shared/ItemHeading';
+import AddItemButton from '../../../shared/AddItemButton';
 
 const ReferencesTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -43,7 +47,7 @@ const ReferencesTab = ({ data, onChange }) => {
           </div>
           <div className="col-span-5">
             <TextField
-              placeholder="Heading"
+              placeholder={t('heading.placeholder')}
               value={data.references.heading}
               onChange={v => onChange('data.references.heading', v)}
             />
@@ -64,13 +68,62 @@ const ReferencesTab = ({ data, onChange }) => {
           />
         ))}
 
-        <AddItem dispatch={dispatch} />
+        <AddItem heading={data.references.heading} dispatch={dispatch} />
       </>
     )
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation(['leftSidebar', 'app']);
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('references.name.label')}
+        placeholder={t('references.name.placeholder')}
+        value={item.name}
+        onChange={v => onChange(`${identifier}name`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('references.position.label')}
+        placeholder={t('references.position.placeholder')}
+        value={item.position}
+        onChange={v => onChange(`${identifier}position`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('references.phone.label')}
+        placeholder="+1 541 754 3010"
+        value={item.phone}
+        onChange={v => onChange(`${identifier}phone`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('references.email.label')}
+        placeholder="richard@piedpiper.com"
+        value={item.email}
+        onChange={v => onChange(`${identifier}email`, v)}
+      />
+
+      <TextArea
+        rows="5"
+        className="mb-6"
+        label={t('app:item.description.label')}
+        placeholder={t('references.description.placeholder')}
+        value={item.description}
+        onChange={v => onChange(`${identifier}description`, v)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -104,66 +157,12 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Reference</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Steve Jobs"
-          value={item.name}
-          onChange={v => onChange('name', v)}
-        />
+        <Form item={item} onChange={onChange} />
 
-        <TextField
-          label="Position"
-          className="mb-6"
-          placeholder="CEO of Apple"
-          value={item.position}
-          onChange={v => onChange('position', v)}
-        />
-
-        <TextField
-          label="Phone Number"
-          className="mb-6"
-          placeholder="+1 123 456 7890"
-          value={item.phone}
-          onChange={v => onChange('phone', v)}
-        />
-
-        <TextField
-          label="Email Address"
-          className="mb-6"
-          placeholder="steve@apple.com"
-          value={item.email}
-          onChange={v => onChange('email', v)}
-        />
-
-        <TextArea
-          rows="5"
-          className="mb-6"
-          label="Description"
-          placeholder="You can write about how you and the reference contact worked together and which projects you were a part of."
-          value={item.description}
-          onChange={v => onChange('description', v)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -171,71 +170,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.references.items[${index}]`;
+  const identifier = `data.references.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">{item.name}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.name} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Steve Jobs"
-          value={item.name}
-          onChange={v => onChange(`${identifier}.name`, v)}
-        />
-
-        <TextField
-          label="Position"
-          className="mb-6"
-          placeholder="CEO of Apple"
-          value={item.position}
-          onChange={v => onChange(`${identifier}.position`, v)}
-        />
-
-        <TextField
-          label="Phone Number"
-          className="mb-6"
-          placeholder="+1 123 456 7890"
-          value={item.phone}
-          onChange={v => onChange(`${identifier}.phone`, v)}
-        />
-
-        <TextField
-          label="Email Address"
-          className="mb-6"
-          placeholder="steve@apple.com"
-          value={item.email}
-          onChange={v => onChange(`${identifier}.email`, v)}
-        />
-
-        <TextArea
-          rows="5"
-          className="mb-6"
-          label="Description"
-          placeholder="You can write about how you and the reference contact worked together and which projects you were a part of."
-          value={item.description}
-          onChange={v => onChange(`${identifier}.description`, v)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="references"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/LeftSidebar/tabs/Skills.js b/src/components/LeftSidebar/tabs/Skills.js
index 08ada1870..95ca15037 100644
--- a/src/components/LeftSidebar/tabs/Skills.js
+++ b/src/components/LeftSidebar/tabs/Skills.js
@@ -1,11 +1,14 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
 import TextField from '../../../shared/TextField';
 import { addItem, deleteItem } from '../../../utils';
+import ItemHeading from '../../../shared/ItemHeading';
 
 const SkillsTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -20,7 +23,7 @@ const SkillsTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('heading.placeholder')}
             value={data.skills.heading}
             onChange={v => onChange('data.skills.heading', v)}
           />
@@ -33,12 +36,26 @@ const SkillsTab = ({ data, onChange }) => {
         <Item item={x} key={index} index={index} onChange={onChange} dispatch={dispatch} />
       ))}
 
-      <AddItem dispatch={dispatch} />
+      <AddItem heading={data.skills.heading} dispatch={dispatch} />
     </>
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange }) => {
+  const { t } = useTranslation('leftSidebar');
+
+  return (
+    <input
+      className="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
+      placeholder={t('skills.item.placeholder')}
+      value={item}
+      onChange={e => onChange(e.target.value)}
+      type="text"
+    />
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState('');
 
@@ -52,33 +69,21 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Skill</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <div className="grid grid-cols-4 col-gap-4">
+        <div className="grid grid-cols-4 gap-4">
           <div className="col-span-3">
-            <input
-              className="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
-              placeholder="Cooking"
-              value={item}
-              onChange={e => setItem(e.target.value)}
-              type="text"
-            />
+            <Form item={item} onChange={setItem} />
           </div>
 
           <button
             type="button"
             onClick={add}
-            className="col-span-1 bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium rounded"
+            className="col-span-1 bg-gray-600 hover:bg-gray-700 text-sm font-medium rounded"
           >
             <div className="flex justify-center items-center">
-              <i className="material-icons font-bold text-lg">add</i>
+              <i className="material-icons font-bold text-white text-lg">add</i>
             </div>
           </button>
         </div>
@@ -91,15 +96,9 @@ const Item = ({ item, index, onChange, dispatch }) => {
   const identifier = `data.skills.items[${index}]`;
 
   return (
-    <div className="my-4 grid grid-cols-6">
+    <div className="my-4 grid grid-cols-6 gap-4">
       <div className="col-span-5">
-        <input
-          className="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
-          placeholder="Cooking"
-          value={item}
-          onChange={e => onChange(`${identifier}`, e.target.value)}
-          type="text"
-        />
+        <Form item={item} onChange={v => onChange(identifier, v)} />
       </div>
 
       <button
diff --git a/src/components/LeftSidebar/tabs/Work.js b/src/components/LeftSidebar/tabs/Work.js
index 250f4f696..793cc6b7f 100644
--- a/src/components/LeftSidebar/tabs/Work.js
+++ b/src/components/LeftSidebar/tabs/Work.js
@@ -1,4 +1,5 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { v4 as uuidv4 } from 'uuid';
 import set from 'lodash/set';
 
@@ -6,10 +7,13 @@ import TextField from '../../../shared/TextField';
 import TextArea from '../../../shared/TextArea';
 import AppContext from '../../../context/AppContext';
 import Checkbox from '../../../shared/Checkbox';
-import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
+import { addItem } from '../../../utils';
 import ItemActions from '../../../shared/ItemActions';
+import AddItemButton from '../../../shared/AddItemButton';
+import ItemHeading from '../../../shared/ItemHeading';
 
 const WorkTab = ({ data, onChange }) => {
+  const { t } = useTranslation();
   const context = useContext(AppContext);
   const { dispatch } = context;
 
@@ -21,7 +25,7 @@ const WorkTab = ({ data, onChange }) => {
         </div>
         <div className="col-span-5">
           <TextField
-            placeholder="Heading"
+            placeholder={t('heading.placeholder')}
             value={data.work.heading}
             onChange={v => onChange('data.work.heading', v)}
           />
@@ -32,22 +36,73 @@ const WorkTab = ({ data, onChange }) => {
 
       {data.work.items.map((x, index) => (
         <Item
-          item={x}
-          key={x.id}
-          index={index}
-          onChange={onChange}
           dispatch={dispatch}
           first={index === 0}
+          index={index}
+          item={x}
+          key={x.id}
           last={index === data.work.items.length - 1}
+          onChange={onChange}
         />
       ))}
 
-      <AddItem dispatch={dispatch} />
+      <AddItem heading={data.work.heading} dispatch={dispatch} />
     </>
   );
 };
 
-const AddItem = ({ dispatch }) => {
+const Form = ({ item, onChange, identifier = '' }) => {
+  const { t } = useTranslation(['leftSidebar', 'app']);
+
+  return (
+    <div>
+      <TextField
+        className="mb-6"
+        label={t('work.name.label')}
+        placeholder={t('work.name.placeholder')}
+        value={item.title}
+        onChange={v => onChange(`${identifier}title`, v)}
+      />
+
+      <TextField
+        className="mb-6"
+        label={t('work.role.label')}
+        placeholder={t('work.role.placeholder')}
+        value={item.role}
+        onChange={v => onChange(`${identifier}role`, v)}
+      />
+
+      <div className="grid grid-cols-2 col-gap-4">
+        <TextField
+          className="mb-6"
+          label={t('app:item.startDate.label')}
+          placeholder={t('app:item.startDate.placeholder')}
+          value={item.start}
+          onChange={v => onChange(`${identifier}start`, v)}
+        />
+
+        <TextField
+          className="mb-6"
+          label={t('app:item.endDate.label')}
+          placeholder={t('app:item.endDate.placeholder')}
+          value={item.end}
+          onChange={v => onChange(`${identifier}end`, v)}
+        />
+      </div>
+
+      <TextArea
+        rows="5"
+        className="mb-6"
+        label={t('app:item.description.label')}
+        placeholder={t('work.description.placeholder')}
+        value={item.description}
+        onChange={v => onChange(`${identifier}description`, v)}
+      />
+    </div>
+  );
+};
+
+const AddItem = ({ heading, dispatch }) => {
   const [isOpen, setOpen] = useState(false);
   const [item, setItem] = useState({
     id: uuidv4(),
@@ -81,68 +136,12 @@ const AddItem = ({ dispatch }) => {
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="text-sm font-medium">Add Work Experience</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading heading={heading} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Amazon US"
-          value={item.title}
-          onChange={v => onChange('title', v)}
-        />
+        <Form item={item} onChange={onChange} />
 
-        <TextField
-          label="Role"
-          className="mb-6"
-          placeholder="Frontend Web Developer"
-          value={item.role}
-          onChange={v => onChange('role', v)}
-        />
-
-        <div className="grid grid-cols-2 col-gap-4">
-          <TextField
-            label="Start Date"
-            className="mb-6"
-            placeholder="March 2018"
-            value={item.start}
-            onChange={v => onChange('start', v)}
-          />
-
-          <TextField
-            label="End Date"
-            className="mb-6"
-            placeholder="current"
-            value={item.end}
-            onChange={v => onChange('end', v)}
-          />
-        </div>
-
-        <TextArea
-          rows="5"
-          className="mb-6"
-          label="Description"
-          placeholder="You can write about what you specialized in while working at the company and what projects you were a part of."
-          value={item.description}
-          onChange={v => onChange('description', v)}
-        />
-
-        <button
-          type="button"
-          onClick={onSubmit}
-          className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
-        >
-          <div className="flex items-center">
-            <i className="material-icons mr-2 font-bold text-base">add</i>
-            <span className="text-sm">Add</span>
-          </div>
-        </button>
+        <AddItemButton onSubmit={onSubmit} />
       </div>
     </div>
   );
@@ -150,73 +149,23 @@ const AddItem = ({ dispatch }) => {
 
 const Item = ({ item, index, onChange, dispatch, first, last }) => {
   const [isOpen, setOpen] = useState(false);
-  const identifier = `data.work.items[${index}]`;
+  const identifier = `data.work.items[${index}].`;
 
   return (
     <div className="my-4 border border-gray-200 rounded p-5">
-      <div
-        className="flex justify-between items-center cursor-pointer"
-        onClick={() => setOpen(!isOpen)}
-      >
-        <h6 className="ml-2 text-sm font-medium">{item.title}</h6>
-        <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
-      </div>
+      <ItemHeading title={item.title} setOpen={setOpen} isOpen={isOpen} />
 
       <div className={`mt-6 ${isOpen ? 'block' : 'hidden'}`}>
-        <TextField
-          label="Name"
-          className="mb-6"
-          placeholder="Amazon US"
-          value={item.title}
-          onChange={v => onChange(`${identifier}.title`, v)}
-        />
-
-        <TextField
-          label="Role"
-          className="mb-6"
-          placeholder="Frontend Web Developer"
-          value={item.role}
-          onChange={v => onChange(`${identifier}.role`, v)}
-        />
-
-        <div className="grid grid-cols-2 col-gap-4">
-          <TextField
-            label="Start Date"
-            className="mb-6"
-            placeholder="March 2018"
-            value={item.start}
-            onChange={v => onChange(`${identifier}.start`, v)}
-          />
-
-          <TextField
-            label="End Date"
-            className="mb-6"
-            placeholder="current"
-            value={item.end}
-            onChange={v => onChange(`${identifier}.end`, v)}
-          />
-        </div>
-
-        <TextArea
-          rows="5"
-          className="mb-6"
-          label="Description"
-          placeholder="You can write about what you specialized in while working at the company and what projects you were a part of."
-          value={item.description}
-          onChange={v => onChange(`${identifier}.description`, v)}
-        />
+        <Form item={item} onChange={onChange} identifier={identifier} />
 
         <ItemActions
+          dispatch={dispatch}
+          first={first}
+          identifier={identifier}
           item={item}
+          last={last}
           onChange={onChange}
           type="work"
-          identifier={identifier}
-          dispatch={dispatch}
-          deleteItem={deleteItem}
-          first={first}
-          moveItemUp={moveItemUp}
-          last={last}
-          moveItemDown={moveItemDown}
         />
       </div>
     </div>
diff --git a/src/components/RightSidebar/RightSidebar.js b/src/components/RightSidebar/RightSidebar.js
index 6277aa6e3..04c88d10a 100644
--- a/src/components/RightSidebar/RightSidebar.js
+++ b/src/components/RightSidebar/RightSidebar.js
@@ -1,4 +1,5 @@
 import React, { useState, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import AppContext from '../../context/AppContext';
 import TabBar from '../../shared/TabBar';
@@ -7,15 +8,25 @@ import ColorsTab from './tabs/Colors';
 import FontsTab from './tabs/Fonts';
 import ActionsTab from './tabs/Actions';
 import AboutTab from './tabs/About';
-
-const tabs = ['Templates', 'Colors', 'Fonts', 'Actions', 'About'];
+import SettingsTab from './tabs/Settings';
 
 const RightSidebar = () => {
+  const { t } = useTranslation('rightSidebar');
+
   const context = useContext(AppContext);
   const { state, dispatch } = context;
-  const { data, theme } = state;
+  const { data, theme, settings } = state;
+
+  const tabs = [
+    t('templates.title'),
+    t('colors.title'),
+    t('fonts.title'),
+    t('actions.title'),
+    t('settings.title'),
+    t('about.title'),
+  ];
+  const [currentTab, setCurrentTab] = useState(t('settings.title'));
 
-  const [currentTab, setCurrentTab] = useState('Templates');
   const onChange = (key, value) => {
     dispatch({
       type: 'on_input',
@@ -30,15 +41,17 @@ const RightSidebar = () => {
 
   const renderTabs = () => {
     switch (currentTab) {
-      case 'Templates':
+      case t('templates.title'):
         return <TemplatesTab theme={theme} onChange={onChange} />;
-      case 'Colors':
+      case t('colors.title'):
         return <ColorsTab theme={theme} onChange={onChange} />;
-      case 'Fonts':
+      case t('fonts.title'):
         return <FontsTab theme={theme} onChange={onChange} />;
-      case 'Actions':
+      case t('actions.title'):
         return <ActionsTab data={data} theme={theme} dispatch={dispatch} />;
-      case 'About':
+      case t('settings.title'):
+        return <SettingsTab settings={settings} onChange={onChange} />;
+      case t('about.title'):
         return <AboutTab />;
       default:
         return null;
diff --git a/src/components/RightSidebar/tabs/About.js b/src/components/RightSidebar/tabs/About.js
index 5230c4630..c58f063a0 100644
--- a/src/components/RightSidebar/tabs/About.js
+++ b/src/components/RightSidebar/tabs/About.js
@@ -1,16 +1,15 @@
 import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
 
 const AboutTab = () => {
+  const { t } = useTranslation('rightSidebar');
+
   return (
     <div>
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Documentation</h6>
+        <h6 className="font-bold text-sm mb-2">{t('about.documentation.heading')}</h6>
 
-        <div className="text-sm">
-          Want to know more about the app? Wouldn&apos;t it be nice if there was a guide to setting
-          it up on your local machine? Need information on how to contribute to the project? Look no
-          further, there&apos;s a comprehensive documentation made just for you.
-        </div>
+        <div className="text-sm">{t('about.documentation.body')}</div>
 
         <a
           target="_blank"
@@ -20,7 +19,7 @@ const AboutTab = () => {
         >
           <div className="flex justify-center items-center">
             <i className="material-icons mr-2 font-bold text-base">description</i>
-            <span className="text-sm">Documentation</span>
+            <span className="text-sm">{t('about.documentation.buttons.documentation')}</span>
           </div>
         </a>
       </div>
@@ -28,13 +27,9 @@ const AboutTab = () => {
       <hr className="my-5" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Bug? Feature Request?</h6>
+        <h6 className="font-bold text-sm mb-2">{t('about.bugOrFeatureRequest.heading')}</h6>
 
-        <div className="text-sm">
-          Something halting your progress from making a resume? Found a pesky bug that just
-          won&apos;t quit? Talk about it on the GitHub Issues section, or send me and email using
-          the actions below.
-        </div>
+        <div className="text-sm">{t('about.bugOrFeatureRequest.body')}</div>
 
         <div className="grid grid-cols-1">
           <a
@@ -45,7 +40,7 @@ const AboutTab = () => {
           >
             <div className="flex justify-center items-center">
               <i className="material-icons mr-2 font-bold text-base">bug_report</i>
-              <span className="text-sm">Raise an Issue</span>
+              <span className="text-sm">{t('about.bugOrFeatureRequest.buttons.raiseIssue')}</span>
             </div>
           </a>
 
@@ -57,7 +52,7 @@ const AboutTab = () => {
           >
             <div className="flex justify-center items-center">
               <i className="material-icons mr-2 font-bold text-base">email</i>
-              <span className="text-sm">Send an Email</span>
+              <span className="text-sm">{t('about.bugOrFeatureRequest.buttons.sendEmail')}</span>
             </div>
           </a>
         </div>
@@ -66,12 +61,9 @@ const AboutTab = () => {
       <hr className="my-5" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Source Code</h6>
+        <h6 className="font-bold text-sm mb-2">{t('about.sourceCode.heading')}</h6>
 
-        <div className="text-sm">
-          Want to run the project from it&apos;s source? Are you a developer willing to contribute
-          to the open source development of this project? Click the button below.
-        </div>
+        <div className="text-sm">{t('about.sourceCode.body')}</div>
 
         <a
           target="_blank"
@@ -81,7 +73,7 @@ const AboutTab = () => {
         >
           <div className="flex justify-center items-center">
             <i className="material-icons mr-2 font-bold text-base">code</i>
-            <span className="text-sm">GitHub Repo</span>
+            <span className="text-sm">{t('about.sourceCode.buttons.githubRepo')}</span>
           </div>
         </a>
       </div>
@@ -89,13 +81,9 @@ const AboutTab = () => {
       <hr className="my-5" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">License Information</h6>
+        <h6 className="font-bold text-sm mb-2">{t('about.license.heading')}</h6>
 
-        <div className="text-sm">
-          The project is governed under the MIT License, which you can read more about below.
-          Basically, you are allowed to use the project anywhere provided you give credits to the
-          original author.
-        </div>
+        <div className="text-sm">{t('about.license.body')}</div>
 
         <a
           target="_blank"
@@ -105,27 +93,27 @@ const AboutTab = () => {
         >
           <div className="flex justify-center items-center">
             <i className="material-icons mr-2 font-bold text-base">policy</i>
-            <span className="text-sm">MIT License</span>
+            <span className="text-sm">{t('about.license.buttons.mitLicense')}</span>
           </div>
         </a>
       </div>
 
       <div className="mt-5">
         <p className="text-xs font-gray-600 text-center">
-          Reactive Resume is a project by{' '}
-          <a
-            className="hover:underline"
-            href="https://www.amruthpillai.com/"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            <strong>Amruth Pillai</strong>
-          </a>{' '}
-          in hopes of allowing anyone to make beautiful resumes and get equal job opportunities.
-          <br />
-          <br />
-          Thank you for using Reactive Resume!
+          <Trans t={t} i18nKey="about.footer.credit">
+            Reactive Resume is a project by
+            <a
+              className="font-bold hover:underline"
+              href="https://www.amruthpillai.com/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Amruth Pillai
+            </a>
+            .
+          </Trans>
         </p>
+        <p className="text-xs font-gray-600 text-center">{t('about.footer.thanks')}</p>
       </div>
     </div>
   );
diff --git a/src/components/RightSidebar/tabs/Actions.js b/src/components/RightSidebar/tabs/Actions.js
index f5175b9c3..afaa0a3f4 100644
--- a/src/components/RightSidebar/tabs/Actions.js
+++ b/src/components/RightSidebar/tabs/Actions.js
@@ -1,8 +1,10 @@
 /* eslint-disable jsx-a11y/anchor-has-content */
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import React, { useRef } from 'react';
+import { useTranslation, Trans } from 'react-i18next';
 
 const ActionsTab = ({ data, theme, dispatch }) => {
+  const { t } = useTranslation('rightSidebar');
   const fileInputRef = useRef(null);
 
   const importJson = event => {
@@ -36,20 +38,14 @@ const ActionsTab = ({ data, theme, dispatch }) => {
 
   return (
     <div>
-      <div className="shadow text-center text-sm p-5">
-        Changes you make to your resume are saved automatically to your browser&apos;s local
-        storage. No data gets out, hence your information is completely secure.
-      </div>
+      <div className="shadow text-center text-sm p-5">{t('actions.disclaimer')}</div>
 
       <hr className="my-6" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Import/Export</h6>
+        <h6 className="font-bold text-sm mb-2">{t('actions.importExport.heading')}</h6>
 
-        <p className="text-sm">
-          You can import or export your data in JSON format. With this, you can edit and print your
-          resume from any device. Save this file for later use.
-        </p>
+        <p className="text-sm">{t('actions.importExport.body')}</p>
 
         <input ref={fileInputRef} type="file" className="hidden" onChange={importJson} />
         <a id="downloadAnchor" className="hidden" />
@@ -62,7 +58,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
           >
             <div className="flex justify-center items-center">
               <i className="material-icons mr-2 font-bold text-base">publish</i>
-              <span className="text-sm">Import</span>
+              <span className="text-sm">{t('actions.importExport.buttons.import')}</span>
             </div>
           </button>
 
@@ -73,7 +69,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
           >
             <div className="flex justify-center items-center">
               <i className="material-icons mr-2 font-bold text-base">get_app</i>
-              <span className="text-sm">Export</span>
+              <span className="text-sm">{t('actions.importExport.buttons.export')}</span>
             </div>
           </button>
         </div>
@@ -82,12 +78,14 @@ const ActionsTab = ({ data, theme, dispatch }) => {
       <hr className="my-6" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Print Your Resume</h6>
+        <h6 className="font-bold text-sm mb-2">{t('actions.printResume.heading')}</h6>
 
         <div className="text-sm">
-          You can simply press <pre className="inline font-bold">Cmd/Ctrl + P</pre> at any time
-          while you&apos;re in the app to print your resume, but here&apos;s a fancy button to do
-          the same thing, just &apos;cause.
+          <Trans t={t} i18nKey="actions.printResume.body">
+            You can simply press <pre className="inline font-bold">Cmd/Ctrl + P</pre> at any time
+            while you&apos;re in the app to print your resume, but here&apos;s a fancy button to do
+            the same thing, just &apos;cause.
+          </Trans>
         </div>
 
         <button
@@ -97,7 +95,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
         >
           <div className="flex justify-center items-center">
             <i className="material-icons mr-2 font-bold text-base">print</i>
-            <span className="text-sm">Print</span>
+            <span className="text-sm">{t('actions.printResume.buttons.print')}</span>
           </div>
         </button>
       </div>
@@ -105,12 +103,9 @@ const ActionsTab = ({ data, theme, dispatch }) => {
       <hr className="my-6" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Load Dummy Data</h6>
+        <h6 className="font-bold text-sm mb-2">{t('actions.loadDummyData.heading')}</h6>
 
-        <div className="text-sm">
-          Unclear on what to do with a fresh blank page? Load some dummy data with pre-populated
-          values to see how a resume should look and you can start editing from there.
-        </div>
+        <div className="text-sm">{t('actions.loadDummyData.body')}</div>
 
         <button
           type="button"
@@ -119,7 +114,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
         >
           <div className="flex justify-center items-center">
             <i className="material-icons mr-2 font-bold text-base">flight_takeoff</i>
-            <span className="text-sm">Populate Data</span>
+            <span className="text-sm">{t('actions.loadDummyData.buttons.loadData')}</span>
           </div>
         </button>
       </div>
@@ -127,13 +122,9 @@ const ActionsTab = ({ data, theme, dispatch }) => {
       <hr className="my-6" />
 
       <div className="shadow text-center p-5">
-        <h6 className="font-bold text-sm mb-2">Reset Everything!</h6>
+        <h6 className="font-bold text-sm mb-2">{t('actions.reset.heading')}</h6>
 
-        <div className="text-sm">
-          This action will reset all your data and remove backups made to your browser&apos;s local
-          storage as well, so please make sure you have exported your information before you reset
-          everything.
-        </div>
+        <div className="text-sm">{t('actions.reset.body')}</div>
 
         <button
           type="button"
@@ -142,7 +133,7 @@ const ActionsTab = ({ data, theme, dispatch }) => {
         >
           <div className="flex justify-center items-center">
             <i className="material-icons mr-2 font-bold text-base">refresh</i>
-            <span className="text-sm">Reset</span>
+            <span className="text-sm">{t('actions.reset.buttons.reset')}</span>
           </div>
         </button>
       </div>
diff --git a/src/components/RightSidebar/tabs/Colors.js b/src/components/RightSidebar/tabs/Colors.js
index 7d79b6635..c1c004fa4 100644
--- a/src/components/RightSidebar/tabs/Colors.js
+++ b/src/components/RightSidebar/tabs/Colors.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { toast } from 'react-toastify';
+import { useTranslation } from 'react-i18next';
 
 import TextField from '../../../shared/TextField';
 import { copyToClipboard } from '../../../utils';
@@ -30,9 +31,11 @@ const colorOptions = [
 ];
 
 const ColorsTab = ({ theme, onChange }) => {
+  const { t } = useTranslation('rightSidebar');
+
   const copyColorToClipboard = color => {
     copyToClipboard(color);
-    toast(`Color ${color} copied to clipboard.`, {
+    toast(t('colors.clipboardCopyAction', { color }), {
       bodyClassName: 'text-center text-gray-800 py-2',
     });
     onChange('theme.colors.accent', color);
@@ -41,7 +44,7 @@ const ColorsTab = ({ theme, onChange }) => {
   return (
     <div>
       <div className="uppercase tracking-wide text-gray-600 text-xs font-semibold mb-4">
-        Color Options
+        {t('colors.colorOptions')}
       </div>
       <div className="mb-6 grid grid-cols-8 col-gap-2 row-gap-3">
         {colorOptions.map(color => (
@@ -56,22 +59,6 @@ const ColorsTab = ({ theme, onChange }) => {
 
       <hr className="my-6" />
 
-      {/* <div className="my-6 grid grid-cols-6 items-end">
-        <div
-          className="rounded-full w-8 h-8 mb-2 border-2"
-          style={{ backgroundColor: theme.colors.background }}
-        />
-        <div className="col-span-5">
-          <TextField
-            disabled
-            label="Background Color"
-            placeholder="#FFFFFF"
-            value={theme.colors.background}
-            onChange={v => onChange('theme.colors.background', v)}
-          />
-        </div>
-      </div> */}
-
       <div className="my-6 grid grid-cols-6 items-end">
         <div
           className="rounded-full w-8 h-8 mb-2 border-2"
@@ -79,7 +66,7 @@ const ColorsTab = ({ theme, onChange }) => {
         />
         <div className="col-span-5">
           <TextField
-            label="Primary Color"
+            label={t('colors.primaryColor')}
             placeholder="#FFFFFF"
             value={theme.colors.primary}
             onChange={v => onChange('theme.colors.primary', v)}
@@ -94,7 +81,7 @@ const ColorsTab = ({ theme, onChange }) => {
         />
         <div className="col-span-5">
           <TextField
-            label="Accent Color"
+            label={t('colors.accentColor')}
             placeholder="#FFFFFF"
             value={theme.colors.accent}
             onChange={v => onChange('theme.colors.accent', v)}
diff --git a/src/components/RightSidebar/tabs/Fonts.js b/src/components/RightSidebar/tabs/Fonts.js
index eb8384913..c16329232 100644
--- a/src/components/RightSidebar/tabs/Fonts.js
+++ b/src/components/RightSidebar/tabs/Fonts.js
@@ -1,4 +1,6 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
+
 import TextField from '../../../shared/TextField';
 
 const fontOptions = [
@@ -14,6 +16,8 @@ const fontOptions = [
 ];
 
 const FontsTab = ({ theme, onChange }) => {
+  const { t } = useTranslation('rightSidebar');
+
   return (
     <div className="grid grid-cols-1 gap-6">
       {fontOptions.map(x => (
@@ -29,16 +33,17 @@ const FontsTab = ({ theme, onChange }) => {
         </div>
       ))}
 
-      <TextField
-        label="Font Family"
-        placeholder="Avenir Next"
-        value={theme.font.family}
-        onChange={v => onChange('theme.font.family', v)}
-      />
-      <p className="text-gray-600 text-sm">
-        You can use any font that is installed on your system as well. Just enter the name of the
-        font family here and the browser would load it up for you.
-      </p>
+      <div>
+        <TextField
+          className="mb-3"
+          label={t('fonts.fontFamily.label')}
+          placeholder="Avenir Next"
+          value={theme.font.family}
+          onChange={v => onChange('theme.font.family', v)}
+        />
+
+        <p className="text-gray-800 text-xs">{t('fonts.fontFamily.helpText')}</p>
+      </div>
     </div>
   );
 };
diff --git a/src/components/RightSidebar/tabs/Settings.js b/src/components/RightSidebar/tabs/Settings.js
new file mode 100644
index 000000000..a4b0264a0
--- /dev/null
+++ b/src/components/RightSidebar/tabs/Settings.js
@@ -0,0 +1,47 @@
+import React from 'react';
+import { useTranslation, Trans } from 'react-i18next';
+
+import { languages } from '../../../i18n';
+import Dropdown from '../../../shared/Dropdown';
+
+const SettingsTab = ({ settings, onChange }) => {
+  const { t, i18n } = useTranslation('rightSidebar');
+
+  const onChangeLanguage = code => {
+    i18n.changeLanguage(code);
+    onChange('settings.language', code);
+  };
+
+  return (
+    <div>
+      <Dropdown
+        label={t('settings.language.label')}
+        value={settings.language}
+        onChange={onChangeLanguage}
+        options={languages}
+        optionItem={x => (
+          <option key={x.code} value={x.code}>
+            {x.name}
+          </option>
+        )}
+      />
+
+      <p className="text-gray-800 text-xs">
+        <Trans t={t} i18nKey="settings.language.helpText">
+          If you would like to help translate the app into your own language, please refer the
+          <a
+            className="text-blue-600 hover:underline"
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://docs.rxresu.me/translation/"
+          >
+            Translation Documentation
+          </a>
+          .
+        </Trans>
+      </p>
+    </div>
+  );
+};
+
+export default SettingsTab;
diff --git a/src/components/RightSidebar/tabs/Templates.js b/src/components/RightSidebar/tabs/Templates.js
index e703d9c39..22106c753 100644
--- a/src/components/RightSidebar/tabs/Templates.js
+++ b/src/components/RightSidebar/tabs/Templates.js
@@ -1,40 +1,15 @@
 import React from 'react';
-import Onyx, { Image as OnyxPreview } from '../../../templates/onyx';
-import Pikachu, { Image as PikachuPreview } from '../../../templates/pikachu';
-import Gengar, { Image as GengarPreview } from '../../../templates/gengar';
-import Castform, { Image as CastformPreview } from '../../../templates/castform';
 
-const templates = [
-  {
-    name: 'Onyx',
-    component: Onyx,
-    preview: OnyxPreview,
-  },
-  {
-    name: 'Pikachu',
-    component: Pikachu,
-    preview: PikachuPreview,
-  },
-  {
-    name: 'Gengar',
-    component: Gengar,
-    preview: GengarPreview,
-  },
-  {
-    name: 'Castform',
-    component: Castform,
-    preview: CastformPreview,
-  },
-];
+import templates from '../../../templates';
 
 const TemplatesTab = ({ theme, onChange }) => {
   return (
     <div className="grid grid-cols-2 gap-6">
       {templates.map(x => (
-        <div key={x.name} className="text-center" onClick={() => onChange('theme.layout', x.name)}>
+        <div key={x.key} className="text-center" onClick={() => onChange('theme.layout', x.key)}>
           <img
             className={`rounded cursor-pointer object-cover border shadow hover:shadow-md ${
-              theme.layout === x.name
+              theme.layout.toLowerCase() === x.key
                 ? 'border-gray-600 hover:border-gray-600'
                 : 'border-transparent '
             } hover:border-gray-500 cursor-pointer`}
diff --git a/src/context/AppContext.js b/src/context/AppContext.js
index d3077584d..13cf5a677 100644
--- a/src/context/AppContext.js
+++ b/src/context/AppContext.js
@@ -80,6 +80,9 @@ const initialState = {
       accent: '#f44336',
     },
   },
+  settings: {
+    language: 'en',
+  },
 };
 
 const reducer = (state, { type, payload }) => {
@@ -120,8 +123,7 @@ const reducer = (state, { type, payload }) => {
 
       return {
         ...state,
-        data: payload.data,
-        theme: payload.theme,
+        ...payload,
       };
     case 'load_dummy_data':
       return {
diff --git a/src/i18n/index.js b/src/i18n/index.js
new file mode 100644
index 000000000..ce17d0558
--- /dev/null
+++ b/src/i18n/index.js
@@ -0,0 +1,24 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+import resources from './locales';
+
+const languages = [
+  {
+    code: 'en',
+    name: 'English',
+  },
+];
+
+i18n.use(initReactI18next).init({
+  lng: 'en',
+  fallbackLng: 'en',
+  resources,
+  debug: true,
+  ns: ['app', 'leftSidebar', 'rightSidebar'],
+  defaultNS: 'app',
+});
+
+export { languages };
+
+export default i18n;
diff --git a/src/i18n/locales/af/app/app.json b/src/i18n/locales/af/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/af/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/af/app/index.js b/src/i18n/locales/af/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/af/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/af/index.js b/src/i18n/locales/af/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/af/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/af/leftSidebar/awards.json b/src/i18n/locales/af/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/certifications.json b/src/i18n/locales/af/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/education.json b/src/i18n/locales/af/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/extras.json b/src/i18n/locales/af/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/index.js b/src/i18n/locales/af/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/af/leftSidebar/languages.json b/src/i18n/locales/af/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/objective.json b/src/i18n/locales/af/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/profile.json b/src/i18n/locales/af/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/references.json b/src/i18n/locales/af/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/skills.json b/src/i18n/locales/af/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/af/leftSidebar/work.json b/src/i18n/locales/af/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/af/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/af/rightSidebar/about.json b/src/i18n/locales/af/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/af/rightSidebar/actions.json b/src/i18n/locales/af/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/af/rightSidebar/colors.json b/src/i18n/locales/af/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/af/rightSidebar/fonts.json b/src/i18n/locales/af/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/af/rightSidebar/index.js b/src/i18n/locales/af/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/af/rightSidebar/settings.json b/src/i18n/locales/af/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/af/rightSidebar/templates.json b/src/i18n/locales/af/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/af/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ar/app/app.json b/src/i18n/locales/ar/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ar/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ar/app/index.js b/src/i18n/locales/ar/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ar/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ar/index.js b/src/i18n/locales/ar/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ar/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ar/leftSidebar/awards.json b/src/i18n/locales/ar/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/certifications.json b/src/i18n/locales/ar/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/education.json b/src/i18n/locales/ar/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/extras.json b/src/i18n/locales/ar/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/index.js b/src/i18n/locales/ar/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ar/leftSidebar/languages.json b/src/i18n/locales/ar/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/objective.json b/src/i18n/locales/ar/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/profile.json b/src/i18n/locales/ar/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/references.json b/src/i18n/locales/ar/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/skills.json b/src/i18n/locales/ar/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ar/leftSidebar/work.json b/src/i18n/locales/ar/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ar/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ar/rightSidebar/about.json b/src/i18n/locales/ar/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ar/rightSidebar/actions.json b/src/i18n/locales/ar/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ar/rightSidebar/colors.json b/src/i18n/locales/ar/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ar/rightSidebar/fonts.json b/src/i18n/locales/ar/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ar/rightSidebar/index.js b/src/i18n/locales/ar/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ar/rightSidebar/settings.json b/src/i18n/locales/ar/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ar/rightSidebar/templates.json b/src/i18n/locales/ar/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ar/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/as/app/app.json b/src/i18n/locales/as/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/as/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/as/app/index.js b/src/i18n/locales/as/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/as/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/as/index.js b/src/i18n/locales/as/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/as/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/as/leftSidebar/awards.json b/src/i18n/locales/as/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/certifications.json b/src/i18n/locales/as/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/education.json b/src/i18n/locales/as/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/extras.json b/src/i18n/locales/as/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/index.js b/src/i18n/locales/as/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/as/leftSidebar/languages.json b/src/i18n/locales/as/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/objective.json b/src/i18n/locales/as/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/profile.json b/src/i18n/locales/as/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/references.json b/src/i18n/locales/as/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/skills.json b/src/i18n/locales/as/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/as/leftSidebar/work.json b/src/i18n/locales/as/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/as/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/as/rightSidebar/about.json b/src/i18n/locales/as/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/as/rightSidebar/actions.json b/src/i18n/locales/as/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/as/rightSidebar/colors.json b/src/i18n/locales/as/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/as/rightSidebar/fonts.json b/src/i18n/locales/as/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/as/rightSidebar/index.js b/src/i18n/locales/as/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/as/rightSidebar/settings.json b/src/i18n/locales/as/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/as/rightSidebar/templates.json b/src/i18n/locales/as/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/as/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ca/app/app.json b/src/i18n/locales/ca/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ca/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ca/app/index.js b/src/i18n/locales/ca/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ca/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ca/index.js b/src/i18n/locales/ca/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ca/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ca/leftSidebar/awards.json b/src/i18n/locales/ca/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/certifications.json b/src/i18n/locales/ca/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/education.json b/src/i18n/locales/ca/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/extras.json b/src/i18n/locales/ca/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/index.js b/src/i18n/locales/ca/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ca/leftSidebar/languages.json b/src/i18n/locales/ca/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/objective.json b/src/i18n/locales/ca/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/profile.json b/src/i18n/locales/ca/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/references.json b/src/i18n/locales/ca/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/skills.json b/src/i18n/locales/ca/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ca/leftSidebar/work.json b/src/i18n/locales/ca/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ca/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ca/rightSidebar/about.json b/src/i18n/locales/ca/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ca/rightSidebar/actions.json b/src/i18n/locales/ca/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ca/rightSidebar/colors.json b/src/i18n/locales/ca/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ca/rightSidebar/fonts.json b/src/i18n/locales/ca/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ca/rightSidebar/index.js b/src/i18n/locales/ca/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ca/rightSidebar/settings.json b/src/i18n/locales/ca/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ca/rightSidebar/templates.json b/src/i18n/locales/ca/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ca/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/cs/app/app.json b/src/i18n/locales/cs/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/cs/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/cs/app/index.js b/src/i18n/locales/cs/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/cs/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/cs/index.js b/src/i18n/locales/cs/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/cs/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/cs/leftSidebar/awards.json b/src/i18n/locales/cs/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/certifications.json b/src/i18n/locales/cs/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/education.json b/src/i18n/locales/cs/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/extras.json b/src/i18n/locales/cs/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/index.js b/src/i18n/locales/cs/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/cs/leftSidebar/languages.json b/src/i18n/locales/cs/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/objective.json b/src/i18n/locales/cs/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/profile.json b/src/i18n/locales/cs/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/references.json b/src/i18n/locales/cs/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/skills.json b/src/i18n/locales/cs/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/cs/leftSidebar/work.json b/src/i18n/locales/cs/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/cs/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/cs/rightSidebar/about.json b/src/i18n/locales/cs/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/cs/rightSidebar/actions.json b/src/i18n/locales/cs/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/cs/rightSidebar/colors.json b/src/i18n/locales/cs/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/cs/rightSidebar/fonts.json b/src/i18n/locales/cs/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/cs/rightSidebar/index.js b/src/i18n/locales/cs/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/cs/rightSidebar/settings.json b/src/i18n/locales/cs/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/cs/rightSidebar/templates.json b/src/i18n/locales/cs/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/cs/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/da/app/app.json b/src/i18n/locales/da/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/da/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/da/app/index.js b/src/i18n/locales/da/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/da/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/da/index.js b/src/i18n/locales/da/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/da/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/da/leftSidebar/awards.json b/src/i18n/locales/da/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/certifications.json b/src/i18n/locales/da/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/education.json b/src/i18n/locales/da/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/extras.json b/src/i18n/locales/da/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/index.js b/src/i18n/locales/da/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/da/leftSidebar/languages.json b/src/i18n/locales/da/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/objective.json b/src/i18n/locales/da/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/profile.json b/src/i18n/locales/da/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/references.json b/src/i18n/locales/da/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/skills.json b/src/i18n/locales/da/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/da/leftSidebar/work.json b/src/i18n/locales/da/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/da/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/da/rightSidebar/about.json b/src/i18n/locales/da/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/da/rightSidebar/actions.json b/src/i18n/locales/da/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/da/rightSidebar/colors.json b/src/i18n/locales/da/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/da/rightSidebar/fonts.json b/src/i18n/locales/da/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/da/rightSidebar/index.js b/src/i18n/locales/da/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/da/rightSidebar/settings.json b/src/i18n/locales/da/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/da/rightSidebar/templates.json b/src/i18n/locales/da/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/da/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/de/app/app.json b/src/i18n/locales/de/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/de/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/de/app/index.js b/src/i18n/locales/de/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/de/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/de/index.js b/src/i18n/locales/de/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/de/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/de/leftSidebar/awards.json b/src/i18n/locales/de/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/certifications.json b/src/i18n/locales/de/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/education.json b/src/i18n/locales/de/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/extras.json b/src/i18n/locales/de/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/index.js b/src/i18n/locales/de/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/de/leftSidebar/languages.json b/src/i18n/locales/de/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/objective.json b/src/i18n/locales/de/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/profile.json b/src/i18n/locales/de/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/references.json b/src/i18n/locales/de/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/skills.json b/src/i18n/locales/de/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/de/leftSidebar/work.json b/src/i18n/locales/de/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/de/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/de/rightSidebar/about.json b/src/i18n/locales/de/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/de/rightSidebar/actions.json b/src/i18n/locales/de/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/de/rightSidebar/colors.json b/src/i18n/locales/de/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/de/rightSidebar/fonts.json b/src/i18n/locales/de/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/de/rightSidebar/index.js b/src/i18n/locales/de/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/de/rightSidebar/settings.json b/src/i18n/locales/de/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/de/rightSidebar/templates.json b/src/i18n/locales/de/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/de/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/el/app/app.json b/src/i18n/locales/el/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/el/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/el/app/index.js b/src/i18n/locales/el/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/el/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/el/index.js b/src/i18n/locales/el/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/el/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/el/leftSidebar/awards.json b/src/i18n/locales/el/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/certifications.json b/src/i18n/locales/el/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/education.json b/src/i18n/locales/el/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/extras.json b/src/i18n/locales/el/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/index.js b/src/i18n/locales/el/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/el/leftSidebar/languages.json b/src/i18n/locales/el/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/objective.json b/src/i18n/locales/el/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/profile.json b/src/i18n/locales/el/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/references.json b/src/i18n/locales/el/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/skills.json b/src/i18n/locales/el/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/el/leftSidebar/work.json b/src/i18n/locales/el/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/el/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/el/rightSidebar/about.json b/src/i18n/locales/el/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/el/rightSidebar/actions.json b/src/i18n/locales/el/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/el/rightSidebar/colors.json b/src/i18n/locales/el/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/el/rightSidebar/fonts.json b/src/i18n/locales/el/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/el/rightSidebar/index.js b/src/i18n/locales/el/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/el/rightSidebar/settings.json b/src/i18n/locales/el/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/el/rightSidebar/templates.json b/src/i18n/locales/el/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/el/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/en/app/app.json b/src/i18n/locales/en/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/en/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/en/app/index.js b/src/i18n/locales/en/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/en/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/en/index.js b/src/i18n/locales/en/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/en/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/en/leftSidebar/awards.json b/src/i18n/locales/en/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/certifications.json b/src/i18n/locales/en/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/education.json b/src/i18n/locales/en/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/extras.json b/src/i18n/locales/en/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/index.js b/src/i18n/locales/en/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/en/leftSidebar/languages.json b/src/i18n/locales/en/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/objective.json b/src/i18n/locales/en/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/profile.json b/src/i18n/locales/en/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/references.json b/src/i18n/locales/en/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/skills.json b/src/i18n/locales/en/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/en/leftSidebar/work.json b/src/i18n/locales/en/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/en/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/en/rightSidebar/about.json b/src/i18n/locales/en/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/en/rightSidebar/actions.json b/src/i18n/locales/en/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/en/rightSidebar/colors.json b/src/i18n/locales/en/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/en/rightSidebar/fonts.json b/src/i18n/locales/en/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/en/rightSidebar/index.js b/src/i18n/locales/en/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/en/rightSidebar/settings.json b/src/i18n/locales/en/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/en/rightSidebar/templates.json b/src/i18n/locales/en/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/en/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/es/app/app.json b/src/i18n/locales/es/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/es/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/es/app/index.js b/src/i18n/locales/es/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/es/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/es/index.js b/src/i18n/locales/es/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/es/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/es/leftSidebar/awards.json b/src/i18n/locales/es/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/certifications.json b/src/i18n/locales/es/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/education.json b/src/i18n/locales/es/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/extras.json b/src/i18n/locales/es/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/index.js b/src/i18n/locales/es/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/es/leftSidebar/languages.json b/src/i18n/locales/es/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/objective.json b/src/i18n/locales/es/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/profile.json b/src/i18n/locales/es/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/references.json b/src/i18n/locales/es/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/skills.json b/src/i18n/locales/es/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/es/leftSidebar/work.json b/src/i18n/locales/es/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/es/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/es/rightSidebar/about.json b/src/i18n/locales/es/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/es/rightSidebar/actions.json b/src/i18n/locales/es/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/es/rightSidebar/colors.json b/src/i18n/locales/es/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/es/rightSidebar/fonts.json b/src/i18n/locales/es/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/es/rightSidebar/index.js b/src/i18n/locales/es/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/es/rightSidebar/settings.json b/src/i18n/locales/es/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/es/rightSidebar/templates.json b/src/i18n/locales/es/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/es/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/fi/app/app.json b/src/i18n/locales/fi/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/fi/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/fi/app/index.js b/src/i18n/locales/fi/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/fi/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/fi/index.js b/src/i18n/locales/fi/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/fi/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/fi/leftSidebar/awards.json b/src/i18n/locales/fi/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/certifications.json b/src/i18n/locales/fi/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/education.json b/src/i18n/locales/fi/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/extras.json b/src/i18n/locales/fi/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/index.js b/src/i18n/locales/fi/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/fi/leftSidebar/languages.json b/src/i18n/locales/fi/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/objective.json b/src/i18n/locales/fi/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/profile.json b/src/i18n/locales/fi/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/references.json b/src/i18n/locales/fi/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/skills.json b/src/i18n/locales/fi/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/fi/leftSidebar/work.json b/src/i18n/locales/fi/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/fi/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/fi/rightSidebar/about.json b/src/i18n/locales/fi/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/fi/rightSidebar/actions.json b/src/i18n/locales/fi/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/fi/rightSidebar/colors.json b/src/i18n/locales/fi/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/fi/rightSidebar/fonts.json b/src/i18n/locales/fi/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/fi/rightSidebar/index.js b/src/i18n/locales/fi/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/fi/rightSidebar/settings.json b/src/i18n/locales/fi/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/fi/rightSidebar/templates.json b/src/i18n/locales/fi/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/fi/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/fr/app/app.json b/src/i18n/locales/fr/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/fr/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/fr/app/index.js b/src/i18n/locales/fr/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/fr/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/fr/index.js b/src/i18n/locales/fr/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/fr/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/fr/leftSidebar/awards.json b/src/i18n/locales/fr/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/certifications.json b/src/i18n/locales/fr/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/education.json b/src/i18n/locales/fr/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/extras.json b/src/i18n/locales/fr/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/index.js b/src/i18n/locales/fr/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/fr/leftSidebar/languages.json b/src/i18n/locales/fr/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/objective.json b/src/i18n/locales/fr/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/profile.json b/src/i18n/locales/fr/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/references.json b/src/i18n/locales/fr/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/skills.json b/src/i18n/locales/fr/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/fr/leftSidebar/work.json b/src/i18n/locales/fr/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/fr/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/fr/rightSidebar/about.json b/src/i18n/locales/fr/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/fr/rightSidebar/actions.json b/src/i18n/locales/fr/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/fr/rightSidebar/colors.json b/src/i18n/locales/fr/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/fr/rightSidebar/fonts.json b/src/i18n/locales/fr/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/fr/rightSidebar/index.js b/src/i18n/locales/fr/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/fr/rightSidebar/settings.json b/src/i18n/locales/fr/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/fr/rightSidebar/templates.json b/src/i18n/locales/fr/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/fr/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/he/app/app.json b/src/i18n/locales/he/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/he/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/he/app/index.js b/src/i18n/locales/he/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/he/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/he/index.js b/src/i18n/locales/he/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/he/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/he/leftSidebar/awards.json b/src/i18n/locales/he/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/certifications.json b/src/i18n/locales/he/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/education.json b/src/i18n/locales/he/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/extras.json b/src/i18n/locales/he/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/index.js b/src/i18n/locales/he/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/he/leftSidebar/languages.json b/src/i18n/locales/he/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/objective.json b/src/i18n/locales/he/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/profile.json b/src/i18n/locales/he/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/references.json b/src/i18n/locales/he/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/skills.json b/src/i18n/locales/he/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/he/leftSidebar/work.json b/src/i18n/locales/he/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/he/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/he/rightSidebar/about.json b/src/i18n/locales/he/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/he/rightSidebar/actions.json b/src/i18n/locales/he/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/he/rightSidebar/colors.json b/src/i18n/locales/he/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/he/rightSidebar/fonts.json b/src/i18n/locales/he/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/he/rightSidebar/index.js b/src/i18n/locales/he/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/he/rightSidebar/settings.json b/src/i18n/locales/he/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/he/rightSidebar/templates.json b/src/i18n/locales/he/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/he/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/hi/app/app.json b/src/i18n/locales/hi/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/hi/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/hi/app/index.js b/src/i18n/locales/hi/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/hi/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/hi/index.js b/src/i18n/locales/hi/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/hi/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/hi/leftSidebar/awards.json b/src/i18n/locales/hi/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/certifications.json b/src/i18n/locales/hi/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/education.json b/src/i18n/locales/hi/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/extras.json b/src/i18n/locales/hi/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/index.js b/src/i18n/locales/hi/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/hi/leftSidebar/languages.json b/src/i18n/locales/hi/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/objective.json b/src/i18n/locales/hi/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/profile.json b/src/i18n/locales/hi/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/references.json b/src/i18n/locales/hi/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/skills.json b/src/i18n/locales/hi/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/hi/leftSidebar/work.json b/src/i18n/locales/hi/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/hi/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/hi/rightSidebar/about.json b/src/i18n/locales/hi/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/hi/rightSidebar/actions.json b/src/i18n/locales/hi/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/hi/rightSidebar/colors.json b/src/i18n/locales/hi/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/hi/rightSidebar/fonts.json b/src/i18n/locales/hi/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/hi/rightSidebar/index.js b/src/i18n/locales/hi/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/hi/rightSidebar/settings.json b/src/i18n/locales/hi/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/hi/rightSidebar/templates.json b/src/i18n/locales/hi/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/hi/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/hu/app/app.json b/src/i18n/locales/hu/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/hu/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/hu/app/index.js b/src/i18n/locales/hu/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/hu/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/hu/index.js b/src/i18n/locales/hu/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/hu/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/hu/leftSidebar/awards.json b/src/i18n/locales/hu/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/certifications.json b/src/i18n/locales/hu/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/education.json b/src/i18n/locales/hu/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/extras.json b/src/i18n/locales/hu/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/index.js b/src/i18n/locales/hu/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/hu/leftSidebar/languages.json b/src/i18n/locales/hu/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/objective.json b/src/i18n/locales/hu/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/profile.json b/src/i18n/locales/hu/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/references.json b/src/i18n/locales/hu/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/skills.json b/src/i18n/locales/hu/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/hu/leftSidebar/work.json b/src/i18n/locales/hu/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/hu/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/hu/rightSidebar/about.json b/src/i18n/locales/hu/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/hu/rightSidebar/actions.json b/src/i18n/locales/hu/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/hu/rightSidebar/colors.json b/src/i18n/locales/hu/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/hu/rightSidebar/fonts.json b/src/i18n/locales/hu/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/hu/rightSidebar/index.js b/src/i18n/locales/hu/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/hu/rightSidebar/settings.json b/src/i18n/locales/hu/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/hu/rightSidebar/templates.json b/src/i18n/locales/hu/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/hu/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/index.js b/src/i18n/locales/index.js
new file mode 100644
index 000000000..bd8d68fb4
--- /dev/null
+++ b/src/i18n/locales/index.js
@@ -0,0 +1,71 @@
+import af from './af';
+import ar from './ar';
+import as from './as';
+import ca from './ca';
+import cs from './cs';
+import da from './da';
+import de from './de';
+import el from './el';
+import en from './en';
+import es from './es';
+import fi from './fi';
+import fr from './fr';
+import he from './he';
+import hi from './hi';
+import hu from './hu';
+import it from './it';
+import ja from './ja';
+import kn from './kn';
+import ko from './ko';
+import ml from './ml';
+import mr from './mr';
+import nl from './nl';
+import no from './no';
+import pa from './pa';
+import pl from './pl';
+import pt from './pt';
+import ro from './ro';
+import ru from './ru';
+import sv from './sv';
+import ta from './ta';
+import tr from './tr';
+import uk from './uk';
+import vi from './vi';
+import zh from './zh';
+
+export default {
+  af,
+  ar,
+  as,
+  ca,
+  cs,
+  da,
+  de,
+  el,
+  en,
+  es,
+  fi,
+  fr,
+  he,
+  hi,
+  hu,
+  it,
+  ja,
+  kn,
+  ko,
+  ml,
+  mr,
+  nl,
+  no,
+  pa,
+  pl,
+  pt,
+  ro,
+  ru,
+  sv,
+  ta,
+  tr,
+  uk,
+  vi,
+  zh,
+};
diff --git a/src/i18n/locales/it/app/app.json b/src/i18n/locales/it/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/it/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/it/app/index.js b/src/i18n/locales/it/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/it/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/it/index.js b/src/i18n/locales/it/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/it/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/it/leftSidebar/awards.json b/src/i18n/locales/it/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/certifications.json b/src/i18n/locales/it/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/education.json b/src/i18n/locales/it/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/extras.json b/src/i18n/locales/it/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/index.js b/src/i18n/locales/it/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/it/leftSidebar/languages.json b/src/i18n/locales/it/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/objective.json b/src/i18n/locales/it/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/profile.json b/src/i18n/locales/it/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/references.json b/src/i18n/locales/it/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/skills.json b/src/i18n/locales/it/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/it/leftSidebar/work.json b/src/i18n/locales/it/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/it/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/it/rightSidebar/about.json b/src/i18n/locales/it/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/it/rightSidebar/actions.json b/src/i18n/locales/it/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/it/rightSidebar/colors.json b/src/i18n/locales/it/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/it/rightSidebar/fonts.json b/src/i18n/locales/it/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/it/rightSidebar/index.js b/src/i18n/locales/it/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/it/rightSidebar/settings.json b/src/i18n/locales/it/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/it/rightSidebar/templates.json b/src/i18n/locales/it/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/it/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ja/app/app.json b/src/i18n/locales/ja/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ja/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ja/app/index.js b/src/i18n/locales/ja/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ja/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ja/index.js b/src/i18n/locales/ja/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ja/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ja/leftSidebar/awards.json b/src/i18n/locales/ja/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/certifications.json b/src/i18n/locales/ja/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/education.json b/src/i18n/locales/ja/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/extras.json b/src/i18n/locales/ja/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/index.js b/src/i18n/locales/ja/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ja/leftSidebar/languages.json b/src/i18n/locales/ja/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/objective.json b/src/i18n/locales/ja/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/profile.json b/src/i18n/locales/ja/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/references.json b/src/i18n/locales/ja/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/skills.json b/src/i18n/locales/ja/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ja/leftSidebar/work.json b/src/i18n/locales/ja/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ja/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ja/rightSidebar/about.json b/src/i18n/locales/ja/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ja/rightSidebar/actions.json b/src/i18n/locales/ja/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ja/rightSidebar/colors.json b/src/i18n/locales/ja/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ja/rightSidebar/fonts.json b/src/i18n/locales/ja/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ja/rightSidebar/index.js b/src/i18n/locales/ja/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ja/rightSidebar/settings.json b/src/i18n/locales/ja/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ja/rightSidebar/templates.json b/src/i18n/locales/ja/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ja/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/kn/app/app.json b/src/i18n/locales/kn/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/kn/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/kn/app/index.js b/src/i18n/locales/kn/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/kn/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/kn/index.js b/src/i18n/locales/kn/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/kn/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/kn/leftSidebar/awards.json b/src/i18n/locales/kn/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/certifications.json b/src/i18n/locales/kn/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/education.json b/src/i18n/locales/kn/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/extras.json b/src/i18n/locales/kn/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/index.js b/src/i18n/locales/kn/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/kn/leftSidebar/languages.json b/src/i18n/locales/kn/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/objective.json b/src/i18n/locales/kn/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/profile.json b/src/i18n/locales/kn/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/references.json b/src/i18n/locales/kn/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/skills.json b/src/i18n/locales/kn/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/kn/leftSidebar/work.json b/src/i18n/locales/kn/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/kn/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/kn/rightSidebar/about.json b/src/i18n/locales/kn/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/kn/rightSidebar/actions.json b/src/i18n/locales/kn/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/kn/rightSidebar/colors.json b/src/i18n/locales/kn/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/kn/rightSidebar/fonts.json b/src/i18n/locales/kn/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/kn/rightSidebar/index.js b/src/i18n/locales/kn/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/kn/rightSidebar/settings.json b/src/i18n/locales/kn/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/kn/rightSidebar/templates.json b/src/i18n/locales/kn/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/kn/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ko/app/app.json b/src/i18n/locales/ko/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ko/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ko/app/index.js b/src/i18n/locales/ko/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ko/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ko/index.js b/src/i18n/locales/ko/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ko/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ko/leftSidebar/awards.json b/src/i18n/locales/ko/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/certifications.json b/src/i18n/locales/ko/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/education.json b/src/i18n/locales/ko/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/extras.json b/src/i18n/locales/ko/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/index.js b/src/i18n/locales/ko/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ko/leftSidebar/languages.json b/src/i18n/locales/ko/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/objective.json b/src/i18n/locales/ko/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/profile.json b/src/i18n/locales/ko/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/references.json b/src/i18n/locales/ko/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/skills.json b/src/i18n/locales/ko/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ko/leftSidebar/work.json b/src/i18n/locales/ko/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ko/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ko/rightSidebar/about.json b/src/i18n/locales/ko/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ko/rightSidebar/actions.json b/src/i18n/locales/ko/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ko/rightSidebar/colors.json b/src/i18n/locales/ko/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ko/rightSidebar/fonts.json b/src/i18n/locales/ko/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ko/rightSidebar/index.js b/src/i18n/locales/ko/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ko/rightSidebar/settings.json b/src/i18n/locales/ko/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ko/rightSidebar/templates.json b/src/i18n/locales/ko/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ko/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ml/app/app.json b/src/i18n/locales/ml/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ml/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ml/app/index.js b/src/i18n/locales/ml/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ml/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ml/index.js b/src/i18n/locales/ml/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ml/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ml/leftSidebar/awards.json b/src/i18n/locales/ml/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/certifications.json b/src/i18n/locales/ml/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/education.json b/src/i18n/locales/ml/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/extras.json b/src/i18n/locales/ml/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/index.js b/src/i18n/locales/ml/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ml/leftSidebar/languages.json b/src/i18n/locales/ml/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/objective.json b/src/i18n/locales/ml/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/profile.json b/src/i18n/locales/ml/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/references.json b/src/i18n/locales/ml/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/skills.json b/src/i18n/locales/ml/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ml/leftSidebar/work.json b/src/i18n/locales/ml/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ml/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ml/rightSidebar/about.json b/src/i18n/locales/ml/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ml/rightSidebar/actions.json b/src/i18n/locales/ml/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ml/rightSidebar/colors.json b/src/i18n/locales/ml/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ml/rightSidebar/fonts.json b/src/i18n/locales/ml/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ml/rightSidebar/index.js b/src/i18n/locales/ml/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ml/rightSidebar/settings.json b/src/i18n/locales/ml/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ml/rightSidebar/templates.json b/src/i18n/locales/ml/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ml/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/mr/app/app.json b/src/i18n/locales/mr/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/mr/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/mr/app/index.js b/src/i18n/locales/mr/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/mr/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/mr/index.js b/src/i18n/locales/mr/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/mr/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/mr/leftSidebar/awards.json b/src/i18n/locales/mr/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/certifications.json b/src/i18n/locales/mr/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/education.json b/src/i18n/locales/mr/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/extras.json b/src/i18n/locales/mr/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/index.js b/src/i18n/locales/mr/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/mr/leftSidebar/languages.json b/src/i18n/locales/mr/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/objective.json b/src/i18n/locales/mr/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/profile.json b/src/i18n/locales/mr/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/references.json b/src/i18n/locales/mr/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/skills.json b/src/i18n/locales/mr/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/mr/leftSidebar/work.json b/src/i18n/locales/mr/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/mr/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/mr/rightSidebar/about.json b/src/i18n/locales/mr/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/mr/rightSidebar/actions.json b/src/i18n/locales/mr/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/mr/rightSidebar/colors.json b/src/i18n/locales/mr/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/mr/rightSidebar/fonts.json b/src/i18n/locales/mr/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/mr/rightSidebar/index.js b/src/i18n/locales/mr/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/mr/rightSidebar/settings.json b/src/i18n/locales/mr/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/mr/rightSidebar/templates.json b/src/i18n/locales/mr/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/mr/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/nl/app/app.json b/src/i18n/locales/nl/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/nl/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/nl/app/index.js b/src/i18n/locales/nl/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/nl/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/nl/index.js b/src/i18n/locales/nl/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/nl/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/nl/leftSidebar/awards.json b/src/i18n/locales/nl/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/certifications.json b/src/i18n/locales/nl/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/education.json b/src/i18n/locales/nl/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/extras.json b/src/i18n/locales/nl/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/index.js b/src/i18n/locales/nl/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/nl/leftSidebar/languages.json b/src/i18n/locales/nl/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/objective.json b/src/i18n/locales/nl/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/profile.json b/src/i18n/locales/nl/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/references.json b/src/i18n/locales/nl/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/skills.json b/src/i18n/locales/nl/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/nl/leftSidebar/work.json b/src/i18n/locales/nl/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/nl/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/nl/rightSidebar/about.json b/src/i18n/locales/nl/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/nl/rightSidebar/actions.json b/src/i18n/locales/nl/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/nl/rightSidebar/colors.json b/src/i18n/locales/nl/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/nl/rightSidebar/fonts.json b/src/i18n/locales/nl/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/nl/rightSidebar/index.js b/src/i18n/locales/nl/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/nl/rightSidebar/settings.json b/src/i18n/locales/nl/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/nl/rightSidebar/templates.json b/src/i18n/locales/nl/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/nl/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/no/app/app.json b/src/i18n/locales/no/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/no/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/no/app/index.js b/src/i18n/locales/no/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/no/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/no/index.js b/src/i18n/locales/no/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/no/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/no/leftSidebar/awards.json b/src/i18n/locales/no/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/certifications.json b/src/i18n/locales/no/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/education.json b/src/i18n/locales/no/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/extras.json b/src/i18n/locales/no/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/index.js b/src/i18n/locales/no/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/no/leftSidebar/languages.json b/src/i18n/locales/no/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/objective.json b/src/i18n/locales/no/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/profile.json b/src/i18n/locales/no/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/references.json b/src/i18n/locales/no/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/skills.json b/src/i18n/locales/no/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/no/leftSidebar/work.json b/src/i18n/locales/no/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/no/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/no/rightSidebar/about.json b/src/i18n/locales/no/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/no/rightSidebar/actions.json b/src/i18n/locales/no/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/no/rightSidebar/colors.json b/src/i18n/locales/no/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/no/rightSidebar/fonts.json b/src/i18n/locales/no/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/no/rightSidebar/index.js b/src/i18n/locales/no/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/no/rightSidebar/settings.json b/src/i18n/locales/no/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/no/rightSidebar/templates.json b/src/i18n/locales/no/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/no/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/pa/app/app.json b/src/i18n/locales/pa/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/pa/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/pa/app/index.js b/src/i18n/locales/pa/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/pa/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/pa/index.js b/src/i18n/locales/pa/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/pa/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/pa/leftSidebar/awards.json b/src/i18n/locales/pa/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/certifications.json b/src/i18n/locales/pa/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/education.json b/src/i18n/locales/pa/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/extras.json b/src/i18n/locales/pa/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/index.js b/src/i18n/locales/pa/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/pa/leftSidebar/languages.json b/src/i18n/locales/pa/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/objective.json b/src/i18n/locales/pa/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/profile.json b/src/i18n/locales/pa/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/references.json b/src/i18n/locales/pa/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/skills.json b/src/i18n/locales/pa/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/pa/leftSidebar/work.json b/src/i18n/locales/pa/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/pa/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/pa/rightSidebar/about.json b/src/i18n/locales/pa/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/pa/rightSidebar/actions.json b/src/i18n/locales/pa/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/pa/rightSidebar/colors.json b/src/i18n/locales/pa/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/pa/rightSidebar/fonts.json b/src/i18n/locales/pa/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/pa/rightSidebar/index.js b/src/i18n/locales/pa/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/pa/rightSidebar/settings.json b/src/i18n/locales/pa/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/pa/rightSidebar/templates.json b/src/i18n/locales/pa/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/pa/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/pl/app/app.json b/src/i18n/locales/pl/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/pl/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/pl/app/index.js b/src/i18n/locales/pl/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/pl/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/pl/index.js b/src/i18n/locales/pl/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/pl/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/pl/leftSidebar/awards.json b/src/i18n/locales/pl/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/certifications.json b/src/i18n/locales/pl/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/education.json b/src/i18n/locales/pl/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/extras.json b/src/i18n/locales/pl/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/index.js b/src/i18n/locales/pl/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/pl/leftSidebar/languages.json b/src/i18n/locales/pl/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/objective.json b/src/i18n/locales/pl/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/profile.json b/src/i18n/locales/pl/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/references.json b/src/i18n/locales/pl/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/skills.json b/src/i18n/locales/pl/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/pl/leftSidebar/work.json b/src/i18n/locales/pl/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/pl/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/pl/rightSidebar/about.json b/src/i18n/locales/pl/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/pl/rightSidebar/actions.json b/src/i18n/locales/pl/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/pl/rightSidebar/colors.json b/src/i18n/locales/pl/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/pl/rightSidebar/fonts.json b/src/i18n/locales/pl/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/pl/rightSidebar/index.js b/src/i18n/locales/pl/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/pl/rightSidebar/settings.json b/src/i18n/locales/pl/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/pl/rightSidebar/templates.json b/src/i18n/locales/pl/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/pl/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/pt/app/app.json b/src/i18n/locales/pt/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/pt/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/pt/app/index.js b/src/i18n/locales/pt/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/pt/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/pt/index.js b/src/i18n/locales/pt/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/pt/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/pt/leftSidebar/awards.json b/src/i18n/locales/pt/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/certifications.json b/src/i18n/locales/pt/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/education.json b/src/i18n/locales/pt/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/extras.json b/src/i18n/locales/pt/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/index.js b/src/i18n/locales/pt/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/pt/leftSidebar/languages.json b/src/i18n/locales/pt/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/objective.json b/src/i18n/locales/pt/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/profile.json b/src/i18n/locales/pt/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/references.json b/src/i18n/locales/pt/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/skills.json b/src/i18n/locales/pt/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/pt/leftSidebar/work.json b/src/i18n/locales/pt/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/pt/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/pt/rightSidebar/about.json b/src/i18n/locales/pt/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/pt/rightSidebar/actions.json b/src/i18n/locales/pt/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/pt/rightSidebar/colors.json b/src/i18n/locales/pt/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/pt/rightSidebar/fonts.json b/src/i18n/locales/pt/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/pt/rightSidebar/index.js b/src/i18n/locales/pt/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/pt/rightSidebar/settings.json b/src/i18n/locales/pt/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/pt/rightSidebar/templates.json b/src/i18n/locales/pt/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/pt/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ro/app/app.json b/src/i18n/locales/ro/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ro/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ro/app/index.js b/src/i18n/locales/ro/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ro/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ro/index.js b/src/i18n/locales/ro/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ro/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ro/leftSidebar/awards.json b/src/i18n/locales/ro/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/certifications.json b/src/i18n/locales/ro/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/education.json b/src/i18n/locales/ro/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/extras.json b/src/i18n/locales/ro/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/index.js b/src/i18n/locales/ro/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ro/leftSidebar/languages.json b/src/i18n/locales/ro/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/objective.json b/src/i18n/locales/ro/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/profile.json b/src/i18n/locales/ro/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/references.json b/src/i18n/locales/ro/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/skills.json b/src/i18n/locales/ro/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ro/leftSidebar/work.json b/src/i18n/locales/ro/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ro/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ro/rightSidebar/about.json b/src/i18n/locales/ro/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ro/rightSidebar/actions.json b/src/i18n/locales/ro/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ro/rightSidebar/colors.json b/src/i18n/locales/ro/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ro/rightSidebar/fonts.json b/src/i18n/locales/ro/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ro/rightSidebar/index.js b/src/i18n/locales/ro/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ro/rightSidebar/settings.json b/src/i18n/locales/ro/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ro/rightSidebar/templates.json b/src/i18n/locales/ro/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ro/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ru/app/app.json b/src/i18n/locales/ru/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ru/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ru/app/index.js b/src/i18n/locales/ru/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ru/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ru/index.js b/src/i18n/locales/ru/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ru/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ru/leftSidebar/awards.json b/src/i18n/locales/ru/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/certifications.json b/src/i18n/locales/ru/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/education.json b/src/i18n/locales/ru/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/extras.json b/src/i18n/locales/ru/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/index.js b/src/i18n/locales/ru/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ru/leftSidebar/languages.json b/src/i18n/locales/ru/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/objective.json b/src/i18n/locales/ru/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/profile.json b/src/i18n/locales/ru/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/references.json b/src/i18n/locales/ru/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/skills.json b/src/i18n/locales/ru/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ru/leftSidebar/work.json b/src/i18n/locales/ru/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ru/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ru/rightSidebar/about.json b/src/i18n/locales/ru/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ru/rightSidebar/actions.json b/src/i18n/locales/ru/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ru/rightSidebar/colors.json b/src/i18n/locales/ru/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ru/rightSidebar/fonts.json b/src/i18n/locales/ru/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ru/rightSidebar/index.js b/src/i18n/locales/ru/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ru/rightSidebar/settings.json b/src/i18n/locales/ru/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ru/rightSidebar/templates.json b/src/i18n/locales/ru/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ru/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/sv/app/app.json b/src/i18n/locales/sv/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/sv/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/sv/app/index.js b/src/i18n/locales/sv/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/sv/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/sv/index.js b/src/i18n/locales/sv/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/sv/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/sv/leftSidebar/awards.json b/src/i18n/locales/sv/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/certifications.json b/src/i18n/locales/sv/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/education.json b/src/i18n/locales/sv/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/extras.json b/src/i18n/locales/sv/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/index.js b/src/i18n/locales/sv/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/sv/leftSidebar/languages.json b/src/i18n/locales/sv/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/objective.json b/src/i18n/locales/sv/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/profile.json b/src/i18n/locales/sv/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/references.json b/src/i18n/locales/sv/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/skills.json b/src/i18n/locales/sv/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/sv/leftSidebar/work.json b/src/i18n/locales/sv/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/sv/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/sv/rightSidebar/about.json b/src/i18n/locales/sv/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/sv/rightSidebar/actions.json b/src/i18n/locales/sv/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/sv/rightSidebar/colors.json b/src/i18n/locales/sv/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/sv/rightSidebar/fonts.json b/src/i18n/locales/sv/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/sv/rightSidebar/index.js b/src/i18n/locales/sv/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/sv/rightSidebar/settings.json b/src/i18n/locales/sv/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/sv/rightSidebar/templates.json b/src/i18n/locales/sv/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/sv/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/ta/app/app.json b/src/i18n/locales/ta/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/ta/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/ta/app/index.js b/src/i18n/locales/ta/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/ta/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/ta/index.js b/src/i18n/locales/ta/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/ta/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/ta/leftSidebar/awards.json b/src/i18n/locales/ta/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/certifications.json b/src/i18n/locales/ta/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/education.json b/src/i18n/locales/ta/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/extras.json b/src/i18n/locales/ta/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/index.js b/src/i18n/locales/ta/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/ta/leftSidebar/languages.json b/src/i18n/locales/ta/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/objective.json b/src/i18n/locales/ta/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/profile.json b/src/i18n/locales/ta/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/references.json b/src/i18n/locales/ta/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/skills.json b/src/i18n/locales/ta/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/ta/leftSidebar/work.json b/src/i18n/locales/ta/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/ta/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/ta/rightSidebar/about.json b/src/i18n/locales/ta/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/ta/rightSidebar/actions.json b/src/i18n/locales/ta/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/ta/rightSidebar/colors.json b/src/i18n/locales/ta/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/ta/rightSidebar/fonts.json b/src/i18n/locales/ta/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/ta/rightSidebar/index.js b/src/i18n/locales/ta/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/ta/rightSidebar/settings.json b/src/i18n/locales/ta/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/ta/rightSidebar/templates.json b/src/i18n/locales/ta/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/ta/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/tr/app/app.json b/src/i18n/locales/tr/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/tr/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/tr/app/index.js b/src/i18n/locales/tr/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/tr/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/tr/index.js b/src/i18n/locales/tr/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/tr/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/tr/leftSidebar/awards.json b/src/i18n/locales/tr/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/certifications.json b/src/i18n/locales/tr/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/education.json b/src/i18n/locales/tr/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/extras.json b/src/i18n/locales/tr/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/index.js b/src/i18n/locales/tr/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/tr/leftSidebar/languages.json b/src/i18n/locales/tr/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/objective.json b/src/i18n/locales/tr/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/profile.json b/src/i18n/locales/tr/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/references.json b/src/i18n/locales/tr/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/skills.json b/src/i18n/locales/tr/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/tr/leftSidebar/work.json b/src/i18n/locales/tr/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/tr/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/tr/rightSidebar/about.json b/src/i18n/locales/tr/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/tr/rightSidebar/actions.json b/src/i18n/locales/tr/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/tr/rightSidebar/colors.json b/src/i18n/locales/tr/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/tr/rightSidebar/fonts.json b/src/i18n/locales/tr/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/tr/rightSidebar/index.js b/src/i18n/locales/tr/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/tr/rightSidebar/settings.json b/src/i18n/locales/tr/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/tr/rightSidebar/templates.json b/src/i18n/locales/tr/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/tr/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/uk/app/app.json b/src/i18n/locales/uk/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/uk/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/uk/app/index.js b/src/i18n/locales/uk/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/uk/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/uk/index.js b/src/i18n/locales/uk/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/uk/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/uk/leftSidebar/awards.json b/src/i18n/locales/uk/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/certifications.json b/src/i18n/locales/uk/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/education.json b/src/i18n/locales/uk/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/extras.json b/src/i18n/locales/uk/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/index.js b/src/i18n/locales/uk/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/uk/leftSidebar/languages.json b/src/i18n/locales/uk/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/objective.json b/src/i18n/locales/uk/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/profile.json b/src/i18n/locales/uk/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/references.json b/src/i18n/locales/uk/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/skills.json b/src/i18n/locales/uk/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/uk/leftSidebar/work.json b/src/i18n/locales/uk/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/uk/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/uk/rightSidebar/about.json b/src/i18n/locales/uk/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/uk/rightSidebar/actions.json b/src/i18n/locales/uk/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/uk/rightSidebar/colors.json b/src/i18n/locales/uk/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/uk/rightSidebar/fonts.json b/src/i18n/locales/uk/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/uk/rightSidebar/index.js b/src/i18n/locales/uk/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/uk/rightSidebar/settings.json b/src/i18n/locales/uk/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/uk/rightSidebar/templates.json b/src/i18n/locales/uk/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/uk/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/vi/app/app.json b/src/i18n/locales/vi/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/vi/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/vi/app/index.js b/src/i18n/locales/vi/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/vi/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/vi/index.js b/src/i18n/locales/vi/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/vi/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/vi/leftSidebar/awards.json b/src/i18n/locales/vi/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/certifications.json b/src/i18n/locales/vi/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/education.json b/src/i18n/locales/vi/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/extras.json b/src/i18n/locales/vi/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/index.js b/src/i18n/locales/vi/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/vi/leftSidebar/languages.json b/src/i18n/locales/vi/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/objective.json b/src/i18n/locales/vi/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/profile.json b/src/i18n/locales/vi/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/references.json b/src/i18n/locales/vi/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/skills.json b/src/i18n/locales/vi/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/vi/leftSidebar/work.json b/src/i18n/locales/vi/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/vi/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/vi/rightSidebar/about.json b/src/i18n/locales/vi/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/vi/rightSidebar/actions.json b/src/i18n/locales/vi/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/vi/rightSidebar/colors.json b/src/i18n/locales/vi/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/vi/rightSidebar/fonts.json b/src/i18n/locales/vi/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/vi/rightSidebar/index.js b/src/i18n/locales/vi/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/vi/rightSidebar/settings.json b/src/i18n/locales/vi/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/vi/rightSidebar/templates.json b/src/i18n/locales/vi/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/vi/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/locales/zh/app/app.json b/src/i18n/locales/zh/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/locales/zh/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/locales/zh/app/index.js b/src/i18n/locales/zh/app/index.js
new file mode 100644
index 000000000..d24fe6d1b
--- /dev/null
+++ b/src/i18n/locales/zh/app/index.js
@@ -0,0 +1,3 @@
+import app from './app.json';
+
+export default app;
diff --git a/src/i18n/locales/zh/index.js b/src/i18n/locales/zh/index.js
new file mode 100644
index 000000000..943ca6737
--- /dev/null
+++ b/src/i18n/locales/zh/index.js
@@ -0,0 +1,9 @@
+import app from './app';
+import leftSidebar from './leftSidebar';
+import rightSidebar from './rightSidebar';
+
+export default {
+  app,
+  leftSidebar,
+  rightSidebar,
+};
diff --git a/src/i18n/locales/zh/leftSidebar/awards.json b/src/i18n/locales/zh/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/certifications.json b/src/i18n/locales/zh/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/education.json b/src/i18n/locales/zh/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/extras.json b/src/i18n/locales/zh/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/index.js b/src/i18n/locales/zh/leftSidebar/index.js
new file mode 100644
index 000000000..a13d6a3e3
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/index.js
@@ -0,0 +1,23 @@
+import profile from './profile.json';
+import objective from './objective.json';
+import work from './work.json';
+import education from './education.json';
+import awards from './awards.json';
+import certifications from './certifications.json';
+import skills from './skills.json';
+import languages from './languages.json';
+import references from './references.json';
+import extras from './extras.json';
+
+export default {
+  profile,
+  objective,
+  work,
+  education,
+  awards,
+  certifications,
+  skills,
+  languages,
+  references,
+  extras,
+};
diff --git a/src/i18n/locales/zh/leftSidebar/languages.json b/src/i18n/locales/zh/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/objective.json b/src/i18n/locales/zh/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/profile.json b/src/i18n/locales/zh/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/references.json b/src/i18n/locales/zh/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/skills.json b/src/i18n/locales/zh/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/locales/zh/leftSidebar/work.json b/src/i18n/locales/zh/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/locales/zh/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/locales/zh/rightSidebar/about.json b/src/i18n/locales/zh/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/locales/zh/rightSidebar/actions.json b/src/i18n/locales/zh/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/locales/zh/rightSidebar/colors.json b/src/i18n/locales/zh/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/locales/zh/rightSidebar/fonts.json b/src/i18n/locales/zh/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/locales/zh/rightSidebar/index.js b/src/i18n/locales/zh/rightSidebar/index.js
new file mode 100644
index 000000000..2560696c9
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/index.js
@@ -0,0 +1,15 @@
+import templates from './templates.json';
+import colors from './colors.json';
+import fonts from './fonts.json';
+import actions from './actions.json';
+import settings from './settings.json';
+import about from './about.json';
+
+export default {
+  templates,
+  colors,
+  fonts,
+  actions,
+  settings,
+  about,
+};
diff --git a/src/i18n/locales/zh/rightSidebar/settings.json b/src/i18n/locales/zh/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/locales/zh/rightSidebar/templates.json b/src/i18n/locales/zh/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/locales/zh/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/i18n/source/app/app.json b/src/i18n/source/app/app.json
new file mode 100644
index 000000000..861e3ad5f
--- /dev/null
+++ b/src/i18n/source/app/app.json
@@ -0,0 +1,25 @@
+{
+  "heading": {
+    "placeholder": "Heading"
+  },
+  "item": {
+    "add": "Add {{- heading}}",
+    "startDate": {
+      "label": "Start Date",
+      "placeholder": "March 2018"
+    },
+    "endDate": {
+      "label": "End Date",
+      "placeholder": "March 2022"
+    },
+    "description": {
+      "label": "Description"
+    }
+  },
+  "buttons": {
+    "add": {
+      "label": "Add"
+    }
+  },
+  "markdownHelpText": "You can use <1>GitHub Flavored Markdown</1> to style this section of the text."
+}
diff --git a/src/i18n/source/leftSidebar/awards.json b/src/i18n/source/leftSidebar/awards.json
new file mode 100644
index 000000000..4222ec124
--- /dev/null
+++ b/src/i18n/source/leftSidebar/awards.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Math & Science Olympiad"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "First Place, International Level"
+  },
+  "description": {
+    "placeholder": "You can write about what qualities made you succeed in getting this award."
+  }
+}
diff --git a/src/i18n/source/leftSidebar/certifications.json b/src/i18n/source/leftSidebar/certifications.json
new file mode 100644
index 000000000..2763082a1
--- /dev/null
+++ b/src/i18n/source/leftSidebar/certifications.json
@@ -0,0 +1,13 @@
+{
+  "title": {
+    "label": "Title",
+    "placeholder": "Android Development Nanodegree"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Udacity"
+  },
+  "description": {
+    "placeholder": "You can write about what you learnt from your certification program."
+  }
+}
diff --git a/src/i18n/source/leftSidebar/education.json b/src/i18n/source/leftSidebar/education.json
new file mode 100644
index 000000000..231004b26
--- /dev/null
+++ b/src/i18n/source/leftSidebar/education.json
@@ -0,0 +1,16 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Harvard University"
+  },
+  "major": {
+    "label": "Major",
+    "placeholder": "Masters in Computer Science"
+  },
+  "grade": {
+    "label": "Grade"
+  },
+  "description": {
+    "placeholder": "You can write about projects or special credit classes that you took while studying at this school."
+  }
+}
diff --git a/src/i18n/source/leftSidebar/extras.json b/src/i18n/source/leftSidebar/extras.json
new file mode 100644
index 000000000..7afc7c067
--- /dev/null
+++ b/src/i18n/source/leftSidebar/extras.json
@@ -0,0 +1,10 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Date of Birth"
+  },
+  "value": {
+    "label": "Value",
+    "placeholder": "6th August 1995"
+  }
+}
diff --git a/src/i18n/source/leftSidebar/languages.json b/src/i18n/source/leftSidebar/languages.json
new file mode 100644
index 000000000..fc5de101a
--- /dev/null
+++ b/src/i18n/source/leftSidebar/languages.json
@@ -0,0 +1,9 @@
+{
+  "key": {
+    "label": "Key",
+    "placeholder": "Dothraki"
+  },
+  "rating": {
+    "label": "Rating"
+  }
+}
diff --git a/src/i18n/source/leftSidebar/objective.json b/src/i18n/source/leftSidebar/objective.json
new file mode 100644
index 000000000..8cb4f70da
--- /dev/null
+++ b/src/i18n/source/leftSidebar/objective.json
@@ -0,0 +1,6 @@
+{
+  "objective": {
+    "label": "Objective",
+    "placeholder": "Looking for a challenging role in a reputable organization to utilize my technical, database, and management skills for the growth of the organization as well as to enhance my knowledge about new and emerging trends in the IT sector."
+  }
+}
diff --git a/src/i18n/source/leftSidebar/profile.json b/src/i18n/source/leftSidebar/profile.json
new file mode 100644
index 000000000..b7f889c26
--- /dev/null
+++ b/src/i18n/source/leftSidebar/profile.json
@@ -0,0 +1,40 @@
+{
+  "photoUrl": {
+    "label": "Photo URL"
+  },
+  "firstName": {
+    "label": "First Name",
+    "placeholder": "Jane"
+  },
+  "lastName": {
+    "label": "Last Name",
+    "placeholder": "Doe"
+  },
+  "subtitle": {
+    "label": "Subtitle",
+    "placeholder": "Full Stack Web Developer"
+  },
+  "address": {
+    "line1": {
+      "label": "Address Line 1",
+      "placeholder": "Palladium Complex"
+    },
+    "line2": {
+      "label": "Address Line 2",
+      "placeholder": "140 E 14th St"
+    },
+    "line3": {
+      "label": "Address Line 3",
+      "placeholder": "New York, NY 10003 USA"
+    }
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "website": {
+    "label": "Website"
+  },
+  "email": {
+    "label": "Email Address"
+  }
+}
diff --git a/src/i18n/source/leftSidebar/references.json b/src/i18n/source/leftSidebar/references.json
new file mode 100644
index 000000000..88241575d
--- /dev/null
+++ b/src/i18n/source/leftSidebar/references.json
@@ -0,0 +1,19 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Richard Hendricks"
+  },
+  "position": {
+    "label": "Position",
+    "placeholder": "CEO, Pied Piper"
+  },
+  "phone": {
+    "label": "Phone Number"
+  },
+  "email": {
+    "label": "Email Address"
+  },
+  "description": {
+    "placeholder": "You can write about how you and the reference contact worked together and which projects you were a part of."
+  }
+}
diff --git a/src/i18n/source/leftSidebar/skills.json b/src/i18n/source/leftSidebar/skills.json
new file mode 100644
index 000000000..5f178d9b6
--- /dev/null
+++ b/src/i18n/source/leftSidebar/skills.json
@@ -0,0 +1,5 @@
+{
+  "item": {
+    "placeholder": "Cooking"
+  }
+}
diff --git a/src/i18n/source/leftSidebar/work.json b/src/i18n/source/leftSidebar/work.json
new file mode 100644
index 000000000..776d7d589
--- /dev/null
+++ b/src/i18n/source/leftSidebar/work.json
@@ -0,0 +1,13 @@
+{
+  "name": {
+    "label": "Name",
+    "placeholder": "Amazon (US)"
+  },
+  "role": {
+    "label": "Role",
+    "placeholder": "Front-end Web Developer"
+  },
+  "description": {
+    "placeholder": "You can write about what you specialized in while working at the company and what projects you were a part of."
+  }
+}
diff --git a/src/i18n/source/rightSidebar/about.json b/src/i18n/source/rightSidebar/about.json
new file mode 100644
index 000000000..cac678ad8
--- /dev/null
+++ b/src/i18n/source/rightSidebar/about.json
@@ -0,0 +1,36 @@
+{
+  "title": "About",
+  "documentation": {
+    "heading": "Documentation",
+    "body": "Want to know more about the app? Wouldn't it be nice if there was a guide to setting it up on your local machine? Need information on how to contribute to the project? Look no further, there's comprehensive documentation made just for you.",
+    "buttons": {
+      "documentation": "Documentation"
+    }
+  },
+  "bugOrFeatureRequest": {
+    "heading": "Bug? Feature Request?",
+    "body": "Something halting your progress from making a resume? Found a pesky bug that just won't quit? Talk about it on the GitHub Issues section, or send me and email using the actions below.",
+    "buttons": {
+      "raiseIssue": "Raise an Issue",
+      "sendEmail": "Send an Email"
+    }
+  },
+  "sourceCode": {
+    "heading": "Source Code",
+    "body": "Want to run the project from its source? Are you a developer willing to contribute to the open-source development of this project? Click the button below.",
+    "buttons": {
+      "githubRepo": "GitHub Repo"
+    }
+  },
+  "license": {
+    "heading": "License Information",
+    "body": "The project is governed under the MIT License, which you can read more about below. Basically, you are allowed to use the project anywhere provided you give credits to the original author.",
+    "buttons": {
+      "mitLicense": "MIT License"
+    }
+  },
+  "footer": {
+    "credit": "Reactive Resume is a project by <1>Amruth Pillai</1>.",
+    "thanks": "Thank you for using Reactive Resume!"
+  }
+}
diff --git a/src/i18n/source/rightSidebar/actions.json b/src/i18n/source/rightSidebar/actions.json
new file mode 100644
index 000000000..a610e9ab2
--- /dev/null
+++ b/src/i18n/source/rightSidebar/actions.json
@@ -0,0 +1,33 @@
+{
+  "title": "Actions",
+  "disclaimer": "Changes you make to your resume are saved automatically to your browser's local storage. No data gets out, hence your information is completely secure.",
+  "importExport": {
+    "heading": "Import/Export",
+    "body": "You can import or export your data in JSON format. With this, you can edit and print your resume from any device. Save this file for later use.",
+    "buttons": {
+      "import": "Import",
+      "export": "Export"
+    }
+  },
+  "printResume": {
+    "heading": "Print Your Resume",
+    "body": "You can simply press <1>Cmd/Ctrl + P</1> at any time while you're in the app to print your resume, but here's a fancy button to do the same thing, just 'cause.",
+    "buttons": {
+      "print": "Print"
+    }
+  },
+  "loadDummyData": {
+    "heading": "Load Dummy Data",
+    "body": "Unclear on what to do with a fresh blank page? Load some dummy data with prepopulated values to see how a resume should look and you can start editing from there.",
+    "buttons": {
+      "loadData": "Populate Data"
+    }
+  },
+  "reset": {
+    "heading": "Reset Everything!",
+    "body": "This action will reset all your data and remove backups made to your browser's local storage as well, so please make sure you have exported your information before you reset everything.",
+    "buttons": {
+      "reset": "Reset"
+    }
+  }
+}
diff --git a/src/i18n/source/rightSidebar/colors.json b/src/i18n/source/rightSidebar/colors.json
new file mode 100644
index 000000000..bf4accbf2
--- /dev/null
+++ b/src/i18n/source/rightSidebar/colors.json
@@ -0,0 +1,7 @@
+{
+  "title": "Colors",
+  "colorOptions": "Color Options",
+  "primaryColor": "Primary Color",
+  "accentColor": "Accent Color",
+  "clipboardCopyAction": "{{color}} has been copied to the clipboard."
+}
diff --git a/src/i18n/source/rightSidebar/fonts.json b/src/i18n/source/rightSidebar/fonts.json
new file mode 100644
index 000000000..dbcfe5f2f
--- /dev/null
+++ b/src/i18n/source/rightSidebar/fonts.json
@@ -0,0 +1,7 @@
+{
+  "title": "Fonts",
+  "fontFamily": {
+    "label": "Font Family",
+    "helpText": "You can use any font that is installed on your system as well. Just enter the name of the font family here and the browser would load it up for you."
+  }
+}
diff --git a/src/i18n/source/rightSidebar/settings.json b/src/i18n/source/rightSidebar/settings.json
new file mode 100644
index 000000000..12b199815
--- /dev/null
+++ b/src/i18n/source/rightSidebar/settings.json
@@ -0,0 +1,7 @@
+{
+  "title": "Settings",
+  "language": {
+    "label": "Language",
+    "helpText": "If you would like to help translate the app into your own language, please refer the <1>Translation Documentation</1>."
+  }
+}
\ No newline at end of file
diff --git a/src/i18n/source/rightSidebar/templates.json b/src/i18n/source/rightSidebar/templates.json
new file mode 100644
index 000000000..89fd528d7
--- /dev/null
+++ b/src/i18n/source/rightSidebar/templates.json
@@ -0,0 +1,3 @@
+{
+  "title": "Templates"
+}
diff --git a/src/index.js b/src/index.js
index ef5d94ae6..3bec10151 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import { toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 
+import './i18n';
 import './assets/tailwind/tailwind.css';
 import './index.css';
 
diff --git a/src/shared/AddItemButton.js b/src/shared/AddItemButton.js
new file mode 100644
index 000000000..872e09f76
--- /dev/null
+++ b/src/shared/AddItemButton.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const AddItemButton = ({ onSubmit }) => {
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={onSubmit}
+        className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
+      >
+        <div className="flex items-center">
+          <i className="material-icons mr-2 font-bold text-base">add</i>
+          <span className="text-sm">Add</span>
+        </div>
+      </button>
+    </div>
+  );
+};
+
+export default AddItemButton;
diff --git a/src/shared/Dropdown.js b/src/shared/Dropdown.js
new file mode 100644
index 000000000..4421cb9c8
--- /dev/null
+++ b/src/shared/Dropdown.js
@@ -0,0 +1,25 @@
+import React from 'react';
+
+const Dropdown = ({ label, value, onChange, options, optionItem }) => (
+  <div className="flex flex-col mb-2">
+    {label && (
+      <label className="uppercase tracking-wide text-gray-600 text-xs font-semibold mb-2">
+        {label}
+      </label>
+    )}
+    <div className="inline-flex relative w-full bg-gray-200 text-gray-800 rounded py-3 px-4 leading-tight focus:outline-none">
+      <select
+        className="block appearance-none w-full bg-gray-200 text-gray-800 focus:outline-none"
+        value={value}
+        onChange={e => onChange(e.target.value)}
+      >
+        {options.map(optionItem)}
+      </select>
+      <div className="pointer-events-none absolute inset-y-0 right-0 flex justify-center items-center px-2 bg-gray-200">
+        <i className="material-icons">expand_more</i>
+      </div>
+    </div>
+  </div>
+);
+
+export default Dropdown;
diff --git a/src/shared/ItemActions.js b/src/shared/ItemActions.js
index a603ba9a7..31317f123 100644
--- a/src/shared/ItemActions.js
+++ b/src/shared/ItemActions.js
@@ -1,18 +1,9 @@
 import React from 'react';
-import Checkbox from './Checkbox';
 
-const ItemActions = ({
-  item,
-  onChange,
-  type,
-  identifier,
-  dispatch,
-  deleteItem,
-  first,
-  moveItemUp,
-  last,
-  moveItemDown,
-}) => {
+import Checkbox from './Checkbox';
+import { deleteItem, moveItemUp, moveItemDown } from '../utils';
+
+const ItemActions = ({ dispatch, first, identifier, item, last, onChange, type }) => {
   return (
     <div className="flex justify-between">
       <div className="flex items-center">
@@ -20,7 +11,7 @@ const ItemActions = ({
           size="2.25rem"
           checked={item.enable}
           onChange={v => {
-            onChange(`${identifier}.enable`, v);
+            onChange(`${identifier}enable`, v);
           }}
         />
 
diff --git a/src/shared/ItemHeading.js b/src/shared/ItemHeading.js
new file mode 100644
index 000000000..dccab421d
--- /dev/null
+++ b/src/shared/ItemHeading.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const ItemHeading = ({ title, heading, isOpen, setOpen }) => {
+  const { t } = useTranslation();
+
+  return (
+    <div
+      className="flex justify-between items-center cursor-pointer"
+      onClick={() => setOpen(!isOpen)}
+    >
+      <h6 className="text-sm font-medium">
+        {typeof heading === 'undefined' ? title : t('item.add', { heading })}
+      </h6>
+      <i className="material-icons">{isOpen ? 'expand_less' : 'expand_more'}</i>
+    </div>
+  );
+};
+
+export default ItemHeading;
diff --git a/src/shared/MarkdownHelpText.js b/src/shared/MarkdownHelpText.js
index a0b0c257c..0c27bdf97 100644
--- a/src/shared/MarkdownHelpText.js
+++ b/src/shared/MarkdownHelpText.js
@@ -1,19 +1,22 @@
 import React from 'react';
+import { Trans } from 'react-i18next';
 
 const MarkdownHelpText = ({ className }) => {
   return (
     <div className={className}>
       <p className="text-gray-800 text-xs">
-        You can use{' '}
-        <a
-          className="text-blue-600 hover:underline"
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet"
-        >
-          GitHub Flavored Markdown
-        </a>{' '}
-        to style this section of text.
+        <Trans i18nKey="markdownHelpText">
+          You can use
+          <a
+            className="text-blue-600 hover:underline"
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet"
+          >
+            GitHub Flavored Markdown
+          </a>
+          to style this section of text.
+        </Trans>
       </p>
     </div>
   );
diff --git a/src/templates/castform/Castform.js b/src/templates/castform/Castform.js
index 7e2842c6b..0245cbbcc 100644
--- a/src/templates/castform/Castform.js
+++ b/src/templates/castform/Castform.js
@@ -234,10 +234,10 @@ const Castform = () => {
       </div>
     );
 
-  const ExtraItem = ({ key, value }) => (
-    <div className="px-5 my-2">
-      <h6 className="text-xs font-bold">{key}</h6>
-      <div className="text-sm">{value}</div>
+  const ExtraItem = x => (
+    <div key={x.id} className="px-5 my-2">
+      <h6 className="text-xs font-bold">{x.key}</h6>
+      <div className="text-sm">{x.value}</div>
     </div>
   );
 
diff --git a/src/templates/gengar/Gengar.js b/src/templates/gengar/Gengar.js
index 1b25177c3..dcd0bd1a9 100644
--- a/src/templates/gengar/Gengar.js
+++ b/src/templates/gengar/Gengar.js
@@ -215,7 +215,7 @@ const Gengar = () => {
     );
 
   const ExtraItem = x => (
-    <div key={x.key} className="text-sm my-1">
+    <div key={x.id} className="text-sm my-1">
       <h6 className="text-xs font-bold">{x.key}</h6>
       <h6>{x.value}</h6>
     </div>
diff --git a/src/templates/index.js b/src/templates/index.js
new file mode 100644
index 000000000..5b42cad5d
--- /dev/null
+++ b/src/templates/index.js
@@ -0,0 +1,31 @@
+import Onyx, { Image as OnyxPreview } from './onyx';
+import Pikachu, { Image as PikachuPreview } from './pikachu';
+import Gengar, { Image as GengarPreview } from './gengar';
+import Castform, { Image as CastformPreview } from './castform';
+
+export default [
+  {
+    key: 'onyx',
+    name: 'Onyx',
+    component: Onyx,
+    preview: OnyxPreview,
+  },
+  {
+    key: 'pikachu',
+    name: 'Pikachu',
+    component: Pikachu,
+    preview: PikachuPreview,
+  },
+  {
+    key: 'gengar',
+    name: 'Gengar',
+    component: Gengar,
+    preview: GengarPreview,
+  },
+  {
+    key: 'castform',
+    name: 'Castform',
+    component: Castform,
+    preview: CastformPreview,
+  },
+];
diff --git a/src/templates/onyx/Onyx.js b/src/templates/onyx/Onyx.js
index 3b7a91f4c..914c0766e 100644
--- a/src/templates/onyx/Onyx.js
+++ b/src/templates/onyx/Onyx.js
@@ -211,7 +211,7 @@ const Onyx = () => {
     );
 
   const ExtraItem = x => (
-    <tr key={x.key}>
+    <tr key={x.id}>
       <td className="border font-medium px-4 py-2 text-sm">{x.key}</td>
       <td className="border px-4 py-2 text-sm">{x.value}</td>
     </tr>
diff --git a/src/templates/pikachu/Pikachu.js b/src/templates/pikachu/Pikachu.js
index 2fabc7e95..d3eaa8792 100644
--- a/src/templates/pikachu/Pikachu.js
+++ b/src/templates/pikachu/Pikachu.js
@@ -120,7 +120,7 @@ const Pikachu = () => {
     );
 
   const ExtraItem = x => (
-    <div key={x.key} className="text-sm my-1">
+    <div key={x.id} className="text-sm my-1">
       <h6 className="text-xs font-bold">{x.key}</h6>
       <h6 className="">{x.value}</h6>
     </div>