diff --git a/pidfile 2 b/pidfile 2
deleted file mode 100644
index f37c12d8d0..0000000000
--- a/pidfile 2	
+++ /dev/null
@@ -1 +0,0 @@
-7263
\ No newline at end of file
diff --git a/public/openapi/read.yaml b/public/openapi/read.yaml
index cf971ca0ac..b451e58045 100644
--- a/public/openapi/read.yaml
+++ b/public/openapi/read.yaml
@@ -340,3 +340,13 @@ paths:
           description: Bug reported successfully
         '400':
           description: Bad request
+
+  /api/admin/get-bug-log:
+    get:
+      summary: Get bug logs
+      description: Endpoint to get bug logs
+      responses:
+        '200':
+          description: Bug logs retrieved successfully
+        '400':
+          description: Bad request
diff --git a/public/src/admin/dashboard/bug-logs.js b/public/src/admin/dashboard/bug-logs.js
index c16d722db8..7fcbd48901 100644
--- a/public/src/admin/dashboard/bug-logs.js
+++ b/public/src/admin/dashboard/bug-logs.js
@@ -1,6 +1,62 @@
 'use strict';
 
-define('admin/dashboard/bug-logs', [], () => {
+define('admin/dashboard/bug-logs', ['jquery', 'api'], ($, api) => {
+	const BugLogs = {};
 
+	BugLogs.init = () => {
+		// Fetch and display bug logs
+		fetchBugLogs();
 
+		// Handle bug report submission
+		$('#submit').on('click', submitBugReport);
+	};
+
+	function fetchBugLogs() {
+		api.get('/api/admin/get-bug-log')
+			.then((data) => {
+				const bugLogsContainer = $('#bug-logs-container');
+				console.log(bugLogsContainer);
+				bugLogsContainer.empty();
+
+				if (data.bugLogs && data.bugLogs.length > 0) {
+					console.log(data.bugLogs);
+					data.bugLogs.forEach((log) => {
+						const logElement = $('<div>').addClass('bug-log');
+						logElement.append($('<p>').text(`Name: ${log.name}`));
+						logElement.append($('<p>').text(`Email: ${log.email}`));
+						logElement.append($('<p>').text(`Description: ${log.bugDescription}`));
+						logElement.append($('<p>').text(`Timestamp: ${log.timestamp}`));
+						bugLogsContainer.append(logElement);
+					});
+				} else {
+					bugLogsContainer.append($('<p>').text('No bug logs found.'));
+				}
+			})
+			.catch((err) => {
+				console.error('Error fetching bug logs:', err);
+				$('#bug-logs-container').append($('<p>').text('Error fetching bug logs.'));
+			});
+	}
+
+	function submitBugReport() {
+		const description = $('#bug-report-description').val().trim();
+
+		if (!description) {
+			alert('Description is required');
+			return;
+		}
+
+		api.post('/api/admin/submit-bug-report', { description })
+			.then(() => {
+				alert('Bug report submitted successfully');
+				$('#bug-report-description').val('');
+				fetchBugLogs();
+			})
+			.catch((err) => {
+				console.error('Error submitting bug report:', err);
+				alert('Error submitting bug report');
+			});
+	}
+
+	return BugLogs;
 });
diff --git a/src/controllers/admin/dashboard.js b/src/controllers/admin/dashboard.js
index 222b8b863f..28395fd08e 100644
--- a/src/controllers/admin/dashboard.js
+++ b/src/controllers/admin/dashboard.js
@@ -390,6 +390,46 @@ dashboardController.getSearches = async (req, res) => {
 	});
 };
 
