chore(release): 3.5.1

chore(deps): bump docker/build-push-action from 3.0.0 to 3.1.0

.github/workflows/docker-build-push.yml

@@ -18,20 +18,20 @@ jobs:
         run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
 
       - name: Login to Docker Hub
-        uses: docker/login-action@v1.14.1
+        uses: docker/login-action@v2.0.0
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v1.14.1
+        uses: docker/login-action@v2.0.0
         with:
           registry: ghcr.io
           username: $GITHUB_REPOSITORY_OWNER
           password: ${{ secrets.GH_TOKEN }}
 
       - name: Build and Push Client Image
-        uses: docker/build-push-action@v2.10.0
+        uses: docker/build-push-action@v3.1.0
         with:
           context: .
           push: true
@@ -55,20 +55,20 @@ jobs:
         run: echo ::set-output name=tag::${GITHUB_REF#refs/*/}
 
       - name: Login to Docker Hub
-        uses: docker/login-action@v1.14.1
+        uses: docker/login-action@v2.0.0
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Login to GitHub Container Registry
-        uses: docker/login-action@v1.14.1
+        uses: docker/login-action@v2.0.0
         with:
           registry: ghcr.io
           username: $GITHUB_REPOSITORY_OWNER
           password: ${{ secrets.GH_TOKEN }}
 
       - name: Build and Push Server Image
-        uses: docker/build-push-action@v2.10.0
+        uses: docker/build-push-action@v3.1.0
         with:
           context: .
           push: true

.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers=true
+strict-peer-dependencies=false

.vscode/settings.json

@@ -21,5 +21,10 @@
   "i18n-ally.namespace": true,
   "i18n-ally.pathMatcher": "{locale}/{namespaces}.{ext}",
   "i18n-ally.sortKeys": true,
-  "scss.validate": false
+  "scss.validate": false,
+  "conventionalCommits.scopes": [
+    "client",
+    "server",
+    "docker"
+  ]
 }

CHANGELOG.md

