diff --git a/frontend/src/components/core/Dashboard/Cart/Cart.jsx b/frontend/src/components/core/Dashboard/Cart/Cart.jsx
new file mode 100644
index 0000000..b3a032a
--- /dev/null
+++ b/frontend/src/components/core/Dashboard/Cart/Cart.jsx
@@ -0,0 +1,25 @@
+import { useSelector } from "react-redux"
+import RenderCartCourses from "./RenderCartCourses"
+import RenderTotalAmount from "./RenderTotalAmount"
+
+
+export default function Cart() {
+
+  const { total, totalItems } = useSelector((state) => state.cart)
+
+  return (
+    <>
+      <h1 className="mb-14 text-3xl font-medium text-richblack-5">Cart</h1>
+      <p className="border-b border-b-richblack-400 pb-2 font-semibold text-richblack-400">  {totalItems} Courses in Cart </p>
+        
+      {total > 0 ? (
+        <div className="mt-8 flex flex-col-reverse items-start gap-x-10 gap-y-6 lg:flex-row">
+          <RenderCartCourses />
+          <RenderTotalAmount />
+        </div>
+      ) : (<p className="mt-14 text-center text-3xl text-richblack-100">  Your cart is empty </p> )}
+         
+    </>
+  
+
+)}
\ No newline at end of file