diff --git a/backend/package.json b/backend/package.json
index 084b4118d..62c259d96 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -8,7 +8,9 @@
     "scripts": {
         "lint:type": "npx tsc --noEmit",
         "lint:js": "npx eslint \"src/**/*.ts\"",
+        "lint:js:fix": "npx eslint --fix \"src/**/*.ts\"",
         "lint": "npm run lint:type && npm run lint:js",
+        "lint:fix": "npm run lint:type && npm run lint:js:fix",
         "start:dev": "nodemon --exec tsx src/index.ts",
         "migrate:dev": "node --loader ts-paths-esm-loader ../node_modules/knex/bin/cli.js migrate:latest",
         "migrate:dev:make": "node --loader ts-paths-esm-loader ../node_modules/knex/bin/cli.js migrate:make -x ts",
diff --git a/frontend/package.json b/frontend/package.json
index 159e25561..4cbc00ae9 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -36,12 +36,14 @@
         "@fortawesome/free-solid-svg-icons": "6.6.0",
         "@fortawesome/react-fontawesome": "0.2.2",
         "@reduxjs/toolkit": "2.2.7",
+        "@remotion/player": "4.0.201",
         "formik": "2.4.6",
         "framer-motion": "11.3.24",
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "react-redux": "9.1.2",
         "react-router-dom": "6.26.0",
+        "remotion": "4.0.201",
         "shared": "*",
         "zod-formik-adapter": "1.3.0"
     }
diff --git a/frontend/src/bundles/auth/components/sign-up-form/constants/constants.ts b/frontend/src/bundles/auth/components/sign-up-form/constants/constants.ts
index 219f8854a..bee02e2d4 100644
--- a/frontend/src/bundles/auth/components/sign-up-form/constants/constants.ts
+++ b/frontend/src/bundles/auth/components/sign-up-form/constants/constants.ts
@@ -1,8 +1,10 @@
 import { type UserSignUpRequestDto } from '~/bundles/users/users.js';
 
 const DEFAULT_SIGN_UP_PAYLOAD: UserSignUpRequestDto = {
+    name: '',
     email: '',
     password: '',
+    confirmPassword: '',
 };
 
 export { DEFAULT_SIGN_UP_PAYLOAD };
diff --git a/frontend/src/bundles/auth/components/sign-up-form/sign-up-form.tsx b/frontend/src/bundles/auth/components/sign-up-form/sign-up-form.tsx
index 82d4620d0..d0a791e17 100644
--- a/frontend/src/bundles/auth/components/sign-up-form/sign-up-form.tsx
+++ b/frontend/src/bundles/auth/components/sign-up-form/sign-up-form.tsx
@@ -1,17 +1,25 @@
+import { UserValidationMessage } from 'shared/src/bundles/users/users.js';
+
 import {
     Box,
     Button,
     FormProvider,
-    Heading,
     Input,
+    Link,
     VStack,
 } from '~/bundles/common/components/components.js';
-import { useAppForm } from '~/bundles/common/hooks/hooks.js';
+import { AppRoute, DataStatus } from '~/bundles/common/enums/enums.js';
+import {
+    useAppForm,
+    useAppSelector,
+    useMemo,
+} from '~/bundles/common/hooks/hooks.js';
 import {
     type UserSignUpRequestDto,
     userSignUpValidationSchema,
 } from '~/bundles/users/users.js';
 
