diff --git a/Frontend/src/components/man/RestMockManComponent.vue b/Frontend/src/components/man/RestMockManComponent.vue
new file mode 100644
index 0000000..acf3d39
--- /dev/null
+++ b/Frontend/src/components/man/RestMockManComponent.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="flex flex-col">
+    <div class="flex flex-row">
+      <a href="/rest/mock" class="tool-button">Back to REST Mock</a>
+    </div>
+    <div class="dark:text-slate-100">
+      <h2 class="text-2xl font-bold mt-4 mb-2">Description</h2>
+      <p><span class="font-medium">REST Mock</span> is a tool allowing to create temporary REST endpoint that allows to test REST clients.</p>
+      <br>
+      <p>It's main functions are:</p>
+      <ul class="list-disc ml-5">
+        <li>Generating random URL for each user, one per user, with persistence for 24h. {check}</li>
+        <li>Customizable HTTP response status code</li>
+        <li>Customizable response body and it's content type</li>
+        <li>Customizable response headers</li>
+        <li>History of connections to generated endpoint with ability to look into request method, headers and body</li>
+      </ul>
+      <!-- <h2 class="text-2xl font-bold mt-4 mb-2">Technical Nuances</h2> -->
+      <h2 class="text-2xl font-bold mt-4 mb-2">Example</h2>
+      <p>Let's say we want to create temporary endpoint that returns code 200 with body:</p>
+      <div class="p-2 bg-slate-800 rounded-md"><pre>{
+  "status": "completed", 
+  "warnings": "none"
+}</pre></div>
+      
+    </div>
+  </div>
+  
+  
+  
+</template>
+
+<style scoped></style>
diff --git a/Frontend/src/router/index.ts b/Frontend/src/router/index.ts
index 1eb091e..869f051 100644
--- a/Frontend/src/router/index.ts
+++ b/Frontend/src/router/index.ts
@@ -15,6 +15,8 @@ const xqueryTool = import("@views/XQueryView.vue")
 const base64Encoder = import("@views/Base64EncoderView.vue")
 const urlEncoder = import("@views/UrlEncoderView.vue")
 
+const restMockMan = import("@views/man/RestMockManView.vue")
+
 const routes = [
   {
     path: '/',
@@ -70,6 +72,11 @@ const routes = [
     path: '/encoder/url',
     name: 'urlEncoder',
     component: () => urlEncoder
+  },
+  {
+    path: '/man/rest-mock',
+    name: 'RestMockManView',
+    component: () => restMockMan
   }
 ]
 
diff --git a/Frontend/src/views/man/RestMockManView.vue b/Frontend/src/views/man/RestMockManView.vue
new file mode 100644
index 0000000..831831f
--- /dev/null
+++ b/Frontend/src/views/man/RestMockManView.vue
@@ -0,0 +1,15 @@
+<script lang="ts">
+import RestMockManComponent from '@man/RestMockManComponent.vue'
+
+
+export default {
+    name:"RestMockManView",
+    components: {RestMockManComponent}
+}
+</script>
+
+
+<template>
+    <RestMockManComponent></RestMockManComponent>
+</template>
+
diff --git a/Frontend/vite.config.ts b/Frontend/vite.config.ts
index adf0c13..cc1f0ed 100644
--- a/Frontend/vite.config.ts
+++ b/Frontend/vite.config.ts
@@ -35,6 +35,7 @@ export default defineConfig({
       '@components': fileURLToPath(new URL('./src/components', import.meta.url)),
       '@views': fileURLToPath(new URL('./src/views', import.meta.url)),
       '@assets': fileURLToPath(new URL('./src/assets', import.meta.url)),
+      '@man': fileURLToPath(new URL('./src/components/man', import.meta.url)),
     }
   }
 })