@@ -2,6 +2,78 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.5.1](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.5.0...v3.5.1) (2022-07-30)
+
+
+### Features
+
+* **client:** :sparkles: ask for confirmation when resetting a resume ([4d43f6a](https://github.com/AmruthPillai/Reactive-Resume/commit/4d43f6a6427198e62e9fcb995f1a28c0ee4de71e))
+* **docker:** :zap: remove ports from postgres docker instance ([07c91e9](https://github.com/AmruthPillai/Reactive-Resume/commit/07c91e9ac21e8ef120d08ab92363d8e48a55aaba))
+
+
+### Bug Fixes
+
+* **server:** :zap: don't initialize sendgrid if the apikey is empty ([05d3f1f](https://github.com/AmruthPillai/Reactive-Resume/commit/05d3f1f06fbffd899269a5c4dea3c52cf408125f))
+
+## [3.5.0](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.4.8...v3.5.0) (2022-07-30)
+
+
+### Bug Fixes
+
+* **client:** :bug: attempt to fix the one-off date issue ([5197f95](https://github.com/AmruthPillai/Reactive-Resume/commit/5197f954c0baed3daf1c7e2c79b607354ef42024))
+* **client:** :bug: fix mui rendering of utc dates ([977fa72](https://github.com/AmruthPillai/Reactive-Resume/commit/977fa72ddeeeebf7463d43a820e85f783489a4dc))
+
+### [3.4.8](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.4.7...v3.4.8) (2022-07-13)
+
+
+### Features
+
+* **google:** add toast to display error message from google ([25cf594](https://github.com/AmruthPillai/Reactive-Resume/commit/25cf594eb948e1c2d6157028ee1fff2799df5f92))
+
+### [3.4.7](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.4.6...v3.4.7) (2022-06-30)
+
+
+### Bug Fixes
+
+* **mui:** update mui datepickers to newer package ([bfb48e3](https://github.com/AmruthPillai/Reactive-Resume/commit/bfb48e3aa7e0575922841522edc1d38544d1884f))
+
+### [3.4.6](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.4.5...v3.4.6) (2022-06-19)
+
+## [3.6.0](https://github.com/dvd741-a/Reactive-Resume/compare/v3.3.4...v3.6.0) (2022-06-05)
+
+
+### Features
+
+* **all:** upgrade to v3.4.0 ([87d381f](https://github.com/dvd741-a/Reactive-Resume/commit/87d381fe8eab9ca4624df5de6e8b9ab18a072b67))
+* **i18n:** add Hungrarian (Magyar) language ([35fe4e2](https://github.com/dvd741-a/Reactive-Resume/commit/35fe4e27744b6f7325b25db2cf3b626ed8598623))
+
+
+### Bug Fixes
+
+* **i18n:** fix language mismatch in exported pdf ([62fd63e](https://github.com/dvd741-a/Reactive-Resume/commit/62fd63e41fe10fba843a40fb08191f5944f2b2fc))
+* **typeorm:** update typeorm to latest 0.2.x for secpatch ([5bdb92b](https://github.com/dvd741-a/Reactive-Resume/commit/5bdb92b1cff9e56879f9bbf31801d6554a00a8d5))
+
+## [3.5.0](https://github.com/dvd741-a/Reactive-Resume/compare/v3.3.4...v3.5.0) (2022-06-05)
+
+
+### Features
+
+* **all:** upgrade to v3.4.0 ([87d381f](https://github.com/dvd741-a/Reactive-Resume/commit/87d381fe8eab9ca4624df5de6e8b9ab18a072b67))
+* **i18n:** add Hungrarian (Magyar) language ([35fe4e2](https://github.com/dvd741-a/Reactive-Resume/commit/35fe4e27744b6f7325b25db2cf3b626ed8598623))
+
+
+### Bug Fixes
+
+* **i18n:** fix language mismatch in exported pdf ([62fd63e](https://github.com/dvd741-a/Reactive-Resume/commit/62fd63e41fe10fba843a40fb08191f5944f2b2fc))
+* **typeorm:** update typeorm to latest 0.2.x for secpatch ([5bdb92b](https://github.com/dvd741-a/Reactive-Resume/commit/5bdb92b1cff9e56879f9bbf31801d6554a00a8d5))
+
+### [3.4.5](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.4.4...v3.4.5) (2022-05-24)
+
+
+### Bug Fixes
+
+* **i18n:** fix language mismatch in exported pdf ([62fd63e](https://github.com/AmruthPillai/Reactive-Resume/commit/62fd63e41fe10fba843a40fb08191f5944f2b2fc))
+
 ## [3.4.4](https://github.com/AmruthPillai/Reactive-Resume/compare/v3.4.3...v3.4.4) (2022-05-02)
 
 ### Features

README.md

@@ -64,12 +64,15 @@ You have complete control over what goes into your resume, how it looks, what co
 - French (Français)
 - German (Deutsch)
 - Greek (Ελληνικά)
+- Hebrew (Ivrit)
 - Hindi (हिन्दी)
 - Hungarian (Magyar)
+- Indonesian (Bahasa Indonesia)
 - Italian (Italiano)
 - Kannada (ಕನ್ನಡ)
 - Malayalam (മലയാളം)
 - Odia (ଓଡ଼ିଆ)
+- Persian (Farsi)
 - Polish (Polski)
 - Portuguese (Português)
 - Russian (русский)

app/build.gradle

@@ -1,7 +1,7 @@
 plugins {
     id 'com.android.application' version '7.1.2' apply false
     id 'com.android.library' version '7.1.2' apply false
-    id 'org.jetbrains.kotlin.android' version '1.6.21' apply false
+    id 'org.jetbrains.kotlin.android' version '1.7.10' apply false
 }
 
 task clean(type: Delete) {

client/components/build/RightSidebar/sections/Settings.tsx

@@ -15,7 +15,7 @@ import dayjs from 'dayjs';
 import get from 'lodash/get';
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
-import { useMemo } from 'react';
+import { useMemo, useState } from 'react';
 import { useMutation } from 'react-query';
 
 import Heading from '@/components/shared/Heading';
@@ -36,6 +36,8 @@ const Settings = () => {
 
   const { locale, ...router } = useRouter();
 
+  const [confirmReset, setConfirmReset] = useState(false);
+
   const resume = useAppSelector((state) => state.resume);
   const theme = useAppSelector((state) => state.build.theme);
   const pages = useAppSelector((state) => state.resume.metadata.layout);
@@ -48,7 +50,7 @@ const Settings = () => {
   const dateConfig: DateConfig = useMemo(() => get(resume, 'metadata.date'), [resume]);
 
   const isDarkMode = useMemo(() => theme === 'dark', [theme]);
-  const exampleString = useMemo(() => `Eg. ${dayjs().format(dateConfig.format)}`, [dateConfig.format]);
+  const exampleString = useMemo(() => `Eg. ${dayjs().utc().format(dateConfig.format)}`, [dateConfig.format]);
   const themeString = useMemo(() => (isDarkMode ? 'Matte Black Everything' : 'As bright as your future'), [isDarkMode]);
 
   const { mutateAsync: loadSampleDataMutation } = useMutation<Resume, ServerError, LoadSampleDataParams>(
@@ -78,9 +80,14 @@ const Settings = () => {
   };
 
   const handleResetResume = async () => {
-    await resetResumeMutation({ id });
+    if (!confirmReset) {
+      return setConfirmReset(true);
+    }
 
-    queryClient.invalidateQueries(`resume/${username}/${slug}`);
+    await resetResumeMutation({ id });
+    await queryClient.invalidateQueries(`resume/${username}/${slug}`);
+
+    setConfirmReset(false);
   };
 
   return (
@@ -202,7 +209,11 @@ const Settings = () => {
                 <DeleteForever />
               </ListItemIcon>
               <ListItemText
-                primary={t<string>('builder.rightSidebar.sections.settings.resume.reset.primary')}
+                primary={
+                  confirmReset
+                    ? 'Are you sure?'
+                    : t<string>('builder.rightSidebar.sections.settings.resume.reset.primary')
+                }
                 secondary={t<string>('builder.rightSidebar.sections.settings.resume.reset.secondary')}
               />
             </ListItemButton>

client/components/shared/ResumeInput.tsx

@@ -1,5 +1,5 @@
-import { DatePicker } from '@mui/lab';
 import { TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import dayjs from 'dayjs';
 import { isEmpty } from 'lodash';
 import get from 'lodash/get';
@@ -63,7 +63,7 @@ const ResumeInput: React.FC<Props> = ({ type = 'text', label, path, className, m
         renderInput={(params) => <TextField {...params} error={false} className={className} />}
         onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
           isEmpty(keyboardInputValue) && onChangeValue('');
-          date && dayjs(date).isValid() && onChangeValue(date.toISOString());
+          date && dayjs(date).utc().isValid() && onChangeValue(dayjs(date).utc().toISOString());
         }}
       />
     );

client/config/languages.ts

@@ -14,13 +14,16 @@ export const languages: Language[] = [
   { code: 'en', name: 'English' },
   { code: 'es', name: 'Spanish', localName: 'Español' },
   { code: 'fr', name: 'French', localName: 'Français' },
+  { code: 'he', name: 'Hebrew', localName: 'Ivrit' },
   { code: 'hi', name: 'Hindi', localName: 'हिन्दी' },
   { code: 'hu', name: 'Hungarian', localName: 'Magyar' },
+  { code: 'id', name: 'Indonesian', localName: 'Bahasa Indonesia' },
   { code: 'it', name: 'Italian', localName: 'Italiano' },
   { code: 'kn', name: 'Kannada', localName: 'ಕನ್ನಡ' },
   { code: 'ml', name: 'Malayalam', localName: 'മലയാളം' },
   { code: 'nl', name: 'Dutch', localName: 'Nederlands' },
   { code: 'or', name: 'Odia', localName: 'ଓଡ଼ିଆ' },
+  { code: 'fa', name: 'Persian', localName: 'Farsi' },
   { code: 'pl', name: 'Polish', localName: 'Polski' },
   { code: 'pt', name: 'Portuguese', localName: 'Português' },
   { code: 'ru', name: 'Russian', localName: 'русский' },

client/modals/auth/LoginModal.tsx

@@ -87,16 +87,24 @@ const LoginModal: React.FC = () => {
 
   const handleLoginWithGoogle = async () => {
     google.accounts.id.initialize({
+      auto_select: true,
+      itp_support: true,
       client_id: env('GOOGLE_CLIENT_ID'),
       callback: async (response: any) => {
         await loginWithGoogleMutation({ credential: response.credential });
 
         handleClose();
       },
-      auto_select: false,
     });
 
-    google.accounts.id.prompt();
+    google.accounts.id.prompt((notification: any) => {
+      if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
+        const reason = notification.getNotDisplayedReason() || notification.getSkippedReason();
+
+        toast.error(`Google returned an error while trying to sign in: ${reason}.`);
+        toast("Please try logging in using email/password, or use another browser that supports Google's One Tap API.");
+      }
+    });
   };
 
   const PasswordVisibility = (): React.ReactElement => {

client/modals/builder/sections/AwardModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { Award, SectionPath } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -134,7 +134,7 @@ const AwardModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/CertificateModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { Certificate, SectionPath } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -134,7 +134,7 @@ const CertificateModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/CustomModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, Slider, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { Custom } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -150,7 +150,7 @@ const CustomModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField
@@ -174,7 +174,7 @@ const CustomModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/EducationModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { Education, SectionPath } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -173,7 +173,7 @@ const EducationModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField
@@ -197,7 +197,7 @@ const EducationModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/ProjectModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { Project, SectionPath } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -143,7 +143,7 @@ const ProjectModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField
@@ -167,7 +167,7 @@ const ProjectModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/PublicationModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { Publication, SectionPath } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -134,7 +134,7 @@ const PublicationModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/VolunteerModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { SectionPath, Volunteer } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -140,7 +140,7 @@ const VolunteerModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField
@@ -164,7 +164,7 @@ const VolunteerModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/modals/builder/sections/WorkModal.tsx

@@ -1,7 +1,7 @@
 import { joiResolver } from '@hookform/resolvers/joi';
 import { Add, DriveFileRenameOutline } from '@mui/icons-material';
-import DatePicker from '@mui/lab/DatePicker';
 import { Button, TextField } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
 import { SectionPath, WorkExperience } from '@reactive-resume/schema';
 import dayjs from 'dayjs';
 import Joi from 'joi';
@@ -140,7 +140,7 @@ const WorkModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField
@@ -164,7 +164,7 @@ const WorkModal: React.FC = () => {
               views={['year', 'month', 'day']}
               onChange={(date: Date | null, keyboardInputValue: string | undefined) => {
                 isEmpty(keyboardInputValue) && field.onChange('');
-                date && dayjs(date).isValid() && field.onChange(date.toISOString());
+                date && dayjs(date).utc().isValid() && field.onChange(dayjs(date).utc().toISOString());
               }}
               renderInput={(params) => (
                 <TextField

client/next-i18next.config.js

@@ -12,9 +12,12 @@ const i18nConfig = {
       'el',
       'en',
       'es',
+      'fa',
       'fr',
+      'he',
       'hi',
       'hu',
+      'id',
       'it',
       'kn',
       'ml',

client/package.json

@@ -9,70 +9,74 @@
   },
   "dependencies": {
     "@beam-australia/react-env": "^3.1.1",
+    "@date-io/dayjs": "^2.14.0",
     "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@hookform/resolvers": "2.8.8",
-    "@monaco-editor/react": "^4.4.4",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/lab": "^5.0.0-alpha.79",
-    "@mui/material": "^5.6.3",
-    "@reduxjs/toolkit": "^1.8.1",
+    "@emotion/react": "^11.9.3",
+    "@emotion/styled": "^11.9.3",
+    "@hookform/resolvers": "2.9.7",
+    "@monaco-editor/react": "^4.4.5",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/lab": "^5.0.0-alpha.92",
+    "@mui/material": "^5.9.2",
+    "@mui/system": "^5.9.2",
+    "@mui/x-date-pickers": "5.0.0-beta.3",
+    "@next/env": "^12.2.3",
+    "@reduxjs/toolkit": "^1.8.3",
     "axios": "^0.27.2",
-    "clsx": "^1.1.1",
-    "dayjs": "^1.11.1",
+    "clsx": "^1.2.1",
+    "dayjs": "^1.11.4",
     "downloadjs": "^1.4.7",
     "joi": "^17.6.0",
     "lodash": "^4.17.21",
     "md5-hex": "^4.0.0",
     "monaco-editor": "^0.33.0",
-    "nanoid": "^3.3.3",
-    "next": "12.1.5",
-    "next-i18next": "^11.0.0",
-    "react": "17.0.2",
+    "nanoid": "^3.3.4",
+    "next": "12.2.3",
+    "next-i18next": "^11.3.0",
+    "react": "18.2.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-colorful": "^5.5.1",
-    "react-dnd": "15.1.2",
-    "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "17.0.2",
-    "react-hook-form": "^7.30.0",
-    "react-hot-toast": "2.2.0",
-    "react-hotkeys-hook": "^3.4.4",
-    "react-icons": "^4.3.1",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-dom": "18.2.0",
+    "react-hook-form": "^7.34.0",
+    "react-hot-toast": "2.3.0",
+    "react-hotkeys-hook": "^3.4.7",
+    "react-icons": "^4.4.0",
     "react-markdown": "^8.0.3",
-    "react-query": "^3.38.1",
-    "react-redux": "^8.0.1",
+    "react-query": "^3.39.2",
+    "react-redux": "^8.0.2",
     "react-zoom-pan-pinch": "^2.1.3",
     "redux": "^4.2.0",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "remark-gfm": "^3.0.1",
-    "sharp": "^0.30.4",
+    "sharp": "^0.30.7",
     "uuid": "^8.3.2",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.10",
+    "@babel/core": "^7.18.9",
     "@reactive-resume/schema": "workspace:*",
-    "@tailwindcss/typography": "^0.5.2",
+    "@tailwindcss/typography": "^0.5.4",
     "@types/downloadjs": "^1.4.3",
     "@types/lodash": "^4.14.182",
-    "@types/node": "17.0.31",
-    "@types/react": "17.0.2",
+    "@types/node": "18.6.2",
+    "@types/react": "18.0.15",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-redux": "^7.1.24",
-    "@types/tailwindcss": "^3.0.10",
+    "@types/tailwindcss": "^3.0.11",
     "@types/uuid": "^8.3.4",
     "@types/webfontloader": "^1.6.34",
-    "autoprefixer": "^10.4.6",
-    "csstype": "^3.0.11",
-    "eslint": "^8.14.0",
-    "eslint-config-next": "12.1.5",
-    "next-sitemap": "^2.5.20",
-    "postcss": "^8.4.13",
-    "prettier": "^2.6.2",
-    "sass": "^1.51.0",
-    "tailwindcss": "^3.0.24",
-    "typescript": "^4.6.4"
+    "autoprefixer": "^10.4.8",
+    "csstype": "^3.1.0",
+    "eslint": "^8.20.0",
+    "eslint-config-next": "12.2.3",
+    "next-sitemap": "^3.1.15",
+    "postcss": "^8.4.14",
+    "prettier": "^2.7.1",
+    "sass": "^1.54.0",
+    "tailwindcss": "^3.1.7",
+    "typescript": "^4.7.4"
   }
 }

client/pages/[username]/[slug]/index.tsx

@@ -59,6 +59,14 @@ const Preview: NextPage<Props> = ({ username, slug, resume: initialData }) => {
     }
   }, [dispatch, initialData]);
 
+  useEffect(() => {
+    if (!isEmpty(resume) && router.locale !== resume.metadata.locale) {
+      const { pathname, asPath, query } = router;
+
+      router.push({ pathname, query }, asPath, { locale: resume.metadata.locale });
+    }
+  }, [resume, router]);
+
   useQuery<Resume>(`resume/${username}/${slug}`, () => fetchResumeByIdentifier({ username, slug }), {
     initialData,
     retry: false,

client/pages/_app.tsx

@@ -1,7 +1,7 @@
 import '@/styles/globals.scss';
 
-import DateAdapter from '@mui/lab/AdapterDayjs';
-import LocalizationProvider from '@mui/lab/LocalizationProvider';
+import DayjsAdapter from '@date-io/dayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import Script from 'next/script';
@@ -32,7 +32,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
       </Head>
 
       <ReduxProvider store={store}>
-        <LocalizationProvider dateAdapter={DateAdapter}>
+        <LocalizationProvider dateAdapter={DayjsAdapter}>
           <PersistGate loading={null} persistor={persistor}>
             <QueryClientProvider client={queryClient}>
               <WrapperRegistry>
@@ -54,7 +54,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
         </LocalizationProvider>
       </ReduxProvider>
 
-      <Script src="https://accounts.google.com/gsi/client" />
+      <Script src="https://accounts.google.com/gsi/client" async defer />
     </>
   );
 };

client/pages/r/[shortId].tsx

@@ -7,6 +7,7 @@ import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
 import { GetServerSideProps, NextPage } from 'next';
 import Link from 'next/link';
+import { useRouter } from 'next/router';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useEffect } from 'react';
 import toast from 'react-hot-toast';
@@ -35,6 +36,8 @@ export const getServerSideProps: GetServerSideProps<Props> = async ({ query, loc
 };
 
 const Preview: NextPage<Props> = ({ shortId }) => {
+  const router = useRouter();
+
   const dispatch = useAppDispatch();
 
   const { data: resume } = useQuery<Resume>(`resume/${shortId}`, () => fetchResumeByShortId({ shortId }), {
@@ -52,6 +55,14 @@ const Preview: NextPage<Props> = ({ shortId }) => {
     if (resume) dispatch(setResume(resume));
   }, [resume, dispatch]);
 
+  useEffect(() => {
+    if (resume && !isEmpty(resume) && router.locale !== resume.metadata.locale) {
+      const { pathname, asPath, query } = router;
+
+      router.push({ pathname, query }, asPath, { locale: resume.metadata.locale });
+    }
+  }, [resume, router]);
+
   if (!resume || isEmpty(resume)) return null;
 
   const layout: string[][][] = get(resume, 'metadata.layout', []);

client/public/locales/ar/builder.json

@@ -1,9 +1,9 @@
 {
   "common": {
     "actions": {
-      "add": "إضافة {{فقرة}} جديدة",
-      "delete": "حذة {{الفقرة}}",
-      "edit": "تحرير {{الفقرة}}"
+      "add": "إضافة {{token}} جديدة",
+      "delete": "حذف {{token}}",
+      "edit": "تحرير {{token}}"
     },
     "columns": {
       "heading": "الأعمدة",
@@ -24,13 +24,13 @@
         "label": "تاريخ الانتهاء"
       },
       "keywords": {
-        "label": "الكلمات الرئيسية"
+        "label": "الكلمات الدالة"
       },
       "level": {
         "label": "مستوى"
       },
       "levelNum": {
-        "label": "المستوى (Number)"
+        "label": "المستوى (العدد)"
       },
       "name": {
         "label": "الاسم"
@@ -42,7 +42,7 @@
         "label": "المنصب"
       },
       "start-date": {
-        "label": "تاريخ البداية"
+        "label": "تاريخ البدء"
       },
       "subtitle": {
         "label": "العنوان الفرعي"

client/public/locales/fa/builder.json

@@ -0,0 +1,361 @@
+{
+  "common": {
+    "actions": {
+      "add": "{{token}} جدید اضافه کنید",
+      "delete": "حذف {{token}}",
+      "edit": "ویرایش {{token}}"
+    },
+    "columns": {
+      "heading": "ستون‌ها",
+      "tooltip": "تغییر تعداد ستون‌ها"
+    },
+    "form": {
+      "date": {
+        "label": "تاریخ"
+      },
+      "description": {
+        "label": "توضیحات"
+      },
+      "email": {
+        "label": "آدرس ایمیل"
+      },
+      "end-date": {
+        "help-text": "اگر هنوز پایان نیافته، این قسمت را خالی بگذارید",
+        "label": "تاریخ پایان"
+      },
+      "keywords": {
+        "label": "کلمات کلیدی"
+      },
+      "level": {
+        "label": "سطح"
+      },
+      "levelNum": {
+        "label": "سطح (عدد)"
+      },
+      "name": {
+        "label": "نام"
+      },
+      "phone": {
+        "label": "شماره تلفن"
+      },
+      "position": {
+        "label": "عنوان شغلی"
+      },
+      "start-date": {
+        "label": "تاریخ شروع"
+      },
+      "subtitle": {
+        "label": "عنوان فرعی"
+      },
+      "summary": {
+        "label": "درباره من"
+      },
+      "title": {
+        "label": "عنوان"
+      },
+      "url": {
+        "label": "وب‌سایت"
+      }
+    },
+    "glossary": {
+      "page": "صفحه"
+    },
+    "list": {
+      "actions": {
+        "delete": "حذف",
+        "duplicate": "کپی",
+        "edit": "ویرایش"
+      },
+      "empty-text": "این لیست خالی است."
+    },
+    "tooltip": {
+      "delete-item": "آیا از حذف این مورد اطمینان دارید؟ این عمل غیرقابل برگشت است.",
+      "delete-section": "حذف بخش",
+      "rename-section": "تغییر نام بخش",
+      "toggle-visibility": "تغییر وضعیت نمایش"
+    }
+  },
+  "controller": {
+    "tooltip": {
+      "center-artboard": "قرار دادن صفحه در مرکز",
+      "copy-link": "کپی کردن لینک رزومه",
+      "export-pdf": "خروجی PDF",
+      "toggle-orientation": "تغییر وضعیت جهت‌گیری صفحه",
+      "toggle-page-break-line": "تغییر وضعیت خط شکست صفحه",
+      "toggle-sidebars": "باز/بسته کردن نوار کنار صفحه",
+      "zoom-in": "بزرگ‌نمایی",
+      "zoom-out": "کوچک‌نمایی"
+    }
+  },
+  "header": {
+    "menu": {
+      "delete": "حذف",
+      "duplicate": "کپی",
+      "rename": "تغییر نام",
+      "share-link": "اشتراک‌گذاری لینک",
+      "tooltips": {
+        "delete": "آیا از حذف این رزومه اطمینان دارید؟ این عمل غیرقابل برگشت است.",
+        "share-link": "باید وضعیت نمایش رزومه خود را به عمومی تغییر دهید تا برای دیگران قابل مشاهده باشد."
+      }
+    }
+  },
+  "leftSidebar": {
+    "sections": {
+      "awards": {
+        "form": {
+          "awarder": {
+            "label": "اعطا کننده"
+          }
+        }
+      },
+      "basics": {
+        "actions": {
+          "photo-filters": "فیلترهای تصویر"
+        },
+        "heading": "موارد پایه",
+        "headline": {
+          "label": "سرصفحه"
+        },
+        "name": {
+          "label": "نام کامل"
+        },
+        "birthdate": {
+          "label": "تاریخ تولد"
+        },
+        "photo-filters": {
+          "effects": {
+            "border": {
+              "label": "لبه"
+            },
+            "grayscale": {
+              "label": "سیاه و سفید"
+            },
+            "heading": "افکت‌ها"
+          },
+          "shape": {
+            "heading": "شکل"
+          },
+          "size": {
+            "heading": "اندازه (بر حسب پیکسل)"
+          }
+        },
+        "photo-upload": {
+          "tooltip": {
+            "remove": "حذف تصویر",
+            "upload": "آپلود تصویر"
+          }
+        }
+      },
+      "certifications": {
+        "form": {
+          "issuer": {
+            "label": "صادرکننده"
+          }
+        }
+      },
+      "education": {
+        "form": {
+          "area-study": {
+            "label": "رشته تحصیلی"
+          },
+          "courses": {
+            "label": "دوره‌ها"
+          },
+          "degree": {
+            "label": "مدرک تحصیلی"
+          },
+          "grade": {
+            "label": "نمره"
+          },
+          "institution": {
+            "label": "مؤسسه"
+          }
+        }
+      },
+      "location": {
+        "address": {
+          "label": "نشانی"
+        },
+        "city": {
+          "label": "شهر"
+        },
+        "country": {
+          "label": "كشور"
+        },
+        "heading": "موقعیت مکانی",
+        "postal-code": {
+          "label": "کد پستی"
+        },
+        "region": {
+          "label": "منطقه"
+        }
+      },
+      "profiles": {
+        "form": {
+          "network": {
+            "label": "شبکه اجتماعی"
+          },
+          "username": {
+            "label": "نام کاربری"
+          }
+        },
+        "heading": "پروفایل‌ها",
+        "heading_one": "پروفایل"
+      },
+      "publications": {
+        "form": {
+          "publisher": {
+            "label": "ناشر"
+          }
+        }
+      },
+      "references": {
+        "form": {
+          "relationship": {
+            "label": "نسبت"
+          }
+        }
+      },
+      "section": {
+        "heading": "بخش"
+      },
+      "volunteer": {
+        "form": {
+          "organization": {
+            "label": "سازمان"
+          }
+        }
+      }
+    }
+  },
+  "rightSidebar": {
+    "sections": {
+      "css": {
+        "heading": "CSS سفارشی"
+      },
+      "export": {
+        "heading": "خروجی",
+        "json": {
+          "primary": "JSON",
+          "secondary": "یک نسخه JSON از رزومه خود را دانلود کنید که می‌تواند دوباره در Reactive Resume بارگذاری شود."
+        },
+        "pdf": {
+          "loading": {
+            "primary": "در حال تولید PDF",
+            "secondary": "لطفاً منتظر بمانید تا PDF شما تولید شود، ممکن است تا ۱۵ ثانیه طول بکشد."
+          },
+          "normal": {
+            "primary": "PDF",
+            "secondary": "یک PDF از رزومه خود را دانلود کنید که می‌توانید آن را چاپ کرده و به شغل رویایی خود ارسال کنید. این فایل را نمی‌توان برای ویرایش بیشتر بارگذاری کرد."
+          }
+        }
+      },
+      "layout": {
+        "heading": "چیدمان",
+        "tooltip": {
+          "reset-layout": "بازنشانی چیدمان"
+        }
+      },
+      "links": {
+        "bugs-features": {
+          "body": "چیزی شما را از ایجاد رزومه باز می‌دارد؟ یا ایده جذابی برای اضافه کردن دارید؟ برای شروع یک issue در GitHub مطرح کنید.",
+          "button": "GitHub Issues",
+          "heading": "باگ‌ها؟ درخواست ویژگی جدید؟"
+        },
+        "donate": {
+          "body": "اگر استفاده از Reactive Resume را دوست داشتید، لطفاً تا جایی که می توانید کمک مالی کنید تا برنامه را بدون تبلیغات و برای همیشه رایگان نگه دارید.",
+          "button": "برای من یک قهوه بخر",
+          "heading": "کمک مالی به Reactive Resume"
+        },
+        "github": "کد منبع",
+        "heading": "لینک‌ها"
+      },
+      "settings": {
+        "global": {
+          "date": {
+            "primary": "تاریخ",
+            "secondary": "فرمت تاریخ برای استفاده در سراسر برنامه"
+          },
+          "heading": "سراسری",
+          "language": {
+            "primary": "زبان",
+            "secondary": "زبان مورد نمایش برای استفاده از برنامه"
+          },
+          "theme": {
+            "primary": "پوسته"
+          }
+        },
+        "heading": "تنظیمات",
+        "page": {
+          "break-line": {
+            "primary": "خط شکست",
+            "secondary": "برای مشخص کردن ارتفاع صفحه A4 یک خط در همه صفحات نشان داده شود"
+          },
+          "heading": "صفحه",
+          "orientation": {
+            "disabled": "زمانی که تنها یک صفحه وجود دارد، تاثیری ندارد",
+            "primary": "جهت‌گیری",
+            "secondary": "اینکه صفحات به صورت عمودی یا افقی نمایش داده شوند"
+          }
+        },
+        "resume": {
+          "heading": "رزومه",
+          "reset": {
+            "primary": "بازنشانی همه چیز",
+            "secondary": "اشتباهات زیادی انجام دادید؟ اینجا کلیک کنید تا همه تغییرات بازنشانی شوند و از ابتدا شروع کنید. مراقب باشید، این عمل غیرقابل برگشت است."
+          },
+          "sample": {
+            "primary": "بارگیری داده‌های نمونه",
+            "secondary": "نمی‌دانید از کجا شروع کنید؟برای اینکه تعدادی داده نمونه بارگیری شوند تا ببینید یک رزومه کامل به چه شکل است، اینجا کلیک کنید."
+          }
+        }
+      },
+      "sharing": {
+        "heading": "اشتراک‌گذاری",
+        "short-url": {
+          "label": "انتخاب URL کوتاه"
+        },
+        "visibility": {
+          "subtitle": "هرکسی با این لینک بتواند رزومه شما را ببیند",
+          "title": "عمومی"
+        }
+      },
+      "templates": {
+        "heading": "قالب‌ها"
+      },
+      "theme": {
+        "form": {
+          "background": {
+            "label": "پس‌زمینه"
+          },
+          "primary": {
+            "label": "اصلی"
+          },
+          "text": {
+            "label": "متن"
+          }
+        },
+        "heading": "پوسته"
+      },
+      "typography": {
+        "form": {
+          "font-family": {
+            "label": "نوع فونت"
+          },
+          "font-size": {
+            "label": "اندازه فونت"
+          }
+        },
+        "heading": "تایپوگرافی",
+        "widgets": {
+          "body": {
+            "label": "بدنه"
+          },
+          "headings": {
+            "label": "سرصفحه‌ها"
+          }
+        }
+      }
+    }
+  }
+}

client/public/locales/fa/common.json

@@ -0,0 +1,29 @@
+{
+  "avatar": {
+    "menu": {
+      "greeting": "سلام",
+      "logout": "خروج"
+    }
+  },
+  "footer": {
+    "credit": "پروژه‌ای پرشور توسط <1>Amruth Pillai</1>",
+    "license": "ساخته‌شده توسط جامعه، برای جامعه."
+  },
+  "markdown": {
+    "help-text": "این بخش از <1>markdown</1> پشتیبانی می‌کند."
+  },
+  "date": {
+    "present": "امروز"
+  },
+  "subtitle": "یک رزومه‌ساز رایگان و متن‌باز.",
+  "title": "Reactive Resume",
+  "toast": {
+    "error": {
+      "upload-file-size": "لطفا تنها فایل‌هایی با حجم کمتر از ۲ مگابایت آپلود کنید.",
+      "upload-photo-size": "لطفا تنها عکس هایی با حجم کمتر از 2 مگابایت و ترجیحا مربع آپلود کنید."
+    },
+    "success": {
+      "resume-link-copied": "لینک رزومه شما در کلیپ‌بورد کپی شد."
+    }
+  }
+}

client/public/locales/fa/dashboard.json

@@ -0,0 +1,25 @@
+{
+  "create-resume": {
+    "subtitle": "از ابتدا شروع کنید",
+    "title": "ساخت رزومه جدید"
+  },
+  "import-external": {
+    "subtitle": "LinkedIn، JSON Resume، Reactive Resume",
+    "title": "وارد کردن از منابع خارجی"
+  },
+  "resume": {
+    "menu": {
+      "delete": "حذف",
+      "duplicate": "کپی",
+      "open": "باز کردن",
+      "rename": "تغییر نام",
+      "share-link": "اشتراک‌گذاری لینک",
+      "tooltips": {
+        "delete": "آیا از حذف این رزومه اطمینان دارید؟ این عمل غیرقابل برگشت است.",
+        "share-link": "باید وضعیت نمایش رزومه خود را به عمومی تغییر دهید تا برای دیگران قابل مشاهده باشد."
+      }
+    },
+    "timestamp": "آخرین به‌روزرسانی {{timestamp}} قبل"
+  },
+  "title": "داشبورد"
+}

client/public/locales/fa/landing.json

@@ -0,0 +1,41 @@
+{
+  "actions": {
+    "app": "رفتن به برنامه",
+    "login": "ورود",
+    "logout": "خروج",
+    "register": "ثبت نام"
+  },
+  "features": {
+    "heading": "ویژگی‌ها",
+    "list": {
+      "ads": "بدون تبلیغات",
+      "export": "گرفتن خروجی از رزومه خود به فرمت JSON یا PDF",
+      "free": "رایگان، برای همیشه",
+      "import": "وارد کردن داده از LinkedIn، JSON Resume",
+      "languages": "قابل دسترسی به چندین زبان",
+      "more": "و تعداد زیادی ویژگی هیجان انگیز دیگر، <1>همه‌چیز را درباره آنها اینجا بخوانید</1>",
+      "tracking": "بدون ردیابی کاربر"
+    }
+  },
+  "links": {
+    "heading": "لینک‌ها",
+    "links": {
+      "donate": "حمایت مالی",
+      "github": "کد منبع",
+      "privacy": "حریم خصوصی",
+      "service": "شرایط سرویس‌دهی"
+    }
+  },
+  "screenshots": {
+    "heading": "اسکرین‌شات‌ها"
+  },
+  "testimonials": {
+    "heading": "نظرات کاربران",
+    "body": "خوب یا بد، من دوست دارم نظر شما را در مورد Reactive Resume و اینکه تجربه کار با آن برای شما چگونه بوده است را بدانم.<br/>تعدادی از پیام های ارسال شده توسط کاربران در سراسر جهان را اینجا می‌بینید.",
+    "contact": "می‌توانید از طریق <1>ایمیل من</1> یا فرم تماس در <3>وب‌سایت من</3> با من در ارتباط باشید."
+  },
+  "summary": {
+    "body": "Reactive Resume یک رزومه ساز رایگان و متن‌باز است که برای ایجاد، به روز رسانی و به اشتراک گذاری رزومه شما به آسانی شمردن ۱، ۲، ۳ ساخته شده است. با این برنامه، می توانید چندین رزومه ایجاد کنید و آنها را با کارفرماها یا دوستان از طریق یک لینک منحصر به فرد و چاپ آن به صورت PDF، همه به صورت رایگان، بدون تبلیغات، بدون ردیابی، بدون از دست دادن امنیت و حریم خصوصی داده های شما، به اشتراک بگذارید.",
+    "heading": "درباره من"
+  }
+}

client/public/locales/fa/modals.json

@@ -0,0 +1,136 @@
+{
+  "auth": {
+    "forgot-password": {
+      "actions": {
+        "send-email": "ارسال ایمیل بازنشانی رمز عبور"
+      },
+      "body": "آدرس ایمیل حسابی را که می خواهید بازیابی کنید، وارد کنید.",
+      "form": {
+        "email": {
+          "label": "آدرس ایمیل"
+        }
+      },
+      "heading": "رمز عبور خود را فراموش کرده‌اید؟",
+      "help-text": "اگر حساب مورد نظر موجود باشد، یک ایمیل با لینک بازنشانی رمز عبور خود دریافت می‌کنید."
+    },
+    "login": {
+      "actions": {
+        "login": "ورود",
+        "google": "ورود با گوگل"
+      },
+      "body": "لطفا نام کاربری و رمز عبور مرتبط با حساب کاربری خود را وارد کنید تا وارد شوید و به رزومه خود دسترسی پیدا کنید، آن را مدیریت کنید و به اشتراک بگذارید.",
+      "form": {
+        "password": {
+          "label": "رمز عبور"
+        },
+        "username": {
+          "help-text": "همچنین می توانید آدرس ایمیل خود را وارد کنید",
+          "label": "نام کاربری"
+        }
+      },
+      "heading": "ورود به حساب کابری",
+      "recover-text": "در صورتی که رمز عبور خود را فراموش کرده‌اید، می توانید از اینجا <1>حساب خود را بازیابی کنید</1>.",
+      "register-text": "اگر حسابی ندارید، می‌توانید از اینجا <1>یک حساب ایجاد کنید</1>."
+    },
+    "register": {
+      "actions": {
+        "register": "ثبت نام",
+        "google": "ثبت نام با گوگل"
+      },
+      "body": "لطفا برای ایجاد حساب کاربری، اطلاعات شخصی خود را وارد کنید.",
+      "form": {
+        "confirm-password": {
+          "label": "تکرار رمز عبور"
+        },
+        "email": {
+          "label": "آدرس ایمیل"
+        },
+        "name": {
+          "label": "نام کامل"
+        },
+        "password": {
+          "label": "رمز عبور"
+        },
+        "username": {
+          "label": "نام کاربری"
+        }
+      },
+      "heading": "ایجاد حساب کاربری",
+      "loginText": "اکر حساب کاربری دارید، می‌توانید از <1>اینجا</1> وارد شوید."
+    },
+    "reset-password": {
+      "actions": {
+        "set-password": "تعیین رمز عبور جدید"
+      },
+      "body": "یک رمز عبور جدید برای حساب خود وارد کنید.",
+      "form": {
+        "confirm-password": {
+          "label": "تکرار رمز عبور"
+        },
+        "password": {
+          "label": "رمز عبور"
+        }
+      },
+      "heading": "بازنشانی رمز عبور"
+    }
+  },
+  "dashboard": {
+    "create-resume": {
+      "actions": {
+        "create-resume": "ایجاد رزومه"
+      },
+      "body": "ساخت رزومه خود را با نام‌گذاری آن شروع کنید. این نام می‌تواند به سمتی که برای آن درخواست می‌کنید مرتبط باشد، یا میان‌وعده مورد علاقه شما باشد.",
+      "form": {
+        "name": {
+          "label": "نام"
+        },
+        "public": {
+          "label": "آیا به صورت عمومی قابل دسترسی است؟"
+        },
+        "slug": {
+          "label": "نام یکتا"
+        }
+      },
+      "heading": "ایجاد یک رزومه جدید"
+    },
+    "import-external": {
+      "heading": "وارد کردن از منابع خارجی",
+      "json-resume": {
+        "actions": {
+          "upload-json": "آپلود JSON"
+        },
+        "body": "اگر یک <1>JSON Resume معتبر</1> که آماده کار است، می توانید از آن برای پیگیری سریع توسعه خود در Reactive Resume استفاده کنید. روی دکمه زیر کلیک کنید و برای شروع یک فایل JSON معتبر آپلود کنید.",
+        "heading": "بارگذاری از JSON Resume"
+      },
+      "linkedin": {
+        "actions": {
+          "upload-archive": "آپلود آرشیو ZIP"
+        },
+        "body": "می‌توانید با خروجی گرفتن از داده‌های خود در LinkedIn و استفاده از آن برای پر کردن خودکار فیلدهای Reactive Resume در زمانصرفه‌جویی کنید. به بخش <1>Data Privacy</1> در LinkedIn بروید و یک آرشیو از داده‌های خود را درخواست کنید. پس از در دسترس قرار گرفتن، فایل ZIP را در زیر آپلود کنید.",
+        "heading": "بارگذاری از LinkedIn"
+      },
+      "reactive-resume": {
+        "actions": {
+          "upload-json": "آپلود JSON",
+          "upload-json-v2": "آپلود JSON از ورژن ۲"
+        },
+        "body": "اگر یک فایل JSON دارید که با نسخه فعلی Reactive Resume خروجی گرفته‌شده است، می‌توانید آن را اینجا بارگذاری کنید تا دوباره نسخه قابل ویرایش دریافت کنید.",
+        "heading": "بارگذاری از Reactive Resume"
+      }
+    },
+    "rename-resume": {
+      "actions": {
+        "rename-resume": "تغییر نام رزومه"
+      },
+      "form": {
+        "name": {
+          "label": "نام"
+        },
+        "slug": {
+          "label": "نام یکتا"
+        }
+      },
+      "heading": "نام رزومه خود را تغییر دهید"
+    }
+  }
+}

client/public/locales/he/builder.json

@@ -0,0 +1,361 @@
+{
+  "common": {
+    "actions": {
+      "add": "הוסף חדש{{token}}",
+      "delete": "מחק{{token}}",
+      "edit": "ערוך{{token}}"
+    },
+    "columns": {
+      "heading": "טורים",
+      "tooltip": "שנה את מספר הטורים"
+    },
+    "form": {
+      "date": {
+        "label": "תאריך"
+      },
+      "description": {
+        "label": "תיאור"
+      },
+      "email": {
+        "label": "כתובת דוא\"ל"
+      },
+      "end-date": {
+        "help-text": "השאר שדה זה ריק, אם אתה עדיין נמצא שם",
+        "label": "תאריך סיום"
+      },
+      "keywords": {
+        "label": "מילות מפתח"
+      },
+      "level": {
+        "label": "רמה"
+      },
+      "levelNum": {
+        "label": "רמה (מספר)"
+      },
+      "name": {
+        "label": "שם"
+      },
+      "phone": {
+        "label": "מספר טלפון"
+      },
+      "position": {
+        "label": "תפקיד בעבודה"
+      },
+      "start-date": {
+        "label": "תאריך התחלה"
+      },
+      "subtitle": {
+        "label": "תת כותרת"
+      },
+      "summary": {
+        "label": "סיכום"
+      },
+      "title": {
+        "label": "כותרת"
+      },
+      "url": {
+        "label": "אתר"
+      }
+    },
+    "glossary": {
+      "page": "דף"
+    },
+    "list": {
+      "actions": {
+        "delete": "מחיקה",
+        "duplicate": "שכפול",
+        "edit": "עריכה"
+      },
+      "empty-text": "הרשימה ריקה!"
+    },
+    "tooltip": {
+      "delete-item": "האם אתה בטוח שברצונך להסיר פריט זה? זה בלתי הפיך.",
+      "delete-section": "מחיקת קטע",
+      "rename-section": "שנה את שם הקטע",
+      "toggle-visibility": "שנה מצב נראות"
+    }
+  },
+  "controller": {
+    "tooltip": {
+      "center-artboard": "משטח יצירה מרכזי",
+      "copy-link": "העתק קישור לקורות חיים",
+      "export-pdf": "ייצא PDF",
+      "toggle-orientation": "כיוון דף הבית",
+      "toggle-page-break-line": "החלף את קו מעבר עמוד",
+      "toggle-sidebars": "החלף את סרגלי הצד",
+      "zoom-in": "הגדל",
+      "zoom-out": "הקטן"
+    }
+  },
+  "header": {
+    "menu": {
+      "delete": "מחיקה",
+      "duplicate": "שכפל",
+      "rename": "שנה שם",
+      "share-link": "שתף קישור",
+      "tooltips": {
+        "delete": "האם אתה בטוח שברצונך להסיר תכונה זו? זה בלתי הפיך.",
+        "share-link": "עליך לשנות את החשיפה של קורות החיים שלך לציבור כדי להפוך אותם לגלויים לאחרים."
+      }
+    }
+  },
+  "leftSidebar": {
+    "sections": {
+      "awards": {
+        "form": {
+          "awarder": {
+            "label": "מעניק"
+          }
+        }
+      },
+      "basics": {
+        "actions": {
+          "photo-filters": "מסנן תמונות"
+        },
+        "heading": "בסיסי",
+        "headline": {
+          "label": "כותרת"
+        },
+        "name": {
+          "label": "שם מלא"
+        },
+        "birthdate": {
+          "label": "תאריך לידה"
+        },
+        "photo-filters": {
+          "effects": {
+            "border": {
+              "label": "גבול"
+            },
+            "grayscale": {
+              "label": "גווני אפור"
+            },
+            "heading": "אפקטים"
+          },
+          "shape": {
+            "heading": "צוּרָה"
+          },
+          "size": {
+            "heading": "גודל (בפיקסלים)"
+          }
+        },
+        "photo-upload": {
+          "tooltip": {
+            "remove": "הסר תמונה",
+            "upload": "העלה תמונה"
+          }
+        }
+      },
+      "certifications": {
+        "form": {
+          "issuer": {
+            "label": "מנפיק"
+          }
+        }
+      },
+      "education": {
+        "form": {
+          "area-study": {
+            "label": "תחום לימוד"
+          },
+          "courses": {
+            "label": "קורסים"
+          },
+          "degree": {
+            "label": "תוֹאַר"
+          },
+          "grade": {
+            "label": "כיתה"
+          },
+          "institution": {
+            "label": "מוֹסָד"
+          }
+        }
+      },
+      "location": {
+        "address": {
+          "label": "כתובת"
+        },
+        "city": {
+          "label": "עִיר"
+        },
+        "country": {
+          "label": "מדינה"
+        },
+        "heading": "מקום",
+        "postal-code": {
+          "label": "מיקוד"
+        },
+        "region": {
+          "label": "אזור"
+        }
+      },
+      "profiles": {
+        "form": {
+          "network": {
+            "label": "רֶשֶׁת"
+          },
+          "username": {
+            "label": "שם משתמש"
+          }
+        },
+        "heading": "פרופילים",
+        "heading_one": "פּרוֹפִיל"
+      },
+      "publications": {
+        "form": {
+          "publisher": {
+            "label": "מוֹצִיא לָאוֹר"
+          }
+        }
+      },
+      "references": {
+        "form": {
+          "relationship": {
+            "label": "מערכת יחסים"
+          }
+        }
+      },
+      "section": {
+        "heading": "סָעִיף"
+      },
+      "volunteer": {
+        "form": {
+          "organization": {
+            "label": "אִרגוּן"
+          }
+        }
+      }
+    }
+  },
+  "rightSidebar": {
+    "sections": {
+      "css": {
+        "heading": "CSS מותאם אישית"
+      },
+      "export": {
+        "heading": "יְצוּא",
+        "json": {
+          "primary": "JSON",
+          "secondary": "הורד גירסת JSON של קורות החיים שלך שניתן לייבא חזרה אל קורות חיים ריאקטיביים."
+        },
+        "pdf": {
+          "loading": {
+            "primary": "יצירת PDF",
+            "secondary": "המתן עם יצירת ה-PDF שלך, זה עשוי להימשך עד 15 שניות."
+          },
+          "normal": {
+            "primary": "PDF",
+            "secondary": "הורד קובץ PDF של קורות החיים שלך שתוכל להדפיס ולשלוח לעבודת החלומות שלך. לא ניתן לייבא קובץ זה בחזרה לעריכה נוספת."
+          }
+        }
+      },
+      "layout": {
+        "heading": "מַעֲרָך",
+        "tooltip": {
+          "reset-layout": "אפס פריסה"
+        }
+      },
+      "links": {
+        "bugs-features": {
+          "body": "משהו מונע ממך לעשות קורות חיים? או שיש לכם רעיון מדהים להוסיף? העלה בעיה ב-GitHub כדי להתחיל.",
+          "button": "בעיות GitHub",
+          "heading": "באגים? בקשות לתכונה?"
+        },
+        "donate": {
+          "body": "אם אהבתם להשתמש בקורות חיים ריאקטיביים, אנא שקול לתרום ככל שתוכל למען שמירה על האפליקציה ופועלת, ללא פרסומות ובחינם לנצח.",
+          "button": "תקנה לי קפה",
+          "heading": "תרומה לקורות חיים ריאקטיביים"
+        },
+        "github": "קוד מקור",
+        "heading": "קישורים"
+      },
+      "settings": {
+        "global": {
+          "date": {
+            "primary": "תַאֲרִיך",
+            "secondary": "פורמט תאריך לשימוש בכל האפליקציה"
+          },
+          "heading": "גלוֹבָּלִי",
+          "language": {
+            "primary": "שפה",
+            "secondary": "שפת תצוגה לשימוש בכל האפליקציה"
+          },
+          "theme": {
+            "primary": "ערכת נושא"
+          }
+        },
+        "heading": "הגדרות",
+        "page": {
+          "break-line": {
+            "primary": "קו עצירה",
+            "secondary": "הצג קו בכל הדפים כדי לסמן את גובהו של דף A4"
+          },
+          "heading": "דף",
+          "orientation": {
+            "disabled": "אין השפעה כשיש רק עמוד אחד",
+            "primary": "כיוון",
+            "secondary": "האם להציג עמודים אופקית או אנכית"
+          }
+        },
+        "resume": {
+          "heading": "קורות חיים",
+          "reset": {
+            "primary": "אפס הכל",
+            "secondary": "עשית יותר מדי טעויות? לחץ כאן כדי לאפס את כל השינויים ולהתחיל מאפס. היזהר, פעולה זו לא ניתנת לביטול."
+          },
+          "sample": {
+            "primary": "טען נתונים לדוגמה",
+            "secondary": "לא בטוחים מאיפה להתחיל? לחץ כאן כדי לטעון כמה נתונים לדוגמה כדי לראות איך קורות חיים מלאים נראים."
+          }
+        }
+      },
+      "sharing": {
+        "heading": "שיתוף",
+        "short-url": {
+          "label": "העדף כתובת URL קצרה"
+        },
+        "visibility": {
+          "subtitle": "אפשר לכל מי שיש לו קישור לראות את קורות החיים שלך",
+          "title": "גלוי לכול"
+        }
+      },
+      "templates": {
+        "heading": "תבניות"
+      },
+      "theme": {
+        "form": {
+          "background": {
+            "label": "רקע"
+          },
+          "primary": {
+            "label": "ראשי"
+          },
+          "text": {
+            "label": "טקסט"
+          }
+        },
+        "heading": "ערכת נושא"
+      },
+      "typography": {
+        "form": {
+          "font-family": {
+            "label": "משפחת גופן"
+          },
+          "font-size": {
+            "label": "גודל גופן"
+          }
+        },
+        "heading": "טיפוגרפיה",
+        "widgets": {
+          "body": {
+            "label": "גוף"
+          },
+          "headings": {
+            "label": "כותרת"
+          }
+        }
+      }
+    }
+  }
+}

client/public/locales/he/common.json

@@ -0,0 +1,29 @@
+{
+  "avatar": {
+    "menu": {
+      "greeting": "שלום",
+      "logout": "התנתק/י"
+    }
+  },
+  "footer": {
+    "credit": "פרויקט תשוקה מאת <1>אמרות פילאי</1>",
+    "license": "על ידי הקהילה, עבור הקהילה."
+  },
+  "markdown": {
+    "help-text": "סעיף זה תומך ב-<1>markdown</1> עיצוב."
+  },
+  "date": {
+    "present": "הווה"
+  },
+  "subtitle": "בונה קורות חיים חינמי ובקוד פתוח.",
+  "title": "קורות חיים תגובתיים",
+  "toast": {
+    "error": {
+      "upload-file-size": "נא להעלות רק קבצים מתחת ל-2 מגה בייט.",
+      "upload-photo-size": "נא להעלות רק תמונות מתחת ל-2 מגה בייט, רצוי מרובע."
+    },
+    "success": {
+      "resume-link-copied": "קישור לקורות החיים שלך הועתק ללוח."
+    }
+  }
+}

client/public/locales/he/dashboard.json

@@ -0,0 +1,25 @@
+{
+  "create-resume": {
+    "subtitle": "להתחיל מאפס",
+    "title": "צור קורות חיים חדשים"
+  },
+  "import-external": {
+    "subtitle": "לינקדאין, קורות חיים של JSON, קורות חיים ריאקטיביים",
+    "title": "ייבוא ממקורות חיצוניים"
+  },
+  "resume": {
+    "menu": {
+      "delete": "מחיקה",
+      "duplicate": "שכפל",
+      "open": "פתוח",
+      "rename": "שנה שם",
+      "share-link": "שתף קישור",
+      "tooltips": {
+        "delete": "האם אתה בטוח שברצונך להסיר תכונה זו? זה בלתי הפיך.",
+        "share-link": "עליך לשנות את החשיפה של קורות החיים שלך לציבורי כדי להפוך אותם לגלויים לאחרים."
+      }
+    },
+    "timestamp": "עודכן לאחרונה {{timestamp}}"
+  },
+  "title": "לוּחַ מַחווָנִים"
+}

client/public/locales/he/landing.json

@@ -0,0 +1,41 @@
+{
+  "actions": {
+    "app": "עבור לאפליקציה",
+    "login": "התחברות",
+    "logout": "להתנתק",
+    "register": "הירשם"
+  },
+  "features": {
+    "heading": "תכונות",
+    "list": {
+      "ads": "אין פרסום",
+      "export": "ייצא את קורות החיים שלך לפורמט JSON או PDF",
+      "free": "חופשי לנצח",
+      "import": "יבא נתונים מ-LinkedIn, קורות חיים של JSON",
+      "languages": "נגיש במספר שפות",
+      "more": "ותכונות מרגשות הרבה יותר, <1>קרא הכל כאן</1>",
+      "tracking": "אין מעקב אחר משתמשים"
+    }
+  },
+  "links": {
+    "heading": "קישורים",
+    "links": {
+      "donate": "לִתְרוֹם",
+      "github": "קוד מקור",
+      "privacy": "מדיניות פרטיות",
+      "service": "תנאי השירות"
+    }
+  },
+  "screenshots": {
+    "heading": "צילומי מסך"
+  },
+  "testimonials": {
+    "heading": "המלצות",
+    "body": "טוב או רע, אשמח לשמוע את דעתכם על קורות חיים ריאקטיביים ואיך הייתה החוויה עבורכם.<br/>הנה כמה מההודעות שנשלחו על ידי משתמשים ברחבי העולם.",
+    "contact": "אתה יכול ליצור איתי קשר דרך <1>המייל שלי</1> או דרך טופס יצירת הקשר ב<3>אתר האינטרנט שלי</3> ."
+  },
+  "summary": {
+    "body": "Reactive Resume הוא בונה קורות חיים חינמי וקוד פתוח שנבנה כדי להפוך את המשימות השגרתיות של יצירה, עדכון ושיתוף של קורות החיים שלך לקלות כמו 1, 2, 3. עם האפליקציה הזו, אתה יכול ליצור מספר קורות חיים, לשתף אותם עם מגייסים או חברים דרך קישור ייחודי והדפיס אותו כקובץ PDF, הכל בחינם, ללא פרסומות, ללא מעקב, מבלי לאבד את השלמות והפרטיות של הנתונים שלך.",
+    "heading": "סיכום"
+  }
+}

client/public/locales/he/modals.json

@@ -0,0 +1,136 @@
+{
+  "auth": {
+    "forgot-password": {
+      "actions": {
+        "send-email": "שלח אימייל איפוס סיסמה"
+      },
+      "body": "פשוט הזן את כתובת האימייל המשויכת לחשבון שברצונך לשחזר.",
+      "form": {
+        "email": {
+          "label": "כתובת דוא\"ל"
+        }
+      },
+      "heading": "שכחת ססמה?",
+      "help-text": "אם החשבון קיים, תקבל אימייל עם קישור לאיפוס הסיסמה שלך."
+    },
+    "login": {
+      "actions": {
+        "login": "התחברות",
+        "google": "התחבר עם גוגל"
+      },
+      "body": "אנא הזן את שם המשתמש והסיסמה המשויכים לחשבונך כדי להתחבר ולגשת, לנהל ולשתף את קורות החיים שלך.",
+      "form": {
+        "password": {
+          "label": "סיסמה"
+        },
+        "username": {
+          "help-text": "אתה יכול גם להזין את כתובת הדוא\"ל שלך",
+          "label": "שם משתמש"
+        }
+      },
+      "heading": "התחבר לחשבונך",
+      "recover-text": "במקרה ששכחת את הסיסמה שלך, תוכל <1>לשחזר את חשבונך</1> כאן.",
+      "register-text": "אם אין לך אחד, אתה יכול <1>ליצור חשבון</1> כאן."
+    },
+    "register": {
+      "actions": {
+        "register": "הירשם",
+        "google": "הירשם בגוגל"
+      },
+      "body": "אנא הזן את המידע האישי שלך כדי ליצור חשבון.",
+      "form": {
+        "confirm-password": {
+          "label": "אשר סיסמה"
+        },
+        "email": {
+          "label": "כתובת דוא\"ל"
+        },
+        "name": {
+          "label": "שם מלא"
+        },
+        "password": {
+          "label": "סיסמה"
+        },
+        "username": {
+          "label": "שם משתמש"
+        }
+      },
+      "heading": "צור חשבון",
+      "loginText": "אם כבר יש לך חשבון, אתה יכול <1>להתחבר כאן</1> ."
+    },
+    "reset-password": {
+      "actions": {
+        "set-password": "הגדר סיסמה חדשה"
+      },
+      "body": "הזן סיסמה חדשה לחשבון שלך.",
+      "form": {
+        "confirm-password": {
+          "label": "אשר סיסמה"
+        },
+        "password": {
+          "label": "סיסמה"
+        }
+      },
+      "heading": "אפס את הסיסמה שלך"
+    }
+  },
+  "dashboard": {
+    "create-resume": {
+      "actions": {
+        "create-resume": "צור קורות חיים"
+      },
+      "body": "התחל לבנות את קורות החיים שלך על ידי מתן שם לקובץ. זה יכול להיות בהתייחסות לתפקיד שאתה מגיש מועמדות אליו, או רק החטיף האהוב עליך.",
+      "form": {
+        "name": {
+          "label": "שם"
+        },
+        "public": {
+          "label": "האם נגיש לציבור?"
+        },
+        "slug": {
+          "label": "סלאג"
+        }
+      },
+      "heading": "צור קורות חיים חדשים"
+    },
+    "import-external": {
+      "heading": "ייבוא ממקורות חיצוניים",
+      "json-resume": {
+        "actions": {
+          "upload-json": "העלה JSON"
+        },
+        "body": "אם יש לך <1>קורות חיים של JSON מאומת</1> מוכן לפעולה, אתה יכול להשתמש בו כדי לעקוב במהירות את הפיתוח שלך בקורות חיים ריאקטיביים. לחץ על הכפתור למטה והעלה קובץ JSON חוקי כדי להתחיל.",
+        "heading": "ייבוא מ-JSON קורות חיים"
+      },
+      "linkedin": {
+        "actions": {
+          "upload-archive": "העלה ארכיון ZIP"
+        },
+        "body": "אתה יכול לחסוך זמן על ידי ייצוא הנתונים שלך מ-LinkedIn ושימוש בהם למילוי אוטומטי של שדות בקורות חיים תגובתיים. עבור אל <1>פרטיות נתונים</1> מדור בלינקדאין ובקש ארכיון של הנתונים שלך. ברגע שהוא זמין, העלה את קובץ ה-ZIP למטה.",
+        "heading": "ייבוא מ-LinkedIn"
+      },
+      "reactive-resume": {
+        "actions": {
+          "upload-json": "העלה JSON",
+          "upload-json-v2": "העלה JSON מגרסה 2"
+        },
+        "body": "אם יש לך JSON שיוצא עם הגרסה הנוכחית של Reactive Resume, תוכל לייבא אותו בחזרה לכאן כדי לקבל שוב גרסה הניתנת לעריכה.",
+        "heading": "ייבא מ- Reactive Resume"
+      }
+    },
+    "rename-resume": {
+      "actions": {
+        "rename-resume": "שנה את שם קורות החיים"
+      },
+      "form": {
+        "name": {
+          "label": "שם"
+        },
+        "slug": {
+          "label": "סלאג"
+        }
+      },
+      "heading": "שנה את שם קורות החיים שלך"
+    }
+  }
+}

client/public/locales/id/builder.json

@@ -0,0 +1,361 @@
+{
+  "common": {
+    "actions": {
+      "add": "Tambah Baru {{token}}",
+      "delete": "Hapus {{token}}",
+      "edit": "Ubah {{token}}"
+    },
+    "columns": {
+      "heading": "Kolom",
+      "tooltip": "Ubah nomor kolom"
+    },
+    "form": {
+      "date": {
+        "label": "Tanggal"
+      },
+      "description": {
+        "label": "Keterangan"
+      },
+      "email": {
+        "label": "Alamat Email"
+      },
+      "end-date": {
+        "help-text": "Biarkan kosong, Jika masih terbaru",
+        "label": "Tanggal Akhir"
+      },
+      "keywords": {
+        "label": "Kata Kunci"
+      },
+      "level": {
+        "label": "Tingkat"
+      },
+      "levelNum": {
+        "label": "Tingkat (Angka)"
+      },
+      "name": {
+        "label": "Nama"
+      },
+      "phone": {
+        "label": "Nomor Telepon"
+      },
+      "position": {
+        "label": "Jabatan"
+      },
+      "start-date": {
+        "label": "Tanggal Mulai"
+      },
+      "subtitle": {
+        "label": "Sub Judul"
+      },
+      "summary": {
+        "label": "Ringkasan"
+      },
+      "title": {
+        "label": "Judul"
+      },
+      "url": {
+        "label": "Situs web"
+      }
+    },
+    "glossary": {
+      "page": "Halaman"
+    },
+    "list": {
+      "actions": {
+        "delete": "Hapus",
+        "duplicate": "Duplikat",
+        "edit": "Ubah"
+      },
+      "empty-text": "Daftar ini kosong."
+    },
+    "tooltip": {
+      "delete-item": "Anda yakin ingin menghapus item ini? Tindakan ini tidak dapat dibatalkan.",
+      "delete-section": "Hapus Bagian",
+      "rename-section": "Ganti Nama Bagian",
+      "toggle-visibility": "Beralih Visibilitas"
+    }
+  },
+  "controller": {
+    "tooltip": {
+      "center-artboard": "Tengahkan Artboard",
+      "copy-link": "Salin Tautan ke Resume",
+      "export-pdf": "Ekspor PDF",
+      "toggle-orientation": "Beralih Orientasi Halaman",
+      "toggle-page-break-line": "Beralih Garis Pemisah Halaman",
+      "toggle-sidebars": "Beralih Sidebar",
+      "zoom-in": "Perbesar",
+      "zoom-out": "Perkecil"
+    }
+  },
+  "header": {
+    "menu": {
+      "delete": "Hapus",
+      "duplicate": "Duplikat",
+      "rename": "Ganti nama",
+      "share-link": "Bagikan tautan",
+      "tooltips": {
+        "delete": "Anda yakin ingin menghapus Resume ini? Tindakan ini tidak dapat dibatalkan.",
+        "share-link": "Anda perlu mengubah visibilitas resume Anda ke publik agar terlihat oleh orang lain."
+      }
+    }
+  },
+  "leftSidebar": {
+    "sections": {
+      "awards": {
+        "form": {
+          "awarder": {
+            "label": "Penghargaan"
+          }
+        }
+      },
+      "basics": {
+        "actions": {
+          "photo-filters": "Filter Foto"
+        },
+        "heading": "Dasar",
+        "headline": {
+          "label": "Judul"
+        },
+        "name": {
+          "label": "Nama Lengkap"
+        },
+        "birthdate": {
+          "label": "Tanggal Lahir"
+        },
+        "photo-filters": {
+          "effects": {
+            "border": {
+              "label": "Batas"
+            },
+            "grayscale": {
+              "label": "Grayscale"
+            },
+            "heading": "Efek"
+          },
+          "shape": {
+            "heading": "Bentuk"
+          },
+          "size": {
+            "heading": "Besar (dalam px)"
+          }
+        },
+        "photo-upload": {
+          "tooltip": {
+            "remove": "Hapus Foto",
+            "upload": "Unggah Foto"
+          }
+        }
+      },
+      "certifications": {
+        "form": {
+          "issuer": {
+            "label": "Penerbit"
+          }
+        }
+      },
+      "education": {
+        "form": {
+          "area-study": {
+            "label": "Area belajar"
+          },
+          "courses": {
+            "label": "Kursus"
+          },
+          "degree": {
+            "label": "Gelar"
+          },
+          "grade": {
+            "label": "Tingkatan"
+          },
+          "institution": {
+            "label": "Lembaga"
+          }
+        }
+      },
+      "location": {
+        "address": {
+          "label": "Alamat"
+        },
+        "city": {
+          "label": "Kota"
+        },
+        "country": {
+          "label": "Negara"
+        },
+        "heading": "Lokasi",
+        "postal-code": {
+          "label": "Kode Pos"
+        },
+        "region": {
+          "label": "Wilayah"
+        }
+      },
+      "profiles": {
+        "form": {
+          "network": {
+            "label": "Social Media"
+          },
+          "username": {
+            "label": "Nama Panggilan"
+          }
+        },
+        "heading": "Profil",
+        "heading_one": "Profil"
+      },
+      "publications": {
+        "form": {
+          "publisher": {
+            "label": "Penerbit"
+          }
+        }
+      },
+      "references": {
+        "form": {
+          "relationship": {
+            "label": "Hubungan"
+          }
+        }
+      },
+      "section": {
+        "heading": "Bagian"
+      },
+      "volunteer": {
+        "form": {
+          "organization": {
+            "label": "Organisasi"
+          }
+        }
+      }
+    }
+  },
+  "rightSidebar": {
+    "sections": {
+      "css": {
+        "heading": "Kostumisasi CSS"
+      },
+      "export": {
+        "heading": "Ekspor",
+        "json": {
+          "primary": "JSON",
+          "secondary": "Unduh versi JSON dari resume Anda yang dapat diimpor kembali ke Reactive Resume."
+        },
+        "pdf": {
+          "loading": {
+            "primary": "Membuat PDF",
+            "secondary": "Harap tunggu saat ini PDF Anda sedang dibuat, mungkin memerlukan waktu hingga 15 detik."
+          },
+          "normal": {
+            "primary": "PDF",
+            "secondary": "Unduh PDF dari resume Anda yang dapat Anda cetak dan kirimkan ke pekerjaan impian Anda. File ini tidak dapat diimpor kembali untuk pengeditan lanjutan."
+          }
+        }
+      },
+      "layout": {
+        "heading": "Tata Letak",
+        "tooltip": {
+          "reset-layout": "Atur ulang Layout"
+        }
+      },
+      "links": {
+        "bugs-features": {
+          "body": "Sesuatu menghentikan Anda dari membuat resume? Atau apakah Anda memiliki ide luar biasa untuk ditambahkan? Buat Issues di GitHub untuk memulai.",
+          "button": "Masalah GitHub",
+          "heading": "Bugs? Request Fitur?"
+        },
+        "donate": {
+          "body": "Jika Anda suka menggunakan Reactive Resume, harap pertimbangkan untuk donasi sebanyak mungkin untuk menjaga aplikasi tetap berjalan, tanpa iklan dan gratis selamanya.",
+          "button": "Belikan Saya Kopi",
+          "heading": "Donasi ke Reactive Resume"
+        },
+        "github": "Kode sumber",
+        "heading": "Link"
+      },
+      "settings": {
+        "global": {
+          "date": {
+            "primary": "Tanggal",
+            "secondary": "Format tanggal untuk digunakan di seluruh aplikasi"
+          },
+          "heading": "Global",
+          "language": {
+            "primary": "Bahasa",
+            "secondary": "Tampilkan bahasa untuk digunakan di seluruh aplikasi"
+          },
+          "theme": {
+            "primary": "Tema"
+          }
+        },
+        "heading": "Pengaturan",
+        "page": {
+          "break-line": {
+            "primary": "Break Line",
+            "secondary": "Tampilkan garis di semua halaman untuk menandai ketinggian halaman A4"
+          },
+          "heading": "Halaman",
+          "orientation": {
+            "disabled": "Tidak berpengaruh ketika hanya ada satu halaman",
+            "primary": "Orientasi",
+            "secondary": "Menampilkan halaman secara horizontal atau vertikal"
+          }
+        },
+        "resume": {
+          "heading": "Resume",
+          "reset": {
+            "primary": "Atur ulang Semuanya",
+            "secondary": "Membuat terlalu banyak kesalahan? Klik di sini untuk mengatur ulang semua perubahan dan memulai dari awal. Hati-hati, tindakan ini tidak dapat dibatalkan."
+          },
+          "sample": {
+            "primary": "Muat Data Sampel",
+            "secondary": "Tidak yakin harus mulai dari mana? Klik di sini untuk memuat beberapa contoh data untuk melihat bagaimana resume lengkap terlihat."
+          }
+        }
+      },
+      "sharing": {
+        "heading": "Bagikan",
+        "short-url": {
+          "label": "Gunakan URL pendek"
+        },
+        "visibility": {
+          "subtitle": "Izinkan siapa pun yang memiliki tautan untuk melihat resume Anda",
+          "title": "Publik"
+        }
+      },
+      "templates": {
+        "heading": "Template"
+      },
+      "theme": {
+        "form": {
+          "background": {
+            "label": "Latar Belakang"
+          },
+          "primary": {
+            "label": "Utama"
+          },
+          "text": {
+            "label": "Teks"
+          }
+        },
+        "heading": "Tema"
+      },
+      "typography": {
+        "form": {
+          "font-family": {
+            "label": "Font Family"
+          },
+          "font-size": {
+            "label": "Besar Font"
+          }
+        },
+        "heading": "Tipografi",
+        "widgets": {
+          "body": {
+            "label": "Tubuh"
+          },
+          "headings": {
+            "label": "Judul"
+          }
+        }
+      }
+    }
+  }
+}

client/public/locales/id/common.json

@@ -0,0 +1,29 @@
+{
+  "avatar": {
+    "menu": {
+      "greeting": "Halo",
+      "logout": "Keluar"
+    }
+  },
+  "footer": {
+    "credit": "Sebuah passion project dari <1>Amruth Pillai</1>",
+    "license": "Dari komunitas, untuk komunitas."
+  },
+  "markdown": {
+    "help-text": "Bagian ini mendukung format <1>markdown</1>."
+  },
+  "date": {
+    "present": "Sekarang"
+  },
+  "subtitle": "Pembuat resume open source dan gratis.",
+  "title": "\"Reactive Resume\"",
+  "toast": {
+    "error": {
+      "upload-file-size": "Harap unggah hanya file di bawah 2 megabytes.",
+      "upload-photo-size": "Harap unggah hanya foto di bawah 2 megabytes, lebih baik jika persegi."
+    },
+    "success": {
+      "resume-link-copied": "Tautan ke resume Anda telah disalin ke papan klip Anda."
+    }
+  }
+}

client/public/locales/id/dashboard.json

@@ -0,0 +1,25 @@
+{
+  "create-resume": {
+    "subtitle": "Mulai dari Awal",
+    "title": "Buat Resume Baru"
+  },
+  "import-external": {
+    "subtitle": "LinkedIn, Resume JSON, Reactive Resume",
+    "title": "Impor dari sumber luar"
+  },
+  "resume": {
+    "menu": {
+      "delete": "Hapus",
+      "duplicate": "Duplikasi",
+      "open": "Buka",
+      "rename": "Ganti Nama",
+      "share-link": "Bagikan link",
+      "tooltips": {
+        "delete": "Anda yakin ingin menghapus resume ini? Ini adalah tindakan yang tidak dapat dibatalkan.",
+        "share-link": "Anda perlu mengubah visibilitas resume Anda ke publik agar terlihat oleh orang lain."
+      }
+    },
+    "timestamp": "Terakhir diubah {{timestamp}} lalu"
+  },
+  "title": "Dasbor"
+}

client/public/locales/id/landing.json

@@ -0,0 +1,41 @@
+{
+  "actions": {
+    "app": "Buka Aplikasi",
+    "login": "Masuk",
+    "logout": "Keluar",
+    "register": "Registrasi"
+  },
+  "features": {
+    "heading": "Fitur",
+    "list": {
+      "ads": "Tanpa Iklan",
+      "export": "Ekspor resume Anda ke JSON atau format PDF",
+      "free": "Gratis, selamanya",
+      "import": "Impor data dari LinkedIn, JSON Resume",
+      "languages": "Dapat diakses dari berbagai bahasa",
+      "more": "Dan masih banyak lagi fitur menarik lainnya, <1>baca semuanya disini</1>",
+      "tracking": "Tanpa Pelacakan Pengguna"
+    }
+  },
+  "links": {
+    "heading": "Link",
+    "links": {
+      "donate": "Donasi",
+      "github": "Kode Sumber",
+      "privacy": "Kebijakan Pribadi",
+      "service": "Persyaratan Layanan"
+    }
+  },
+  "screenshots": {
+    "heading": "Screenshot"
+  },
+  "testimonials": {
+    "heading": "Testimoni",
+    "body": "Baik atau buruk, saya akan senang mendengar pendapat Anda tentang Reactive Resume dan bagaimana pengalamannya bagi Anda.<br/>Berikut adalah beberapa pesan yang dikirim oleh pengguna di seluruh dunia.",
+    "contact": "Anda dapat menghubungi saya melalui <1>email saya</1> atau melalui formulir kontak di <3>situs web saya</3>."
+  },
+  "summary": {
+    "body": "Reactive Resume adalah pembuat resume gratis dan open source yang dibuat untuk membuat tugas-tugas lebih mudah seperti membuat, memperbarui, dan membagikan resume Anda semudah 1, 2, 3. Dengan aplikasi ini, Anda dapat membuat beberapa resume, membaginya dengan perekrut atau teman melalui tautan unik dan cetak sebagai PDF, semuanya gratis, tanpa iklan, tanpa pelacakan, tanpa kehilangan integritas dan privasi data Anda.",
+    "heading": "Ringkasan"
+  }
+}

client/public/locales/id/modals.json

@@ -0,0 +1,136 @@
+{
+  "auth": {
+    "forgot-password": {
+      "actions": {
+        "send-email": "Kirim Reset Kata Sandi Email"
+      },
+      "body": "Cukup masukkan alamat email yang terkait dengan akun yang ingin Anda pulihkan.",
+      "form": {
+        "email": {
+          "label": "Alamat Email"
+        }
+      },
+      "heading": "Lupa Kata Sandi?",
+      "help-text": "Jika akun ada, Anda akan menerima email dengan tautan untuk mengatur ulang kata sandi Anda."
+    },
+    "login": {
+      "actions": {
+        "login": "Masuk",
+        "google": "Masuk dengan Google"
+      },
+      "body": "Silakan masukkan nama pengguna dan kata sandi Anda yang terkait dengan akun Anda untuk masuk dan mengakses, mengelola, dan membagikan resume Anda.",
+      "form": {
+        "password": {
+          "label": "kata Sandi"
+        },
+        "username": {
+          "help-text": "Anda juga dapat memasukkan alamat email Anda",
+          "label": "Nama Pengguna"
+        }
+      },
+      "heading": "Masuk ke akun Anda",
+      "recover-text": "Jika Anda lupa sandi, Anda dapat <1>memulihkan akun</1> di sini.",
+      "register-text": "Jika Anda tidak memilikinya, Anda dapat <1>membuat akun</1> di sini."
+    },
+    "register": {
+      "actions": {
+        "register": "Daftar",
+        "google": "Daftar dengan Google"
+      },
+      "body": "Silakan masukkan informasi pribadi Anda untuk membuat akun.",
+      "form": {
+        "confirm-password": {
+          "label": "Konfirmasi Sandi"
+        },
+        "email": {
+          "label": "Alamat Email"
+        },
+        "name": {
+          "label": "Nama Lengkap"
+        },
+        "password": {
+          "label": "Kata Sandi"
+        },
+        "username": {
+          "label": "Nama Panggilan"
+        }
+      },
+      "heading": "Buat akun",
+      "loginText": "Jika Anda sudah memiliki akun, Anda dapat <1>masuk di sini</1>."
+    },
+    "reset-password": {
+      "actions": {
+        "set-password": "Ubah Kata Sandi Baru"
+      },
+      "body": "Masukkan kata sandi baru untuk akun Anda.",
+      "form": {
+        "confirm-password": {
+          "label": "Konfirmasi Sandi"
+        },
+        "password": {
+          "label": "Kata Sandi"
+        }
+      },
+      "heading": "Atur ulang kata sandi"
+    }
+  },
+  "dashboard": {
+    "create-resume": {
+      "actions": {
+        "create-resume": "Buat Resume"
+      },
+      "body": "Mulailah membangun resume Anda dengan memberinya nama. Bisa jadi mengacu pada peran yang Anda lamar, atau hanya cemilan favorit Anda.",
+      "form": {
+        "name": {
+          "label": "Nama"
+        },
+        "public": {
+          "label": "Apakah Dapat Diakses Publik?"
+        },
+        "slug": {
+          "label": "Slug"
+        }
+      },
+      "heading": "Buat resume baru"
+    },
+    "import-external": {
+      "heading": "Impor dari Sumber luar",
+      "json-resume": {
+        "actions": {
+          "upload-json": "Unggah JSON"
+        },
+        "body": "Jika Anda memiliki <1>JSON Resume yang divalidasi</1> yang siap digunakan, Anda dapat menggunakannya untuk mempercepat pengembangan Anda di Reactive Resume. Klik tombol di bawah dan unggah file JSON yang valid untuk memulai.",
+        "heading": "Impor dari JSON Resume"
+      },
+      "linkedin": {
+        "actions": {
+          "upload-archive": "Unggah berkas ZIP"
+        },
+        "body": "Anda dapat menghemat waktu dengan mengekspor data Anda dari LinkedIn dan menggunakannya untuk mengisi kolom secara otomatis di Reactive Resume. Buka bagian <1>Privasi Data</1> di LinkedIn dan minta arsip data Anda. Setelah tersedia, unggah file ZIP di bawah ini.",
+        "heading": "Impor dari LinkedIn"
+      },
+      "reactive-resume": {
+        "actions": {
+          "upload-json": "Unggah JSON",
+          "upload-json-v2": "Unggah JSON dari v2"
+        },
+        "body": "Jika Anda memiliki JSON yang diekspor dengan versi Reactive Resume saat ini, Anda dapat mengimpornya kembali ke sini untuk mendapatkan versi yang dapat diedit lagi.",
+        "heading": "Impor dari Reactive Resume"
+      }
+    },
+    "rename-resume": {
+      "actions": {
+        "rename-resume": "Ubah nama Resume"
+      },
+      "form": {
+        "name": {
+          "label": "Nama"
+        },
+        "slug": {
+          "label": "Slug"
+        }
+      },
+      "heading": "Ubah nama resume Anda"
+    }
+  }
+}

client/public/locales/no/dashboard.json

@@ -0,0 +1,25 @@
+{
+  "create-resume": {
+    "subtitle": "Start fra begynnelsen",
+    "title": "Opprett ny CV"
+  },
+  "import-external": {
+    "subtitle": "LinkedIn, JSON Resume, Reactive Resume",
+    "title": "Importer fra eksterne kilder"
+  },
+  "resume": {
+    "menu": {
+      "delete": "Slett",
+      "duplicate": "Dupliser",
+      "open": "Åpen",
+      "rename": "Endre navn",
+      "share-link": "Del lenke",
+      "tooltips": {
+        "delete": "Er du sikker på at du vil slette dette resymeet? Dette er en irreversibel handling.",
+        "share-link": "Du må endre synligheten til resymeet ditt til offentlig for å gjøre det synlig for andre."
+      }
+    },
+    "timestamp": "Sist oppdatert for {{timestamp}} siden"
+  },
+  "title": "Oversikt"
+}

client/public/locales/pt/common.json

@@ -13,7 +13,7 @@
     "help-text": "Esta seção suporta formatação <1>markdown</1>."
   },
   "date": {
-    "present": "presente"
+    "present": "Presente"
   },
   "subtitle": "Gerador de currículos gratuito e de código aberto.",
   "title": "Reactive Resume",

client/public/locales/sr/builder.json

@@ -0,0 +1,361 @@
+{
+  "common": {
+    "actions": {
+      "add": "Dodaj Novi {{token}}",
+      "delete": "Obriši {{token}}",
+      "edit": "Ažuriraj {{token}}"
+    },
+    "columns": {
+      "heading": "Kolone",
+      "tooltip": "Promeni broj kolona"
+    },
+    "form": {
+      "date": {
+        "label": "Datum"
+      },
+      "description": {
+        "label": "Opis"
+      },
+      "email": {
+        "label": "Imejl Adresa"
+      },
+      "end-date": {
+        "help-text": "Ostavi ovo polje prazno, ukoliko još postoji",
+        "label": "Datum kraja"
+      },
+      "keywords": {
+        "label": "Ključne reči"
+      },
+      "level": {
+        "label": "Nivo"
+      },
+      "levelNum": {
+        "label": "Nivo (Broj)"
+      },
+      "name": {
+        "label": "Ime"
+      },
+      "phone": {
+        "label": "Broj Telefona"
+      },
+      "position": {
+        "label": "Pozicija"
+      },
+      "start-date": {
+        "label": "Datum Početka"
+      },
+      "subtitle": {
+        "label": "Podnaslov"
+      },
+      "summary": {
+        "label": "Rezime"
+      },
+      "title": {
+        "label": "Naslov"
+      },
+      "url": {
+        "label": "Veb Sajt"
+      }
+    },
+    "glossary": {
+      "page": "Stranica"
+    },
+    "list": {
+      "actions": {
+        "delete": "Obriši",
+        "duplicate": "Dupliraj",
+        "edit": "Edituj"
+      },
+      "empty-text": "Ova lista je prazna."
+    },
+    "tooltip": {
+      "delete-item": "Da li sigurno želiš da izbrišeš ovu stavku? Ovo je nepovratna akcija.",
+      "delete-section": "Obriši Sekciju",
+      "rename-section": "Preimenuj Sekciju",
+      "toggle-visibility": "Prebaci Vidljivost"
+    }
+  },
+  "controller": {
+    "tooltip": {
+      "center-artboard": "Centriraj Kanvas",
+      "copy-link": "Kopiraj link u rezime",
+      "export-pdf": "Eksportuj PDF",
+      "toggle-orientation": "Uključi/Isključi Orijentaciju Stranice",
+      "toggle-page-break-line": "Uključi/Isključi liniju preloma stranice",
+      "toggle-sidebars": "Uključi/Isključi Sidebar",
+      "zoom-in": "Zumiraj",
+      "zoom-out": "Odzumiraj"
+    }
+  },
+  "header": {
+    "menu": {
+      "delete": "Obriši",
+      "duplicate": "Dupliraj",
+      "rename": "Preimenuj",
+      "share-link": "Podeli Link",
+      "tooltips": {
+        "delete": "Da li sigurno želiš da obrišeš ovaj rezime? Ovo je nepovratna akcija.",
+        "share-link": "Moraš da promeniš vidljivost rezimea na javno kako bi bio vidljiv drugima."
+      }
+    }
+  },
+  "leftSidebar": {
+    "sections": {
+      "awards": {
+        "form": {
+          "awarder": {
+            "label": "Dodelio nagradu"
+          }
+        }
+      },
+      "basics": {
+        "actions": {
+          "photo-filters": "Filteri za Slike"
+        },
+        "heading": "Osnovno",
+        "headline": {
+          "label": "Naslov"
+        },
+        "name": {
+          "label": "Puno Ime"
+        },
+        "birthdate": {
+          "label": "Datum Rođenja"
+        },
+        "photo-filters": {
+          "effects": {
+            "border": {
+              "label": "Okvir"
+            },
+            "grayscale": {
+              "label": "Sivi Ton"
+            },
+            "heading": "Efekti"
+          },
+          "shape": {
+            "heading": "Oblik"
+          },
+          "size": {
+            "heading": "Veličina (u pikselima)"
+          }
+        },
+        "photo-upload": {
+          "tooltip": {
+            "remove": "Obriši Sliku",
+            "upload": "Učitaj Sliku"
+          }
+        }
+      },
+      "certifications": {
+        "form": {
+          "issuer": {
+            "label": "Izdavač"
+          }
+        }
+      },
+      "education": {
+        "form": {
+          "area-study": {
+            "label": "Oblast Edukacije"
+          },
+          "courses": {
+            "label": "Kursevi"
+          },
+          "degree": {
+            "label": "Stepen"
+          },
+          "grade": {
+            "label": "Ocena"
+          },
+          "institution": {
+            "label": "Institucija"
+          }
+        }
+      },
+      "location": {
+        "address": {
+          "label": "Adresa"
+        },
+        "city": {
+          "label": "Grad"
+        },
+        "country": {
+          "label": "Zemlja"
+        },
+        "heading": "Lokacija",
+        "postal-code": {
+          "label": "Poštanski Broj"
+        },
+        "region": {
+          "label": "Region"
+        }
+      },
+      "profiles": {
+        "form": {
+          "network": {
+            "label": "Mreža"
+          },
+          "username": {
+            "label": "Korisničko ime"
+          }
+        },
+        "heading": "Profili",
+        "heading_one": "Profil"
+      },
+      "publications": {
+        "form": {
+          "publisher": {
+            "label": "Izdavač"
+          }
+        }
+      },
+      "references": {
+        "form": {
+          "relationship": {
+            "label": "Veza"
+          }
+        }
+      },
+      "section": {
+        "heading": "Sekcija"
+      },
+      "volunteer": {
+        "form": {
+          "organization": {
+            "label": "Organizacija"
+          }
+        }
+      }
+    }
+  },
+  "rightSidebar": {
+    "sections": {
+      "css": {
+        "heading": "Prilagodi CSS"
+      },
+      "export": {
+        "heading": "Eksportuj",
+        "json": {
+          "primary": "JSON",
+          "secondary": "Preuzmi JSON verziju tvog rezimea koja se može importovati nazad u Reactive Resume."
+        },
+        "pdf": {
+          "loading": {
+            "primary": "Generišem PDF",
+            "secondary": "Sačekaj dok se tvoj PDF generiše, ovo može da potraje do 15 sekundi."
+          },
+          "normal": {
+            "primary": "PDF",
+            "secondary": "Preuzmi PDF verziju rezimea koju možeš da štampaš i pošalješ za svoj posao iz snova. Ovaj fajl se ne može importovati ponovo kako bi se ponovo ažurirao."
+          }
+        }
+      },
+      "layout": {
+        "heading": "Izgled",
+        "tooltip": {
+          "reset-layout": "Resetuj izgled"
+        }
+      },
+      "links": {
+        "bugs-features": {
+          "body": "Nešto de sprečava da napraviš svoj rezime? Ili imaš neku super ideju kao predlog? Kreiraj task na GitHub-u za početak.",
+          "button": "GitHub Problemi",
+          "heading": "Bagovi? Zahtevi za novu funkcionalnost?"
+        },
+        "donate": {
+          "body": "Ako ti se sviđa Reactive Resume, razmotri o donaciji kako bi aplikacija nastavila da funkcioniše i bude dostupna, bez reklama i besplatna zauvek.",
+          "button": "Kupi mi kafu",
+          "heading": "Doniraj za Reactive Resume"
+        },
+        "github": "Izvorni Kod",
+        "heading": "Linkovi"
+      },
+      "settings": {
+        "global": {
+          "date": {
+            "primary": "Datum",
+            "secondary": "Format datuma koji se koristi u aplikaciji"
+          },
+          "heading": "Globalno",
+          "language": {
+            "primary": "Jezik",
+            "secondary": "Jezika prikaza za korišćenje u celoj aplikaciji"
+          },
+          "theme": {
+            "primary": "Tema"
+          }
+        },
+        "heading": "Podešavanja",
+        "page": {
+          "break-line": {
+            "primary": "Prelomi Redova",
+            "secondary": "Pokaži liniju na svakoj stranici kako bi se obeležila visina A4 stranice"
+          },
+          "heading": "Strana",
+          "orientation": {
+            "disabled": "Nema efekat kada postoji samo jedna stranica",
+            "primary": "Orijentacija",
+            "secondary": "Da li prikazujem stranice horizontalno ili vertikalno"
+          }
+        },
+        "resume": {
+          "heading": "Rezime",
+          "reset": {
+            "primary": "Resetuje sve",
+            "secondary": "Previše grešaka? Klikni ovde da resetuješ sve izmene i počneš izpočetka. Vodi računa, ova akcija se ne može promeniti."
+          },
+          "sample": {
+            "primary": "Učitaj podatke kao primer",
+            "secondary": "Ne znaš gde da počneš? Klikni ovde da učitaš podatke kao primer i vidiš kako ceo rezime može da izgleda."
+          }
+        }
+      },
+      "sharing": {
+        "heading": "Deljenje",
+        "short-url": {
+          "label": "Kao Kratak URL"
+        },
+        "visibility": {
+          "subtitle": "Dozvoli svakom sa linkom da pogleda tvoj rezime",
+          "title": "Javno"
+        }
+      },
+      "templates": {
+        "heading": "Šabloni"
+      },
+      "theme": {
+        "form": {
+          "background": {
+            "label": "Pozadina"
+          },
+          "primary": {
+            "label": "Glavni"
+          },
+          "text": {
+            "label": "Tekst"
+          }
+        },
+        "heading": "Tema"
+      },
+      "typography": {
+        "form": {
+          "font-family": {
+            "label": "Porodica Fontova"
+          },
+          "font-size": {
+            "label": "Veličina Fonta"
+          }
+        },
+        "heading": "Tipografija",
+        "widgets": {
+          "body": {
+            "label": "Sadržaj"
+          },
+          "headings": {
+            "label": "Naslovi"
+          }
+        }
+      }
+    }
+  }
+}

client/utils/date.ts

@@ -19,7 +19,7 @@ export const dateFormatOptions: string[] = [
   'YYYY',
 ];
 
-export const getRelativeTime = (timestamp: dayjs.ConfigType): string => dayjs(timestamp).toNow(true);
+export const getRelativeTime = (timestamp: dayjs.ConfigType): string => dayjs(timestamp).utc().toNow(true);
 
 export const formatDateString = (date: string | DateRange, formatStr: string): string | null => {
   const presentString = i18n?.t<string>('common.date.present') ?? '';
@@ -28,9 +28,9 @@ export const formatDateString = (date: string | DateRange, formatStr: string): s
 
   // If `date` is a string
   if (isString(date)) {
-    if (!dayjs(date).isValid()) return null;
+    if (!dayjs(date).utc().utc().isValid()) return null;
 
-    return dayjs(date).format(formatStr);
+    return dayjs(date).utc().format(formatStr);
   }
 
   // If `date` is a DateRange

client/utils/getProfileIcon.tsx

@@ -9,6 +9,7 @@ import {
   FaHackerrank,
   FaInstagram,
   FaLinkedinIn,
+  FaMedium,
   FaSkype,
   FaSoundcloud,
   FaStackOverflow,
@@ -30,6 +31,7 @@ const profileIconMap: Record<string, JSX.Element> = {
   hackerrank: <FaHackerrank />,
   instagram: <FaInstagram />,
   linkedin: <FaLinkedinIn />,
+  medium: <FaMedium />,
   skype: <FaSkype />,
   soundcloud: <FaSoundcloud />,
   stackoverflow: <FaStackOverflow />,

client/wrappers/DateWrapper.tsx

@@ -1,5 +1,6 @@
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
+import utc from 'dayjs/plugin/utc';
 import { useRouter } from 'next/router';
 import { useEffect } from 'react';
 
@@ -7,6 +8,7 @@ const DateWrapper: React.FC<React.PropsWithChildren<unknown>> = ({ children }) =
   const { locale } = useRouter();
 
   useEffect(() => {
+    dayjs.extend(utc);
     dayjs.extend(relativeTime);
 
     // Locales
@@ -18,9 +20,12 @@ const DateWrapper: React.FC<React.PropsWithChildren<unknown>> = ({ children }) =
     require('dayjs/locale/el');
     require('dayjs/locale/en');
     require('dayjs/locale/es');
+    require('dayjs/locale/fa');
     require('dayjs/locale/fr');
+    require('dayjs/locale/he');
     require('dayjs/locale/hi');
     require('dayjs/locale/hu');
+    require('dayjs/locale/id');
     require('dayjs/locale/it');
     require('dayjs/locale/kn');
     require('dayjs/locale/ml');

docker-compose.yml

@@ -8,8 +8,6 @@ services:
       - POSTGRES_DB=postgres
       - POSTGRES_USER=postgres
       - POSTGRES_PASSWORD=postgres
-    ports:
-      - 5432:5432
     volumes:
       - pgdata:/var/lib/postgresql/data
     healthcheck:

docs/docs/index.mdx

@@ -55,6 +55,7 @@ You have complete control over what goes into your resume, how it looks, what co
 - German (Deutsch)
 - Greek (Ελληνικά)
 - Hindi (हिन्दी)
+- Hungarian (Magyar)
 - Italian (Italiano)
 - Kannada (ಕನ್ನಡ)
 - Malayalam (മലയാളം)

docs/docs/tutorial/create-account.mdx

@@ -3,3 +3,9 @@ sidebar_position: 1
 ---
 
 # Creating an account
+
+Enter your basic information or sign up with a Google account.
+
+<a href="https://rxresu.me" target="_blank">
+  <img src="https://res.cloudinary.com/dn2mupqo0/image/upload/v1655879734/Register_lnoueb.png" type="image"></img>
+</a>

docs/docs/tutorial/create-resume.mdx

@@ -3,3 +3,22 @@ sidebar_position: 2
 ---
 
 # Create a new resume
+
+
+To create a new resume from scratch, click on the selected part.
+
+<a href="https://rxresu.me/dashboard">
+  <img src="https://res.cloudinary.com/dn2mupqo0/image/upload/v1655880844/CreateNew_kxvi9x.png" type="image"></img>
+</a>
+
+<p>
+  After you click on it, enter name and select whether you want it publicly accessible 
+  <img align="center" src="https://res.cloudinary.com/dn2mupqo0/image/upload/v1655884469/on-button_a5kfbz.png" height='25' type="image"></img> or not 
+  <img align="center" src="https://res.cloudinary.com/dn2mupqo0/image/upload/v1655884949/off-button_rrkz3g.png" height='25' type="image"></img> . You can also change it later from the sharing <a href="https://res.cloudinary.com/dn2mupqo0/image/upload/v1655889311/toggle_jcmfix.gif">see where</a>.
+</p>
+  
+<h3> Now it's look like ⚡</h3>
+
+<a href="https://rxresu.me/dashboard">
+  <img src="https://res.cloudinary.com/dn2mupqo0/image/upload/v1655882355/Screenshot_2022-06-22_at_12.48.42_PM_dx6714.png" type="image"></img>
+</a>

docs/package.json

@@ -14,14 +14,14 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@algolia/client-search": "^4.13.0",
-    "@docusaurus/core": "2.0.0-beta.18",
-    "@docusaurus/preset-classic": "2.0.0-beta.18",
-    "@mdx-js/react": "1.6.22",
-    "clsx": "^1.1.1",
-    "prism-react-renderer": "^1.3.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@algolia/client-search": "^4.14.2",
+    "@docusaurus/core": "2.0.0-rc.1",
+    "@docusaurus/preset-classic": "2.0.0-rc.1",
+    "@mdx-js/react": "^1.6.22",
+    "clsx": "^1.2.1",
+    "prism-react-renderer": "^1.3.5",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "browserslist": {
     "production": [
@@ -36,7 +36,7 @@
     ]
   },
   "devDependencies": {
-    "@types/react": "17.0.2",
-    "typescript": "^4.6.4"
+    "@types/react": "^17.0.2",
+    "typescript": "^4.7.4"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-resume",
-  "version": "3.4.4",
+  "version": "3.5.1",
   "private": true,
   "workspaces": [
     "schema",
@@ -34,22 +34,22 @@
     "start": "env-cmd --silent concurrently --kill-others \"pnpm run start:*\""
   },
   "dependencies": {
-    "concurrently": "^7.1.0",
+    "concurrently": "^7.3.0",
     "env-cmd": "^10.1.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.21.0",
-    "@typescript-eslint/parser": "^5.21.0",
+    "@typescript-eslint/eslint-plugin": "^5.31.0",
+    "@typescript-eslint/parser": "^5.31.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.14.0",
+    "eslint": "^8.20.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "eslint-plugin-unused-imports": "^2.0.0",
-    "husky": "^7.0.4",
-    "prettier": "^2.6.2",
-    "standard-version": "^9.3.2",
-    "typescript": "^4.6.4"
+    "husky": "^8.0.1",
+    "prettier": "^2.7.1",
+    "standard-version": "^9.5.0",
+    "typescript": "^4.7.4"
   }
 }

schema/package.json

@@ -9,7 +9,7 @@
     "lint": "eslint --fix --ext .ts ./src"
   },
   "devDependencies": {
-    "eslint": "^8.14.0",
-    "typescript": "^4.6.4"
+    "eslint": "^8.20.0",
+    "typescript": "^4.7.4"
   }
 }

server/Dockerfile

@@ -43,6 +43,8 @@ RUN pnpm install -F server --frozen-lockfile --prod
 
 COPY --from=builder /app/server/dist ./server/dist
 
+VOLUME /app/server/dist/assets/uploads
+
 EXPOSE 3100
 
 ENV PORT 3100

server/package.json

@@ -10,62 +10,63 @@
     "lint": "eslint --fix --ext .ts ./src"
   },
   "dependencies": {
-    "@aws-sdk/client-s3": "^3.81.0",
-    "@nestjs/axios": "^0.0.7",
-    "@nestjs/common": "^8.4.4",
-    "@nestjs/config": "^2.0.0",
-    "@nestjs/core": "^8.4.4",
-    "@nestjs/jwt": "^8.0.0",
-    "@nestjs/mapped-types": "^1.0.1",
-    "@nestjs/passport": "^8.2.1",
-    "@nestjs/platform-express": "^8.4.4",
-    "@nestjs/schedule": "^1.1.0",
-    "@nestjs/serve-static": "^2.2.2",
-    "@nestjs/terminus": "^8.0.6",
-    "@nestjs/typeorm": "^8.0.3",
-    "@sendgrid/mail": "^7.6.2",
-    "@types/passport": "^1.0.7",
+    "@aws-sdk/client-s3": "^3.137.0",
+    "@nestjs/axios": "^0.1.0",
+    "@nestjs/common": "^9.0.7",
+    "@nestjs/config": "^2.2.0",
+    "@nestjs/core": "^9.0.7",
+    "@nestjs/jwt": "^9.0.0",
+    "@nestjs/mapped-types": "^1.1.0",
+    "@nestjs/passport": "^9.0.0",
+    "@nestjs/platform-express": "^9.0.7",
+    "@nestjs/schedule": "^2.1.0",
+    "@nestjs/serve-static": "^3.0.0",
+    "@nestjs/terminus": "^9.0.0",
+    "@nestjs/typeorm": "^9.0.0",
+    "@sendgrid/mail": "^7.7.0",
+    "@types/passport": "^1.0.9",
     "bcrypt": "^5.0.1",
-    "cache-manager": "^3.6.1",
+    "cache-manager": "^4.1.0",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.13.2",
     "cookie-parser": "^1.4.6",
     "csvtojson": "^2.0.10",
-    "dayjs": "^1.11.1",
-    "google-auth-library": "^8.0.2",
+    "dayjs": "^1.11.4",
+    "google-auth-library": "^8.1.1",
     "joi": "^17.6.0",
     "lodash": "^4.17.21",
     "multer": "^1.4.4",
-    "nanoid": "^3.3.3",
+    "nanoid": "^3.3.4",
     "node-stream-zip": "^1.15.0",
-    "passport": "^0.5.2",
+    "passport": "^0.6.0",
     "passport-jwt": "^4.0.0",
     "passport-local": "^1.0.0",
     "pdf-lib": "^1.17.1",
     "pg": "^8.7.3",
-    "playwright-chromium": "^1.21.1",
+    "playwright-chromium": "^1.24.2",
     "reflect-metadata": "^0.1.13",
     "rimraf": "^3.0.2",
-    "rxjs": "^7.5.5",
-    "typeorm": "0.2.45",
+    "rxjs": "^7.5.6",
+    "typeorm": "0.3.7",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
-    "@nestjs/cli": "^8.2.5",
-    "@nestjs/schematics": "^8.0.10",
+    "@nestjs/cli": "^9.0.0",
+    "@nestjs/schematics": "^9.0.1",
     "@reactive-resume/schema": "workspace:*",
     "@types/bcrypt": "^5.0.0",
     "@types/cookie-parser": "^1.4.3",
     "@types/express": "^4.17.13",
+    "@types/lodash": "^4.14.182",
     "@types/multer": "^1.4.7",
-    "@types/node": "^17.0.31",
-    "eslint": "^8.14.0",
-    "prettier": "^2.6.2",
+    "@types/node": "^18.6.2",
+    "eslint": "^8.20.0",
+    "prettier": "^2.7.1",
     "source-map-support": "^0.5.21",
-    "ts-loader": "^9.3.0",
-    "ts-node": "^10.7.0",
-    "tsconfig-paths": "^3.14.1",
-    "typescript": "^4.6.4",
-    "webpack": "^5.72.0"
+    "ts-loader": "^9.3.1",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths": "^4.0.0",
+    "typescript": "^4.7.4",
+    "webpack": "^5.74.0"
   }
 }

server/src/integrations/integrations.service.ts

@@ -15,6 +15,7 @@ import {
 } from '@reactive-resume/schema';
 import csv from 'csvtojson';
 import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
 import { readFile, unlink } from 'fs/promises';
 import { cloneDeep, get, isEmpty, merge } from 'lodash';
 import StreamZip from 'node-stream-zip';
@@ -28,7 +29,9 @@ import { ResumeService } from '@/resume/resume.service';
 
 @Injectable()
 export class IntegrationsService {
-  constructor(private resumeService: ResumeService) {}
+  constructor(private resumeService: ResumeService) {
+    dayjs.extend(utc);
+  }
 
   async linkedIn(userId: number, path: string): Promise<ResumeEntity> {
     let archive: StreamZip.StreamZipAsync;
@@ -39,7 +42,7 @@ export class IntegrationsService {
       const resume: Partial<Resume> = cloneDeep(defaultState);
 
       // Basics
-      const timestamp = dayjs().format(FILENAME_TIMESTAMP);
+      const timestamp = dayjs().utc().format(FILENAME_TIMESTAMP);
       merge<Partial<Resume>, DeepPartial<Resume>>(resume, {
         name: `Imported from LinkedIn (${timestamp})`,
         slug: `imported-from-linkedin-${timestamp}`,
@@ -269,7 +272,7 @@ export class IntegrationsService {
       const resume: Partial<Resume> = cloneDeep(defaultState);
 
       // Metadata
-      const timestamp = dayjs().format(FILENAME_TIMESTAMP);
+      const timestamp = dayjs().utc().format(FILENAME_TIMESTAMP);
       merge<Partial<Resume>, DeepPartial<Resume>>(resume, {
         name: `Imported from JSON Resume (${timestamp})`,
         slug: `imported-from-json-resume-${timestamp}`,
@@ -604,7 +607,7 @@ export class IntegrationsService {
       const resume: Partial<Resume> = cloneDeep(jsonResume);
 
       // Metadata
-      const timestamp = dayjs().format(FILENAME_TIMESTAMP);
+      const timestamp = dayjs().utc().format(FILENAME_TIMESTAMP);
       merge<Partial<Resume>, DeepPartial<Resume>>(resume, {
         name: `Imported from Reactive Resume (${timestamp})`,
         slug: `imported-from-reactive-resume-${timestamp}`,
@@ -625,7 +628,7 @@ export class IntegrationsService {
       const resume: Partial<Resume> = cloneDeep(defaultState);
 
       // Metadata
-      const timestamp = dayjs().format(FILENAME_TIMESTAMP);
+      const timestamp = dayjs().utc().format(FILENAME_TIMESTAMP);
       merge<Partial<Resume>, DeepPartial<Resume>>(resume, {
         name: `Imported from Reactive Resume V2 (${timestamp})`,
         slug: `imported-from-reactive-resume-v2-${timestamp}`,
@@ -948,6 +951,6 @@ export class IntegrationsService {
   }
 
   private parseDate = (date: string): string => {
-    return isEmpty(date) ? '' : dayjs(date).toISOString();
+    return isEmpty(date) ? '' : dayjs(date).utc().toISOString();
   };
 }

server/src/mail/mail.service.ts

@@ -7,7 +7,11 @@ import { User } from '@/users/entities/user.entity';
 @Injectable()
 export class MailService {
   constructor(private configService: ConfigService) {
-    SendGrid.setApiKey(this.configService.get<string>('sendgrid.apiKey'));
+    const sendGridApiKey = this.configService.get<string>('sendgrid.apiKey');
+
+    if (sendGridApiKey) {
+      SendGrid.setApiKey(this.configService.get<string>('sendgrid.apiKey'));
+    }
   }
 
   async sendEmail(mail: SendGrid.MailDataRequired) {

server/src/resume/resume.controller.ts

@@ -35,8 +35,6 @@ export class ResumeController {
   @UseGuards(JwtAuthGuard)
   @Get()
   async findAllByUser(@User('id') userId: number) {
-    console.log('findAllByUser', userId);
-
     return this.resumeService.findAllByUser(userId);
   }
 

server/src/resume/resume.service.ts

@@ -3,7 +3,8 @@ import { HttpException, HttpStatus, Injectable } from '@nestjs/common';
 import { ConfigService } from '@nestjs/config';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Resume as ResumeSchema } from '@reactive-resume/schema';
-import { pick, sample, set } from 'lodash';
+import fs from 'fs';
+import { isEmpty, pick, sample, set } from 'lodash';
 import { nanoid } from 'nanoid';
 import { extname } from 'path';
 import { Repository } from 'typeorm';
@@ -23,20 +24,25 @@ export const SHORT_ID_LENGTH = 8;
 @Injectable()
 export class ResumeService {
   private s3Client: S3Client;
+  private s3Enabled: boolean;
 
   constructor(
     @InjectRepository(Resume) private resumeRepository: Repository<Resume>,
     private configService: ConfigService,
     private usersService: UsersService
   ) {
-    this.s3Client = new S3({
-      endpoint: configService.get<string>('storage.endpoint'),
-      region: configService.get<string>('storage.region'),
-      credentials: {
-        accessKeyId: configService.get<string>('storage.accessKey'),
-        secretAccessKey: configService.get<string>('storage.secretKey'),
-      },
-    });
+    this.s3Enabled = !isEmpty(configService.get<string>('storage.bucket'));
+
+    if (this.s3Enabled) {
+      this.s3Client = new S3({
+        endpoint: configService.get<string>('storage.endpoint'),
+        region: configService.get<string>('storage.region'),
+        credentials: {
+          accessKeyId: configService.get<string>('storage.accessKey'),
+          secretAccessKey: configService.get<string>('storage.secretKey'),
+        },
+      });
+    }
   }
 
   async create(createResumeDto: CreateResumeDto, userId: number) {
@@ -103,11 +109,11 @@ export class ResumeService {
   }
 
   findAllByUser(userId: number) {
-    return this.resumeRepository.find({ user: { id: userId } });
+    return this.resumeRepository.find({ where: { user: { id: userId } } });
   }
 
   async findOne(id: number, userId?: number) {
-    const resume = await this.resumeRepository.findOne(id);
+    const resume = await this.resumeRepository.findOne({ where: { id } });
 
     if (!resume) {
       throw new HttpException('The resume you are looking does not exist, or maybe never did?', HttpStatus.NOT_FOUND);
@@ -124,7 +130,7 @@ export class ResumeService {
   }
 
   async findOneByShortId(shortId: string, userId?: number, secretKey?: string) {
-    const resume = await this.resumeRepository.findOne({ shortId });
+    const resume = await this.resumeRepository.findOne({ where: { shortId } });
 
     if (!resume) {
       throw new HttpException('The resume you are looking does not exist, or maybe never did?', HttpStatus.NOT_FOUND);
@@ -142,7 +148,7 @@ export class ResumeService {
   }
 
   async findOneByIdentifier(username: string, slug: string, userId?: number, secretKey?: string) {
-    const resume = await this.resumeRepository.findOne({ user: { username }, slug });
+    const resume = await this.resumeRepository.findOne({ where: { user: { username }, slug } });
 
     if (!resume) {
       throw new HttpException('The resume you are looking does not exist, or maybe never did?', HttpStatus.NOT_FOUND);
@@ -230,39 +236,64 @@ export class ResumeService {
   async uploadPhoto(id: number, userId: number, file: Express.Multer.File) {
     const resume = await this.findOne(id, userId);
 
-    const urlPrefix = this.configService.get<string>('storage.urlPrefix');
     const filename = new Date().getTime() + extname(file.originalname);
-    const key = `uploads/${userId}/${id}/${filename}`;
+    let updatedResume = null;
 
-    await this.s3Client.send(
-      new PutObjectCommand({
-        Bucket: this.configService.get<string>('storage.bucket'),
-        Key: key,
-        Body: file.buffer,
-        ACL: 'public-read',
-      })
-    );
-
-    const publicUrl = urlPrefix + key;
-
-    const updatedResume = set(resume, 'basics.photo.url', publicUrl);
+    if (this.s3Enabled) {
+      const urlPrefix = this.configService.get<string>('storage.urlPrefix');
+      const key = `uploads/${userId}/${id}/${filename}`;
+      const publicUrl = urlPrefix + key;
+      await this.s3Client.send(
+        new PutObjectCommand({
+          Bucket: this.configService.get<string>('storage.bucket'),
+          Key: key,
+          Body: file.buffer,
+          ACL: 'public-read',
+        })
+      );
+      updatedResume = set(resume, 'basics.photo.url', publicUrl);
+    } else {
+      const path = `${__dirname}/../assets/uploads/${userId}/${id}/`;
+      fs.mkdir(path, { recursive: true }, (err) => {
+        if (err) {
+          console.log(err);
+        }
+        fs.writeFile(path + filename, file.buffer, (err) => {
+          if (err) {
+            console.log(err);
+          }
+        });
+      });
+      updatedResume = set(resume, 'basics.photo.url', `/api/assets/uploads/${userId}/${id}/` + filename);
+    }
 
     return this.resumeRepository.save<Resume>(updatedResume);
   }
 
   async deletePhoto(id: number, userId: number) {
     const resume = await this.findOne(id, userId);
-
-    const urlPrefix = this.configService.get<string>('storage.urlPrefix');
     const publicUrl = resume.basics.photo.url;
-    const key = publicUrl.replace(urlPrefix, '');
 
-    await this.s3Client.send(
-      new DeleteObjectCommand({
-        Bucket: this.configService.get<string>('storage.bucket'),
-        Key: key,
-      })
-    );
+    if (this.s3Enabled) {
+      const urlPrefix = this.configService.get<string>('storage.urlPrefix');
+      const key = publicUrl.replace(urlPrefix, '');
+
+      await this.s3Client.send(
+        new DeleteObjectCommand({
+          Bucket: this.configService.get<string>('storage.bucket'),
+          Key: key,
+        })
+      );
+    } else {
+      const filePath = __dirname + '/../' + resume.basics.photo.url.replace('/api/', '');
+      if (fs.existsSync(filePath)) {
+        fs.unlink(filePath, (err) => {
+          if (err) {
+            console.log(err);
+          }
+        });
+      }
+    }
 
     const updatedResume = set(resume, 'basics.photo.url', '');
 

server/src/users/users.service.ts

@@ -23,7 +23,7 @@ export class UsersService {
   ) {}
 
   async findById(id: number): Promise<User> {
-    const user = await this.userRepository.findOne({ id });
+    const user = await this.userRepository.findOne({ where: { id } });
 
     if (user) {
       return user;
@@ -33,7 +33,7 @@ export class UsersService {
   }
 
   async findByEmail(email: string): Promise<User> {
-    const user = await this.userRepository.findOne({ email });
+    const user = await this.userRepository.findOne({ where: { email } });
 
     if (user) {
       return user;
@@ -55,7 +55,7 @@ export class UsersService {
   }
 
   async findByResetToken(resetToken: string): Promise<User> {
-    const user = await this.userRepository.findOne({ resetToken });
+    const user = await this.userRepository.findOne({ where: { resetToken } });
 
     if (user) {
       return user;