+import { FormError, FormHeader, PasswordInput } from '../common/components.js';
 import { DEFAULT_SIGN_UP_PAYLOAD } from './constants/constants.js';
 
 type Properties = {
@@ -19,34 +27,73 @@ type Properties = {
 };
 
 const SignUpForm: React.FC<Properties> = ({ onSubmit }) => {
+    const { dataStatus } = useAppSelector(({ auth }) => ({
+        dataStatus: auth.dataStatus,
+    }));
     const form = useAppForm<UserSignUpRequestDto>({
         initialValues: DEFAULT_SIGN_UP_PAYLOAD,
         validationSchema: userSignUpValidationSchema,
         onSubmit,
     });
 
-    const { handleSubmit } = form;
+    const { handleSubmit, errors, values } = form;
+
+    const isEmpty = useMemo(
+        () => Object.values(values).some((value) => value.trim().length === 0),
+        [values],
+    );
 
     return (
         <FormProvider value={form}>
-            <Box bg="brand.200" w={64} p={6} rounded="md">
-                <Heading as="h1">Sign Up</Heading>
-
+            <Box w="55%" color="white">
+                <FormHeader
+                    headerText="Create an account"
+                    subheader={
+                        <>
+                            Already registerd?{' '}
+                            <Link to={AppRoute.SIGN_IN} variant="secondary">
+                                Log In
+                            </Link>
+                        </>
+                    }
+                />
                 <form onSubmit={handleSubmit}>
                     <VStack spacing={4} align="flex-start">
                         <Input
                             type="text"
+                            label="Full Name"
+                            placeholder="Name"
+                            name="name"
+                        />
+                        <Input
+                            type="email"
                             label="Email"
-                            placeholder="Enter your email"
+                            placeholder="user@gmail.com"
                             name="email"
                         />
-                        <Input
-                            type="password"
+                        <PasswordInput
                             label="Password"
-                            placeholder="Enter your password"
                             name="password"
+                            hasError={Boolean(errors.password)}
+                        />
+                        <PasswordInput
+                            label="Repeat password"
+                            name="confirmPassword"
+                            hasError={Boolean(errors.confirmPassword)}
+                        />
+                        <FormError
+                            isVisible={dataStatus === DataStatus.REJECTED}
+                            message={
+                                UserValidationMessage.USER_IS_NOT_AVAILABLE
+                            }
+                        />
+                        <Button
+                            type="submit"
+                            label="Sign up"
+                            size="lg"
+                            sx={{ mt: '16px' }}
+                            isDisabled={isEmpty}
                         />
-                        <Button type="submit" label="Sign up" />
                     </VStack>
                 </form>
             </Box>
diff --git a/frontend/src/bundles/auth/store/slice.ts b/frontend/src/bundles/auth/store/slice.ts
index 52cf77b51..75fb31105 100644
--- a/frontend/src/bundles/auth/store/slice.ts
+++ b/frontend/src/bundles/auth/store/slice.ts
@@ -35,11 +35,15 @@ const { reducer, actions, name } = createSlice({
         builder.addCase(signUp.pending, (state) => {
             state.dataStatus = DataStatus.PENDING;
         });
-        builder.addCase(signUp.fulfilled, (state) => {
+        builder.addCase(signUp.fulfilled, (state, action) => {
+            const payload = action.payload;
+
             state.dataStatus = DataStatus.FULFILLED;
+            state.user = payload;
         });
         builder.addCase(signUp.rejected, (state) => {
             state.dataStatus = DataStatus.REJECTED;
+            state.user = null;
         });
     },
 });
diff --git a/frontend/src/bundles/common/components/components.ts b/frontend/src/bundles/common/components/components.ts
index 67c22df79..505f6fddd 100644
--- a/frontend/src/bundles/common/components/components.ts
+++ b/frontend/src/bundles/common/components/components.ts
@@ -4,6 +4,7 @@ export { Input } from './input/input.js';
 export { Link } from './link/link.js';
 export { Loader } from './loader/loader.js';
 export { Overlay } from './overlay/overlay.js';
+export { Player } from './player/player.js';
 export { RouterProvider } from './router-provider/router-provider.js';
 export { VideoModal } from './video-modal/video-modal.js';
 export { DownloadIcon } from '@chakra-ui/icons';
diff --git a/frontend/src/bundles/common/components/player/player.tsx b/frontend/src/bundles/common/components/player/player.tsx
new file mode 100644
index 000000000..1f5e41425
--- /dev/null
+++ b/frontend/src/bundles/common/components/player/player.tsx
@@ -0,0 +1,48 @@
+import { type PlayerRef, Player as LibraryPlayer } from '@remotion/player';
+import { type RefObject } from 'react';
+
+import { Box } from '~/bundles/common/components/components.js';
+
+type Properties = {
+    orientation: 'landscape' | 'portrait';
+    durationInFrames: number;
+    playerRef: RefObject<PlayerRef>;
+    VideoComponent: React.FC;
+};
+
+const Player = ({
+    orientation,
+    durationInFrames,
+    playerRef,
+    VideoComponent,
+}: Properties): JSX.Element => {
+    const size =
+        orientation === 'landscape'
+            ? { width: 1920, height: 1080 }
+            : { width: 1080, height: 1920 };
+
+    return (
+        <Box
+            height="720px"
+            width="fit-content"
+            maxWidth="100%"
+            overflow="hidden"
+            border="1px solid #FDFDFD"
+        >
+            <LibraryPlayer
+                ref={playerRef}
+                component={VideoComponent}
+                durationInFrames={durationInFrames}
+                compositionWidth={size.width}
+                compositionHeight={size.height}
+                fps={30}
+                style={{
+                    height: '100%',
+                    maxWidth: '100%',
+                }}
+            />
+        </Box>
+    );
+};
+
+export { Player };
diff --git a/frontend/src/bundles/common/enums/app-route.enum.ts b/frontend/src/bundles/common/enums/app-route.enum.ts
index a0e6ae323..9aee45de6 100644
--- a/frontend/src/bundles/common/enums/app-route.enum.ts
+++ b/frontend/src/bundles/common/enums/app-route.enum.ts
@@ -4,6 +4,7 @@ const AppRoute = {
     SIGN_UP: '/sign-up',
     STUDIO: '/studio',
     VIDEO_EDITOR: '/video-editor',
+    ANY: '*',
 } as const;
 
 export { AppRoute };
diff --git a/frontend/src/bundles/common/middlewares/error-handling.middleware.ts b/frontend/src/bundles/common/middlewares/error-handling.middleware.ts
new file mode 100644
index 000000000..a6f150fae
--- /dev/null
+++ b/frontend/src/bundles/common/middlewares/error-handling.middleware.ts
@@ -0,0 +1,39 @@
+import {
+    type Middleware,
+    isRejected,
+    isRejectedWithValue,
+} from '@reduxjs/toolkit';
+import { type ServerValidationErrorResponse } from 'shared';
+
+import { notificationService } from '../services/services.js';
+
+const notificationId = 'redux-store-error';
+
+const errorMiddleware: Middleware = () => {
+    return (next) => (action) => {
+        let message: string = '';
+        if (isRejectedWithValue(action)) {
+            message += JSON.stringify(action.payload);
+        } else if (isRejected(action)) {
+            const error = action.error as ServerValidationErrorResponse;
+            message += `${error.message}\n`;
+            if (error.details) {
+                for (const errorDetail of error.details) {
+                    message += `\t- ${errorDetail.message}\n`;
+                }
+            }
+        }
+
+        if (message && !notificationService.isActive(notificationId)) {
+            notificationService.error({
+                message,
+                id: notificationId,
+                title: 'An error occurred.',
+            });
+        }
+
+        return next(action);
+    };
+};
+
+export { errorMiddleware };
diff --git a/frontend/src/bundles/common/middlewares/middlewares.ts b/frontend/src/bundles/common/middlewares/middlewares.ts
new file mode 100644
index 000000000..6f713a537
--- /dev/null
+++ b/frontend/src/bundles/common/middlewares/middlewares.ts
@@ -0,0 +1 @@
+export { errorMiddleware } from './error-handling.middleware.js';
diff --git a/frontend/src/bundles/common/services/notification/notification.service.ts b/frontend/src/bundles/common/services/notification/notification.service.ts
new file mode 100644
index 000000000..8c5269ed0
--- /dev/null
+++ b/frontend/src/bundles/common/services/notification/notification.service.ts
@@ -0,0 +1,91 @@
+import { type createStandaloneToast } from '@chakra-ui/react';
+
+type Constructor = {
+    toast: ReturnType<typeof createStandaloneToast>['toast'];
+};
+
+type NotifyProperties = {
+    message: string;
+    id: string;
+    title: string;
+    status?: 'info' | 'warning' | 'success' | 'error' | 'loading';
+};
+
+class NotificationService {
+    private toast: ReturnType<typeof createStandaloneToast>['toast'];
+
+    public constructor({ toast }: Constructor) {
+        this.toast = toast;
+    }
+
+    public warn = ({ message, id, title }: NotifyProperties): void => {
+        this.showToastNotification({
+            message,
+            id,
+            title,
+            status: 'warning',
+        });
+    };
+
+    public loading = ({ message, id, title }: NotifyProperties): void => {
+        this.showToastNotification({
+            message,
+            id,
+            title,
+            status: 'loading',
+        });
+    };
+
+    public error = ({ message, id, title }: NotifyProperties): void => {
+        this.showToastNotification({
+            message,
+            id,
+            title,
+            status: 'error',
+        });
+    };
+
+    public success = ({ message, id, title }: NotifyProperties): void => {
+        this.showToastNotification({
+            message,
+            id,
+            title,
+            status: 'success',
+        });
+    };
+
+    public info = ({ message, id, title }: NotifyProperties): void => {
+        this.showToastNotification({
+            message,
+            id,
+            title,
+            status: 'info',
+        });
+    };
+
+    public isActive = (id: string): boolean => {
+        return this.toast.isActive(id);
+    };
+
+    private showToastNotification = ({
+        message,
+        id,
+        title,
+        status,
+    }: NotifyProperties): void => {
+        if (status) {
+            this.toast({
+                id,
+                title,
+                description: message,
+                status,
+                duration: 7000,
+                isClosable: true,
+                position: 'top-right',
+                variant: 'solid',
+            });
+        }
+    };
+}
+
+export { NotificationService };
diff --git a/frontend/src/bundles/common/services/notification/notification.ts b/frontend/src/bundles/common/services/notification/notification.ts
new file mode 100644
index 000000000..fa7804cc1
--- /dev/null
+++ b/frontend/src/bundles/common/services/notification/notification.ts
@@ -0,0 +1,12 @@
+import { createStandaloneToast } from '@chakra-ui/react';
+
+import { theme } from '~/framework/theme/theme.js';
+
+import { NotificationService } from './notification.service.js';
+
+const { toast } = createStandaloneToast({ theme: theme });
+
+const notificationService = new NotificationService({ toast });
+
+export { NotificationService } from './notification.service.js';
+export { notificationService };
diff --git a/frontend/src/bundles/common/services/services.ts b/frontend/src/bundles/common/services/services.ts
new file mode 100644
index 000000000..e90e2c714
--- /dev/null
+++ b/frontend/src/bundles/common/services/services.ts
@@ -0,0 +1,4 @@
+export {
+    type NotificationService,
+    notificationService,
+} from './notification/notification.js';
diff --git a/frontend/src/framework/store/store.package.ts b/frontend/src/framework/store/store.package.ts
index 1bfb1225f..4c0f9515c 100644
--- a/frontend/src/framework/store/store.package.ts
+++ b/frontend/src/framework/store/store.package.ts
@@ -12,6 +12,8 @@ import { reducer as usersReducer } from '~/bundles/users/store/users.js';
 import { userApi } from '~/bundles/users/users.js';
 import { type Config } from '~/framework/config/config.js';
 
+import { errorMiddleware } from '../../bundles/common/middlewares/error-handling.middleware.js';
+
 type RootReducer = {
     auth: ReturnType<typeof authReducer>;
     users: ReturnType<typeof usersReducer>;
@@ -39,11 +41,12 @@ class Store {
                 users: usersReducer,
             },
             middleware: (getDefaultMiddleware) => {
-                return getDefaultMiddleware({
+                const middlewares = getDefaultMiddleware({
                     thunk: {
                         extraArgument: this.extraArguments,
                     },
                 });
+                return [...middlewares, errorMiddleware] as Tuple;
             },
         });
     }
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 0ea8221bf..b07af5537 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -1,48 +1,14 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
-import { App } from '~/app/app.js';
-import { Auth } from '~/bundles/auth/pages/auth.js';
 import {
     ComponentsProvider,
     RouterProvider,
     StoreProvider,
 } from '~/bundles/common/components/components.js';
-import { AppRoute } from '~/bundles/common/enums/enums.js';
-import { Studio } from '~/bundles/studio/pages/studio.js';
 import { store } from '~/framework/store/store.js';
 import { theme } from '~/framework/theme/theme.js';
-
-import { VideoEditor } from './bundles/video-editor/pages/video-editor.js';
-
-const routes = [
-    {
-        path: AppRoute.ROOT,
-        element: <App />,
-        children: [
-            {
-                path: AppRoute.ROOT,
-                element: 'Root',
-            },
-            {
-                path: AppRoute.SIGN_IN,
-                element: <Auth />,
-            },
-            {
-                path: AppRoute.SIGN_UP,
-                element: <Auth />,
-            },
-            {
-                path: AppRoute.STUDIO,
-                element: <Studio />,
-            },
-            {
-                path: AppRoute.VIDEO_EDITOR,
-                element: <VideoEditor />,
-            },
-        ],
-    },
-];
+import { routes } from '~/router/routes.js';
 
 createRoot(document.querySelector('#root') as HTMLElement).render(
     <StrictMode>
diff --git a/frontend/src/router/components/protected-route.tsx b/frontend/src/router/components/protected-route.tsx
new file mode 100644
index 000000000..130755f91
--- /dev/null
+++ b/frontend/src/router/components/protected-route.tsx
@@ -0,0 +1,20 @@
+import { Navigate } from 'react-router-dom';
+
+import { RouterOutlet } from '~/bundles/common/components/components.js';
+import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
+// import { useAppSelector } from '~/bundles/common/hooks/hooks.js';
+
+const ProtectedRoute: React.FC = () => {
+    // const user = useAppSelector((state) => state.auth.user);
+
+    // TODO: for implementing persistence. The following line is temporary
+    const user = true;
+
+    if (!user) {
+        return <Navigate to={AppRoute.SIGN_IN} replace />;
+    }
+
+    return <RouterOutlet />;
+};
+
+export { ProtectedRoute };
diff --git a/frontend/src/router/routes.tsx b/frontend/src/router/routes.tsx
new file mode 100644
index 000000000..9131d0b2c
--- /dev/null
+++ b/frontend/src/router/routes.tsx
@@ -0,0 +1,15 @@
+import { App } from '~/app/app.js';
+import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
+
+import { protectedRoutes } from './routes/protected-routes.js';
+import { publicRoutes } from './routes/public-routes.js';
+
+const routes = [
+    {
+        path: AppRoute.ROOT,
+        element: <App />,
+        children: [protectedRoutes, ...publicRoutes],
+    },
+];
+
+export { routes };
diff --git a/frontend/src/router/routes/protected-routes.tsx b/frontend/src/router/routes/protected-routes.tsx
new file mode 100644
index 000000000..4724f0a4b
--- /dev/null
+++ b/frontend/src/router/routes/protected-routes.tsx
@@ -0,0 +1,24 @@
+import { Navigate } from 'react-router-dom';
+
+import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
+import { Studio } from '~/bundles/studio/pages/studio.js';
+
+import { ProtectedRoute } from '../components/protected-route.js';
+
+const protectedRoutes = {
+    path: AppRoute.ROOT,
+    element: <ProtectedRoute />,
+    children: [
+        //TODO Add protected routes here in element property and specify the correct path
+        {
+            path: AppRoute.STUDIO,
+            element: <Studio />,
+        },
+        {
+            path: AppRoute.ANY,
+            element: <Navigate to={AppRoute.ROOT} replace />,
+        },
+    ],
+};
+
+export { protectedRoutes };
diff --git a/frontend/src/router/routes/public-routes.tsx b/frontend/src/router/routes/public-routes.tsx
new file mode 100644
index 000000000..ead9cf5ff
--- /dev/null
+++ b/frontend/src/router/routes/public-routes.tsx
@@ -0,0 +1,15 @@
+import { Auth } from '~/bundles/auth/pages/auth.js';
+import { AppRoute } from '~/bundles/common/enums/app-route.enum.js';
+
+const publicRoutes = [
+    {
+        path: AppRoute.SIGN_IN,
+        element: <Auth />,
+    },
+    {
+        path: AppRoute.SIGN_UP,
+        element: <Auth />,
+    },
+];
+
+export { publicRoutes };
diff --git a/package-lock.json b/package-lock.json
index 7f75e979e..79299abc6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -78,12 +78,14 @@
                 "@fortawesome/free-solid-svg-icons": "6.6.0",
                 "@fortawesome/react-fontawesome": "0.2.2",
                 "@reduxjs/toolkit": "2.2.7",
+                "@remotion/player": "4.0.201",
                 "formik": "2.4.6",
                 "framer-motion": "11.3.24",
                 "react": "18.3.1",
                 "react-dom": "18.3.1",
                 "react-redux": "9.1.2",
                 "react-router-dom": "6.26.0",
+                "remotion": "4.0.201",
                 "shared": "*",
                 "zod-formik-adapter": "1.3.0"
             },
@@ -3329,6 +3331,18 @@
                 "node": ">=14.0.0"
             }
         },
+        "node_modules/@remotion/player": {
+            "version": "4.0.201",
+            "resolved": "https://registry.npmjs.org/@remotion/player/-/player-4.0.201.tgz",
+            "integrity": "sha512-9pqr71LiM5HN0lPtfxEnYTwL0T7WiKmLlGFMcsbwPhuxTibiDelecZPbfuxm6CWkH3RaY5BoZTF72DQwy/0KGA==",
+            "dependencies": {
+                "remotion": "4.0.201"
+            },
+            "peerDependencies": {
+                "react": ">=16.8.0",
+                "react-dom": ">=16.8.0"
+            }
+        },
         "node_modules/@rollup/rollup-android-arm-eabi": {
             "version": "4.20.0",
             "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.20.0.tgz",
@@ -10959,6 +10973,15 @@
                 "jsesc": "bin/jsesc"
             }
         },
+        "node_modules/remotion": {
+            "version": "4.0.201",
+            "resolved": "https://registry.npmjs.org/remotion/-/remotion-4.0.201.tgz",
+            "integrity": "sha512-QzkyjTY03HHekC7DVFqBpGfkLylxoDu4Awr9mbn5XvQpMFP9NV31g8luyVxH5lzJ3A+WiJzn0oYfTc4PPP8cgw==",
+            "peerDependencies": {
+                "react": ">=16.8.0",
+                "react-dom": ">=16.8.0"
+            }
+        },
         "node_modules/require-directory": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
diff --git a/package.json b/package.json
index 2d5f15238..07b2f7e62 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
         "lint:css:fix": "stylelint --fix \"**/*.{scss,css}\"",
         "lint:format": "prettier --check \"**/*.{ts,tsx,json,md,scss,html,yml}\"",
         "lint": "npm run lint:editor && npm run lint:fs && npm run lint:format && npm run lint:type && npm run lint:js && npm run lint:css",
-        "lint:fix": "npm run lint:editor && npm run lint:fs && npm run lint:format && npm run lint:type && npm run lint:js:fix && npm run lint:css:fix",
+        "lint:fix": "npm run lint:fix -w frontend && npm run lint:fix -w backend",
         "format": "prettier --write \"**/*.{ts,tsx,json,md,css,html,yml}\""
     },
     "devDependencies": {
diff --git a/shared/src/bundles/users/enums/user-validation-message.enum.ts b/shared/src/bundles/users/enums/user-validation-message.enum.ts
index 3aa42e486..ad735094d 100644
--- a/shared/src/bundles/users/enums/user-validation-message.enum.ts
+++ b/shared/src/bundles/users/enums/user-validation-message.enum.ts
@@ -4,8 +4,11 @@ const UserValidationMessage = {
     FIELD_REQUIRE: 'Please fill out this field',
     EMAIL_INVALID: 'Please enter a valid email',
     PASSWORD_LENGTH: 'Password must have from 6 to 12 characters',
+    PASS_DONT_MATCH: 'Passwords must be identical',
     INVALID_DATA: 'Incorrect email or password. Please try again.',
     WRONG_CREDENTIALS: 'Email or password are incorrect',
+    USER_IS_NOT_AVAILABLE:
+        'User with this email already exists. Log in if it is you',
 } as const;
 
 export { UserValidationMessage };
diff --git a/shared/src/bundles/users/types/user-sign-up-request-dto.type.ts b/shared/src/bundles/users/types/user-sign-up-request-dto.type.ts
index f056f86a4..f2d1cf7c0 100644
--- a/shared/src/bundles/users/types/user-sign-up-request-dto.type.ts
+++ b/shared/src/bundles/users/types/user-sign-up-request-dto.type.ts
@@ -1,6 +1,8 @@
 type UserSignUpRequestDto = {
+    name: string;
     email: string;
     password: string;
+    confirmPassword: string;
 };
 
 export { type UserSignUpRequestDto };
diff --git a/shared/src/bundles/users/validation-schemas/user-sign-up.validation-schema.ts b/shared/src/bundles/users/validation-schemas/user-sign-up.validation-schema.ts
index 33f7ebf60..72a886780 100644
--- a/shared/src/bundles/users/validation-schemas/user-sign-up.validation-schema.ts
+++ b/shared/src/bundles/users/validation-schemas/user-sign-up.validation-schema.ts
@@ -3,23 +3,52 @@ import { z } from 'zod';
 import { UserValidationMessage, UserValidationRule } from '../enums/enums.js';
 
 type UserSignUpRequestValidationDto = {
+    name: z.ZodString;
     email: z.ZodString;
     password: z.ZodString;
+    confirmPassword: z.ZodString;
 };
 
 const userSignUp = z
     .object<UserSignUpRequestValidationDto>({
+        name: z
+            .string({ required_error: UserValidationMessage.FIELD_REQUIRE })
+            .trim(),
         email: z
-            .string()
+            .string({ required_error: UserValidationMessage.FIELD_REQUIRE })
             .trim()
             .min(UserValidationRule.EMAIL_MINIMUM_LENGTH, {
-                message: UserValidationMessage.EMAIL_REQUIRE,
+                message: UserValidationMessage.EMAIL_INVALID,
+            })
+            .max(UserValidationRule.EMAIL_MAXIMUM_LENGTH, {
+                message: UserValidationMessage.EMAIL_INVALID,
             })
             .email({
-                message: UserValidationMessage.EMAIL_WRONG,
+                message: UserValidationMessage.EMAIL_INVALID,
+            }),
+        password: z
+            .string({ required_error: UserValidationMessage.FIELD_REQUIRE })
+            .trim()
+            .min(UserValidationRule.PASSWORD_MINIMUM_LENGTH, {
+                message: UserValidationMessage.PASSWORD_LENGTH,
+            })
+            .max(UserValidationRule.PASSWORD_MAXIMUM_LENGTH, {
+                message: UserValidationMessage.PASSWORD_LENGTH,
+            }),
+        confirmPassword: z
+            .string({ required_error: UserValidationMessage.FIELD_REQUIRE })
+            .trim()
+            .min(UserValidationRule.PASSWORD_MINIMUM_LENGTH, {
+                message: UserValidationMessage.PASSWORD_LENGTH,
+            })
+            .max(UserValidationRule.PASSWORD_MAXIMUM_LENGTH, {
+                message: UserValidationMessage.PASSWORD_LENGTH,
             }),
-        password: z.string().trim(),
     })
-    .required();
+    .required()
+    .refine((data) => data.password === data.confirmPassword, {
+        message: UserValidationMessage.PASS_DONT_MATCH,
+        path: ['confirmPassword'],
+    });
 
 export { userSignUp };