diff --git a/src/Header/DropdownMenu.js b/src/Header/DropdownMenu.js
index 793088b..a3d665c 100644
--- a/src/Header/DropdownMenu.js
+++ b/src/Header/DropdownMenu.js
@@ -1,6 +1,13 @@
 import { useNavigate } from "react-router-dom";
 import "./Header.css";
 
+/**
+ * @param {null} null - requires onthing
+ * @returns {JSX.Element} JSX - HTML tags and JS functionality
+ * @description Header page helper function for drop down menu
+ * @author Sarim <sheikhsarim20@gmail.com>
+ * @todo add css
+ */
 const DropdownMenu = () => {
   const navigate = useNavigate();
 
diff --git a/src/Header/Header.js b/src/Header/Header.js
index 61c5b6f..4aa20ba 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -5,6 +5,13 @@ import { useState } from "react";
 import { Outlet } from "react-router-dom";
 import "./Header.css";
 
+/**
+ * @param {null} null - requires onthing
+ * @returns {JSX.Element} JSX - HTML tags and JS functionality
+ * @description Header Page
+ * @author Sarim <sheikhsarim20@gmail.com>
+ * @todo add css and comments
+ */
 export default function Header() {
     const [isDropdownVisible, setDropdownVisible] = useState(false);
     const navigate = useNavigate();