diff --git a/frontend/edu-connect/src/app/(admin)/admin/category/_partials/CategoryTable.tsx b/frontend/edu-connect/src/app/(admin)/admin/category/_partials/CategoryTable.tsx
new file mode 100644
index 0000000..6a25b7d
--- /dev/null
+++ b/frontend/edu-connect/src/app/(admin)/admin/category/_partials/CategoryTable.tsx
@@ -0,0 +1,113 @@
+import DataTable from "@/components/(dashboard)/common/DataTable/DataTable"
+import { Button } from "@/components/(dashboard)/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { routes } from "@/lib/routes"
+import { ColumnDef } from "@tanstack/react-table"
+import { ArrowUpDown } from "lucide-react"
+
+const CategoryTable: React.FC<{
+    mutate: () => void
+    Data: Array<any>
+    isLoading: boolean
+}> = ({
+          mutate,
+          Data,
+          isLoading
+      }) => {
+
+    const columns: ColumnDef<any>[] = [
+        {
+            accessorKey: "sn",
+            header: "SN",
+            cell: ({ row }) => (
+                <div className="capitalize">{row.index + 1}</div>
+            ),
+        },
+        {
+            id: 'name',
+            accessorFn: (row: any) => row.original?.name,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Name
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="capitalize">
+                    <p>{row.original?.name}</p>
+                </div>
+            ),
+        },
+        {
+            id: 'description',
+            accessorFn: (row: any) => row.original?.description,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                    className="!px-0"
+                >
+                    Description
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="max-w-[300px] truncate">{row.original?.description ?? '-'}</div>
+            ),
+        },
+        {
+            id: 'creationDate',
+            accessorFn: (row: any) => row.original?.creationDate,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Created Date
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="whitespace-nowrap">
+                    {row.original?.creationDate ? new Date(row.original.creationDate).toLocaleDateString() : '-'}
+                </div>
+            ),
+        },
+        {
+            id: 'isActive',
+            accessorFn: (row: any) => row.original?.isActive,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Status
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div>{row.original?.isActive ? <Badge variant={'success'}>Active</Badge> : <Badge variant={'destructive'}>Deactive</Badge>}</div>
+            ),
+        },
+    ]
+
+    return(
+        <>
+            <DataTable
+                data={Data}
+                columns={columns}
+                mutate={mutate}
+                searchKey="name"
+                isLoading={isLoading}
+            />
+        </>
+    )
+}
+
+export default CategoryTable
\ No newline at end of file
diff --git a/frontend/edu-connect/src/app/(admin)/admin/category/page.tsx b/frontend/edu-connect/src/app/(admin)/admin/category/page.tsx
new file mode 100644
index 0000000..7d2df1a
--- /dev/null
+++ b/frontend/edu-connect/src/app/(admin)/admin/category/page.tsx
@@ -0,0 +1,49 @@
+'use client'
+import BreadCrumbNav from "@/components/(dashboard)/common/BreadCumbNav/BreadCrumbNav"
+import ContentContainer from "@/components/(dashboard)/elements/ContentContainer"
+import { PageHeading } from "@/components/(dashboard)/ui/title"
+import CommonContainer from "@/components/elements/CommonContainer"
+import AppContextProvider from "@/helpers/context/AppContextProvider"
+import { defaultFetcher } from "@/helpers/fetch.helper"
+import { routes } from "@/lib/routes"
+import { APP_BASE_URL } from "@/utils/constants"
+import AdminView from "@/views/AdminView"
+import useSWR from "swr"
+import CategoryTable from "./_partials/CategoryTable"
+
+
+const CategoryIndexPage = () => {
+    const CategoryListURL = `${APP_BASE_URL}/api/courses/getCategories`
+    const { data, mutate, isLoading } = useSWR(CategoryListURL, defaultFetcher);
+
+    return(
+        <AppContextProvider>
+            <AdminView>
+                <CommonContainer>
+                    <PageHeading>Categories</PageHeading>
+                    <BreadCrumbNav breadCrumbItems={[
+                        {
+                            title: 'Dashboard',
+                            href: routes.DASHBOARD_ROUTE
+                        },
+                        {
+                            title: 'Categories',
+                            href: routes.CATEGORY_INDEX_PAGE
+                        },
+                    ]}/>
+                    <ContentContainer>
+                        <div>
+                            <CategoryTable
+                                mutate={mutate}
+                                isLoading={isLoading}
+                                Data={data || []}
+                            />
+                        </div>
+                    </ContentContainer>
+                </CommonContainer>
+            </AdminView>
+        </AppContextProvider>
+    )
+}
+
+export default CategoryIndexPage
\ No newline at end of file
diff --git a/frontend/edu-connect/src/app/(admin)/admin/course/_partials/CourseTable.tsx b/frontend/edu-connect/src/app/(admin)/admin/course/_partials/CourseTable.tsx
new file mode 100644
index 0000000..2f4e1eb
--- /dev/null
+++ b/frontend/edu-connect/src/app/(admin)/admin/course/_partials/CourseTable.tsx
@@ -0,0 +1,172 @@
+import DataTable from "@/components/(dashboard)/common/DataTable/DataTable"
+import { Button } from "@/components/(dashboard)/ui/button"
+import { Avatar, AvatarImage } from "@/components/ui/avatar"
+import { Badge } from "@/components/ui/badge"
+import { ColumnDef } from "@tanstack/react-table"
+import { ArrowUpDown } from "lucide-react"
+
+const CourseTable: React.FC<{
+    mutate: () => void
+    Data: Array<any>
+    isLoading: boolean
+}> = ({
+          mutate,
+          Data,
+          isLoading
+      }) => {
+
+    const columns: ColumnDef<any>[] = [
+        {
+            accessorKey: "sn",
+            header: "SN",
+            cell: ({ row }) => (
+                <div className="capitalize">{row.index + 1}</div>
+            ),
+        },
+        {
+            id: 'name',
+            accessorFn: (row: any) => row.original?.name,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Name
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="capitalize flex gap-2">
+                    <Avatar className="h-8 w-8">
+                        <AvatarImage
+                            src={row.original?.coverImage ?? 'no image path'}
+                            alt={row.original?.name}
+                        />
+                    </Avatar>
+                    <p>{row.original?.name}</p>
+                </div>
+            ),
+        },
+        {
+            id: 'description',
+            accessorFn: (row: any) => row.original?.description,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                    className="!px-0"
+                >
+                    Description
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="max-w-[300px] truncate">{row.original?.description ?? '-'}</div>
+            ),
+        },
+        {
+            id: 'author',
+            accessorFn: (row: any) => row.original?.author?.firstName,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                    className="!px-0"
+                >
+                    Author
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div>{row.original?.author?.firstName} {row.original?.author?.lastName}</div>
+            ),
+        },
+        {
+            id: 'category',
+            accessorFn: (row: any) => row.original?.category?.name,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Category
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="capitalize">{row.original?.category?.name}</div>
+            ),
+        },
+        {
+            id: 'creationDate',
+            accessorFn: (row: any) => row.original?.creationDate,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Published Date
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div className="whitespace-nowrap">
+                    {row.original?.creationDate ? new Date(row.original.creationDate).toLocaleDateString() : '-'}
+                </div>
+            ),
+        },
+        {
+            id: 'isActive',
+            accessorFn: (row: any) => row.original?.isActive,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Status
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div>{row.original?.isActive ? <Badge variant={'success'}>Active</Badge> : <Badge variant={'destructive'}>Deactive</Badge>}</div>
+            ),
+        },
+        {
+            id: 'totalEnrolled',
+            accessorFn: (row: any) => row.original?.totalEnrolled,
+            header: ({ column }) => (
+                <Button
+                    variant="ghost"
+                    className="!px-0"
+                    onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+                >
+                    Students
+                    <ArrowUpDown className="ml-2 h-4 w-4" />
+                </Button>
+            ),
+            cell: ({ row }) => (
+                <div>
+                    {row.original?.totalEnrolled ?? '-'}
+                </div>
+            ),
+        },
+    ]
+
+    return(
+        <>
+            <DataTable
+                data={Data}
+                columns={columns}
+                mutate={mutate}
+                searchKey="name"
+                isLoading={isLoading}
+            />
+        </>
+    )
+}
+
+export default CourseTable
\ No newline at end of file
diff --git a/frontend/edu-connect/src/app/(admin)/admin/course/page.tsx b/frontend/edu-connect/src/app/(admin)/admin/course/page.tsx
new file mode 100644
index 0000000..3f840e6
--- /dev/null
+++ b/frontend/edu-connect/src/app/(admin)/admin/course/page.tsx
@@ -0,0 +1,48 @@
+'use client'
+import BreadCrumbNav from "@/components/(dashboard)/common/BreadCumbNav/BreadCrumbNav"
+import ContentContainer from "@/components/(dashboard)/elements/ContentContainer"
+import { PageHeading } from "@/components/(dashboard)/ui/title"
+import CommonContainer from "@/components/elements/CommonContainer"
+import AppContextProvider from "@/helpers/context/AppContextProvider"
+import { defaultFetcher } from "@/helpers/fetch.helper"
+import { routes } from "@/lib/routes"
+import { APP_BASE_URL } from "@/utils/constants"
+import AdminView from "@/views/AdminView"
+import useSWR from "swr"
+import CourseTable from "./_partials/CourseTable"
+
+const CourseIndexPage = () => {
+    const CourseListURL = `${APP_BASE_URL}/api/course/listall`
+    const { data, mutate, isLoading } = useSWR(CourseListURL, defaultFetcher);
+
+    return (
+        <AppContextProvider>
+            <AdminView>
+                <CommonContainer>
+                    <PageHeading>Courses</PageHeading>
+                    <BreadCrumbNav breadCrumbItems={[
+                        {
+                            title: 'Dashboard',
+                            href: routes.DASHBOARD_ROUTE
+                        },
+                        {
+                            title: 'Courses',
+                            href: routes.COURSE_INDEX_PAGE
+                        },
+                    ]}/>
+                    <ContentContainer>
+                        <div>
+                            <CourseTable
+                                mutate={mutate}
+                                isLoading={isLoading}
+                                Data={data?.data || []}
+                            />
+                        </div>
+                    </ContentContainer>
+                </CommonContainer>
+            </AdminView>
+        </AppContextProvider>
+    )
+}
+
+export default CourseIndexPage
\ No newline at end of file
diff --git a/frontend/edu-connect/src/lib/routes.ts b/frontend/edu-connect/src/lib/routes.ts
index 011951d..d13a759 100644
--- a/frontend/edu-connect/src/lib/routes.ts
+++ b/frontend/edu-connect/src/lib/routes.ts
@@ -5,7 +5,9 @@ export const routes = {
   DASHBOARD_ROUTE : '/admin/dashboard',
   PROFILE_ROUTE : '/user/profile',
   MY_COURSES_INDEX : '/my-courses',
-  USER_INDEX_PAGE : '/admin/users'
+  USER_INDEX_PAGE : '/admin/users',
+  COURSE_INDEX_PAGE: '/admin/course',
+  CATEGORY_INDEX_PAGE: '/admin/category'
 }
 
 export const privateRoutes = ['/user/profile']