+const bugLogs = [];
+
 dashboardController.getBugLogs = async function (req, res) {
-	res.render('admin/dashboard/bug-logs', {});
+	console.log('getbuglogs'); // Add logging
+	try {
+		// Sanitize and format bug logs before rendering
+		console.log('bugLogs:', bugLogs);
+		const sanitizedBugLogs = bugLogs.map(log => ({
+			user: validator.escape(String(log.user)),
+			description: validator.escape(String(log.description)),
+			timestamp: new Date(log.timestamp).toISOString(),
+		}));
+
+		// Pass the sanitized bug logs to the view for rendering
+		res.render('admin/dashboard/bug-logs', { bugLogs: sanitizedBugLogs });
+	} catch (error) {
+		console.error('Error fetching bug logs:', error); // Log the error for debugging
+		res.status(500).json({ message: 'Internal server error' });
+	}
+};
+
+dashboardController.submitBugReport = async function (req, res) {
+	console.log('submitBugReport'); // Add logging
+	console.log('req.body:', req.body); // Add logging
+	try {
+		const { description } = req.body;
+		if (!description) {
+			return res.status(400).json({ message: 'Description is required' });
+		}
+
+		const sanitizedDescription = validator.escape(description);
+		const timestamp = Date.now();
+		const user = req.user ? req.user.username : 'Anonymous'; // Assuming req.user contains the user information
+
+		// Add the bug report to the in-memory array
+		bugLogs.push({ user, description: sanitizedDescription, timestamp });
+		console.log('Bug report submitted:', { user, description: sanitizedDescription, timestamp });
+		res.status(201).json({ message: 'Bug report submitted successfully' });
+	} catch (error) {
+		console.error('Error submitting bug report:', error); // Log the error for debugging
+		res.status(500).json({ message: 'Internal server error' });
+	}
 };
diff --git a/src/routes/admin.js b/src/routes/admin.js
index 6054700921..7baff43dc5 100644
--- a/src/routes/admin.js
+++ b/src/routes/admin.js
@@ -60,7 +60,6 @@ module.exports = function (app, name, middleware, controllers) {
 	apiRoutes(app, name, middleware, controllers);
 };
 
