diff --git a/changelogs/unreleased/-1w3w78x.yml b/changelogs/unreleased/-1w3w78x.yml
new file mode 100644
index 0000000..89fe087
--- /dev/null
+++ b/changelogs/unreleased/-1w3w78x.yml
@@ -0,0 +1,6 @@
+---
+title: 'Implemented: PDF generator'
+ticket_id: "#1w3w78x"
+merge_request: 10
+author: Disha
+type: added
diff --git a/package.json b/package.json
index 387bbe1..f735fbf 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,12 @@
     "axios-cache-adapter": "^2.7.3",
     "core-js": "^3.6.5",
     "file-saver": "^2.0.5",
+    "html-to-pdfmake": "^2.3.7",
     "http-status-codes": "^2.1.4",
+    "jspdf": "^2.4.0",
+    "moment": "^2.29.1",
+    "moment-timezone": "^0.5.33",
+    "pdfmake": "^0.2.4",
     "luxon": "^2.3.0",
     "mitt": "^2.1.0",
     "secure-ls": "^1.2.6",
diff --git a/src/router/index.ts b/src/router/index.ts
index 62e34bb..73d92f0 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,6 +3,7 @@ import { RouteRecordRaw } from 'vue-router';
 import Home from '@/views/Home.vue'
 import Login from '@/views/Login.vue'
 import Settings from "@/views/Settings.vue"
+import PdfGenerator from "@/views/PdfGenerator.vue"
 import store from '@/store'
 
 const authGuard = (to: any, from: any, next: any) => {
@@ -43,7 +44,7 @@ const routes: Array<RouteRecordRaw> = [
     name: "Settings",
     component: Settings,
     beforeEnter: authGuard
-  }
+  },
 ]
 
 const router = createRouter({
diff --git a/src/views/PdfGenerator.vue b/src/views/PdfGenerator.vue
new file mode 100644
index 0000000..fb4d75c
--- /dev/null
+++ b/src/views/PdfGenerator.vue
@@ -0,0 +1,27 @@
+<template>
+  <PdfTemplate v-show="false" />
+  <button @click="generatePdf">PDF</button>
+</template>
+<script>
+import PdfTemplate from "@/views/PdfTemplate.vue"
+export default {
+  components: {
+    PdfTemplate
+  },
+  methods: {
+    generatePdf() {
+      pdfMake.vfs = pdfFonts.pdfMake.vfs;
+      const pdfDocument = document.getElementById('PDF');
+      const html = htmlToPdfmake(pdfDocument.innerHTML);
+      const docDefinition = {
+        content: [html],
+        defaultStyle: {
+          fontSize: 15,
+          bold: true,
+        }
+      }
+      pdfMake.createPdf(docDefinition).open();
+    }
+  },
+} 
+</script>
\ No newline at end of file
diff --git a/src/views/PdfTemplate.vue b/src/views/PdfTemplate.vue
new file mode 100644
index 0000000..0cdcd3a
--- /dev/null
+++ b/src/views/PdfTemplate.vue
@@ -0,0 +1,5 @@
+<template>
+  <div id="PDF">
+    <!-- Template of the PDF -->
+  </div>
+</template>