diff --git a/backend/src/controllers/topicController.js b/backend/src/controllers/topicController.js
index 89fdc14..c25fdde 100644
--- a/backend/src/controllers/topicController.js
+++ b/backend/src/controllers/topicController.js
@@ -1,17 +1,32 @@
 const Topic = require('../models/topic')
+const User  = require('../models/user')
 const jwt = require("jsonwebtoken");
 
 
 exports.getAllTopics = async (req, res) => {
 //   console.log(req.email)
 
-try{
-    const topics = await Topic.find().select('title no videoUrl _id')
-    res.status(200).json(topics)
-}
-catch(err){
-    res.status(500).json({error: err})
-}
+    try{
+        const email = req.email
+        const user = await User.findOne({ email })
+
+
+        
+        
+        const topics = await Topic.find().select('title no videoUrl _id')
+
+        const  newtopics = topics.map((item)=> {
+            const newOb = {...item._doc, isCompleted: (user.completed).includes(item.no)}
+            return newOb
+        } )
+
+        
+
+        res.status(200).json(newtopics)
+    }
+    catch(err){
+        res.status(500).json({error: err})
+    }
 }
 
 
diff --git a/backend/src/models/user.js b/backend/src/models/user.js
index b4b0e89..f51c869 100644
--- a/backend/src/models/user.js
+++ b/backend/src/models/user.js
@@ -92,24 +92,7 @@ const User= mongoose.model("users",{
            }
         }
     ],
-    completed:[
-        {
-            topicId:{
-                type: Number,
-                required: true
-            },
-            isVideoFinished:{
-                type: Boolean,
-                required: true,
-                default: false
-            },
-            isQuizFinished:{
-                type: Boolean,
-                required: true,
-                default: false
-            }
-        }
-    ]
+    completed:[String]
 })
 
 module.exports = User
\ No newline at end of file
diff --git a/webapp/src/components/HeadingComponent.js b/webapp/src/components/HeadingComponent.js
index b8e3820..d2919bd 100644
--- a/webapp/src/components/HeadingComponent.js
+++ b/webapp/src/components/HeadingComponent.js
@@ -20,7 +20,7 @@ function HeadingComponent({heading}) {
             <h5 className=' col-11 CourseHeading'>
               {heading.no + ". "+ heading.title}
               <span className='instructionFamily badge ms-1  p-2 text-dark bg-success-subtle'>
-                Completed!
+                {heading.isCompleted ? "Completed!" : ""}
               </span>
             </h5>
             {!toggle? <i  class=" col-1 bi p-1 bi-chevron-down"></i>:<i  class=" col-1 bi p-1 bi-chevron-up"></i>}
@@ -39,9 +39,9 @@ function HeadingComponent({heading}) {
                   {heading.videoUrl? `${heading.no}.1 Interactive Video and notes` :"" }
                 </Link>
               </h5>
-              <span className='instructionFamily badge m-1 p-2 text-dark bg-success-subtle'>
+              {/* <span className='instructionFamily badge m-1 p-2 text-dark bg-success-subtle'>
                 Done: Complete the activity
-              </span>
+              </span> */}
             </div>
             <div>
               <hr/>
@@ -55,11 +55,12 @@ function HeadingComponent({heading}) {
                   {`${heading.no}.2 Quiz`}
                 </Link>
               </h5>
-              <span className='instructionFamily badge m-1 p-2 text-dark bg-danger-subtle'>
-                  To do: Complete the activity
+              <hr className=' text-success'/>
+              <span className={`instructionFamily badge m-1 p-2 text-dark ${ heading.isCompleted ?"bg-success-subtle"  :"bg-danger-subtle"}`}>
+                  { !heading.isCompleted ? "To do: Complete the activity" : "Done: Completed"}
               </span>
               <span className='instructionFamily badge m-1 p-2 text-dark bg-warning-subtle'>
-                To unlock: Upgrade to premium
+              To unlock quizzes: Premium upgrade is required
               </span>
             </div>