-
 function apiRoutes(router, name, middleware, controllers) {
 	router.get(`/api/${name}/config`, middleware.ensureLoggedIn, helpers.tryRoute(controllers.admin.getConfig));
 	router.get(`/api/${name}/users/csv`, middleware.ensureLoggedIn, helpers.tryRoute(controllers.admin.users.getCSV));
@@ -68,6 +67,9 @@ function apiRoutes(router, name, middleware, controllers) {
 	router.get(`/api/${name}/analytics`, middleware.ensureLoggedIn, helpers.tryRoute(controllers.admin.dashboard.getAnalytics));
 	router.get(`/api/${name}/advanced/cache/dump`, middleware.ensureLoggedIn, helpers.tryRoute(controllers.admin.cache.dump));
 
+	router.get(`/api/${name}/get-bug-log`, middleware.ensureLoggedIn, helpers.tryRoute(controllers.admin.dashboard.getBugLogs));
+	router.post(`/api/${name}/submit-bug-report`, middleware.ensureLoggedIn, helpers.tryRoute(controllers.admin.dashboard.submitBugReport));
+
 	const multipart = require('connect-multiparty');
 	const multipartMiddleware = multipart();
 
diff --git a/src/views/admin/dashboard/bug-logs.tpl b/src/views/admin/dashboard/bug-logs.tpl
index 3d4e05d7c9..f0a7eae20a 100644
--- a/src/views/admin/dashboard/bug-logs.tpl
+++ b/src/views/admin/dashboard/bug-logs.tpl
@@ -10,7 +10,7 @@
             <th>Timestamp</th>
           </tr>
         </thead>
-        <tbody>
+        <tbody id="bug-logs-container">
           <!-- Use Benchpress syntax for iteration -->
           {{{ if !bugs.length }}}
           <tr>
@@ -19,10 +19,10 @@
           {{{ end }}}
           {{{ each bugs }}}
           <tr>
-            <td><!-- IMPORT bugs.title --></td>
-            <td><!-- IMPORT bugs.description --></td>
-            <td><!-- IMPORT bugs.status --></td>
-            <td><!-- IMPORT bugs.timestamp --></td>
+            <td>{{title}}</td>
+            <td>{{description}}</td>
+            <td>{{status}}</td>
+            <td>{{timestamp}}</td>
           </tr>
           {{{ end }}}
         </tbody>
diff --git a/src/views/bug-report-form.tpl b/src/views/bug-report-form.tpl
index 3ef158b38c..4a78c2f8e2 100644
--- a/src/views/bug-report-form.tpl
+++ b/src/views/bug-report-form.tpl
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bug Report Form</title>
+    <meta name="csrf-token" content="{{csrfToken}}">
     <style>
         .container {
             background-color: #fff;
@@ -95,21 +96,68 @@
             <input type="submit" value="Submit">
         </form>
     </div>
-    <script>
-        document.getElementById('bug-report-form').addEventListener('submit', function(event) {
-            event.preventDefault(); // Prevent the form from submitting the traditional way
-            const banner = document.getElementById('form-banner');
-            const form = document.getElementById('bug-report-form');
-            banner.style.display = 'block'; // Show the banner
-            banner.classList.add('show'); // Add the class to slide in the banner
-            setTimeout(() => {
-                banner.classList.remove('show'); // Remove the class to slide out the banner
+
+</body>
+<script>
+
+document.addEventListener('DOMContentLoaded', function() {
+    const form = document.getElementById('bug-report-form');
+    const banner = document.getElementById('form-banner');
+
+    form.addEventListener('submit', function(event) {
+        event.preventDefault();
+
+        const formData = new FormData(form);
+        const data = {
+            name: formData.get('name'),
+            email: formData.get('email'),
+            'bug-description': formData.get('bug-description')
+        };
+        console.log(data);
+
+        // Get CSRF token from meta tag or other source
+        const csrfTokenMeta = document.querySelector('meta[name="csrf-token"]');
+        const csrfToken = csrfTokenMeta ? csrfTokenMeta.getAttribute('content') : '';
+
+        fetch('/api/admin/submit-bug-report', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'CSRF-Token': csrfToken // Include CSRF token in headers
+            },
+            body: JSON.stringify(data)
+        })
+        .then(response => {
+            if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            return response.json();
+        })
+        .then(result => {
+            if (result.success) {
+                banner.textContent = 'Form Submitted Successfully';
+                banner.classList.add('show');
+                setTimeout(() => {
+                    banner.classList.remove('show');
+                }, 3000);
+            } else {
+                banner.textContent = 'Form Submission Failed';
+                banner.classList.add('show');
                 setTimeout(() => {
-                    banner.style.display = 'none'; // Hide the banner after the slide out
-                }, 500); // Match the transition duration
-            }, 3000); // Display the banner for 3 seconds
-            form.reset(); // Reset the form fields
+                    banner.classList.remove('show');
+                }, 3000);
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            banner.textContent = 'Form Submission Failed';
+            banner.classList.add('show');
+            setTimeout(() => {
+                banner.classList.remove('show');
+            }, 3000);
         });
-    </script>
-</body>
+
+    });
+});
+</script>
 </html>
\ No newline at end of file
diff --git a/test/bug-report-form.js b/test/bug-report-form.js
new file mode 100644
index 0000000000..a74edd25eb
--- /dev/null
+++ b/test/bug-report-form.js
@@ -0,0 +1,140 @@
+'use strict';
+
+const { JSDOM } = require('jsdom');
+const fs = require('fs');
+const path = require('path');
+const assert = require('assert');
+
+describe('Bug Report Form', () => {
+	// console.log('*'.repeat(20));
+	// console.log('Beginning of the test');
+	let dom;
+	let document;
+
+	before((done) => {
+		// console.log('Setting up the test');
+		const html = fs.readFileSync(path.resolve(__dirname, '../src/views/bug-report-form.tpl'), 'utf8');
+		dom = new JSDOM(html, { runScripts: 'dangerously' });
+		document = dom.window.document;
+		done();
+		// console.log(html);
+	});
+
+	it('should fetch data upon submition', (done) => {
+		const form = document.getElementById('bug-report-form');
+		const nameInput = document.getElementById('name');
+		const emailInput = document.getElementById('email');
+		const descriptionTextarea = document.getElementById('bug-description');
+
+		// Set form values
+		nameInput.value = 'Test User';
+		emailInput.value = 'test@example.com';
+		descriptionTextarea.value = 'This is a test bug description.';
+
+		// Mock console.log
+		const originalLog = console.log;
+		console.log = (data) => {
+			assert.deepStrictEqual(data, {
+				name: 'Test User',
+				email: 'test@example.com',
+				'bug-description': 'This is a test bug description.',
+			});
+			console.log = originalLog; // Restore original console.log
+			done();
+		};
+
+		// Simulate form submission
+		const event = new dom.window.Event('submit', {
+			bubbles: true,
+			cancelable: true,
+		});
+		form.dispatchEvent(event);
+
+		// Capture form data
+		const formData = new dom.window.FormData(form);
+		const data = {
+			name: formData.get('name'),
+			email: formData.get('email'),
+			'bug-description': formData.get('bug-description'),
+		};
+
+		// Log form data
+		console.log(data);
+	});
+
+	it('should validate email input', () => {
+		const form = document.getElementById('bug-report-form');
+		const emailInput = document.getElementById('email');
+
+		// Set invalid email value
+		emailInput.value = 'invalid-email';
+
+		// Simulate form submission
+		const event = new dom.window.Event('submit', {
+			bubbles: true,
+			cancelable: true,
+		});
+		form.dispatchEvent(event);
+
+		// Check if form is invalid due to invalid email
+		assert.strictEqual(emailInput.checkValidity(), false);
+		assert.strictEqual(emailInput.validationMessage, 'Constraints not satisfied');
+	});
+
+	it('should not be able to submit with and empty name text box', () => {
+		const form = document.getElementById('bug-report-form');
+		const descriptionTextarea = document.getElementById('name');
+
+		// Set an empty name value
+		descriptionTextarea.value = '';
+
+		// Simulate form submission
+		const event = new dom.window.Event('submit', {
+			bubbles: true,
+			cancelable: true,
+		});
+		form.dispatchEvent(event);
+
+		// Check if form is invalid due to short bug description
+		assert.strictEqual(descriptionTextarea.checkValidity(), false);
+		assert.strictEqual(descriptionTextarea.validationMessage, 'Constraints not satisfied');
+	});
+
+	it('should not be able to submit with and empty email text box', () => {
+		const form = document.getElementById('bug-report-form');
+		const descriptionTextarea = document.getElementById('email');
+
+		// Set email value that is empty
+		descriptionTextarea.value = '';
+
+		// Simulate form submission
+		const event = new dom.window.Event('submit', {
+			bubbles: true,
+			cancelable: true,
+		});
+		form.dispatchEvent(event);
+
+		// Check if form is invalid due to short bug description
+		assert.strictEqual(descriptionTextarea.checkValidity(), false);
+		assert.strictEqual(descriptionTextarea.validationMessage, 'Constraints not satisfied');
+	});
+
+	it('should not be able to submit with and empty description text box', () => {
+		const form = document.getElementById('bug-report-form');
+		const descriptionTextarea = document.getElementById('bug-description');
+
+		// Set bug description value that is empty
+		descriptionTextarea.value = '';
+
+		// Simulate form submission
+		const event = new dom.window.Event('submit', {
+			bubbles: true,
+			cancelable: true,
+		});
+		form.dispatchEvent(event);
+
+		// Check if form is invalid due to short bug description
+		assert.strictEqual(descriptionTextarea.checkValidity(), false);
+		assert.strictEqual(descriptionTextarea.validationMessage, 'Constraints not satisfied');
+	});
+});