diff --git a/Fronted Projects/BubbleGame/app.js b/Fronted Projects/BubbleGame/app.js
new file mode 100644
index 0000000..1e22829
--- /dev/null
+++ b/Fronted Projects/BubbleGame/app.js
@@ -0,0 +1,57 @@
+var hitrn ;
+var score =0;
+var timer = 60;
+
+function makeBubble(){
+ var clutter = "";
+
+for(let i=1; i<109; i++){
+ hitrn = Math.floor(Math.random()*10)
+ clutter += `${hitrn}
`
+}
+document.querySelector("#pbtm").innerHTML = clutter;
+}
+
+
+function runTimer(){
+ var timerInterval = setInterval(function(){
+ if(timer>0){
+ timer --;
+ document.querySelector("#timerVal").textContent = timer;
+ }
+ else{
+ clearInterval(timerInterval)
+ document.querySelector("#pbtm").innerHTML=`${"Game over"}
`
+
+ }
+ },1000)
+}
+
+function getNewHit(){
+ hitrn = Math.floor(Math.random()*10)
+ document.querySelector("#hitValue").textContent = hitrn;
+
+}
+
+function increaseScore (){
+ score += 10;
+ document.querySelector("#scoreVal").textContent = score;
+}
+
+document.querySelector("#pbtm").addEventListener("click", function(details){
+ var clickednum = Number(details.target.textContent);
+ if(clickednum === hitrn){
+ console.log("problem")
+ increaseScore();
+ makeBubble();
+ getNewHit();
+ }
+})
+
+runTimer();
+makeBubble();
+getNewHit();
+
+
+
+//
\ No newline at end of file
diff --git a/Fronted Projects/BubbleGame/index.html b/Fronted Projects/BubbleGame/index.html
new file mode 100644
index 0000000..02b0b5f
--- /dev/null
+++ b/Fronted Projects/BubbleGame/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+ Bubble Game
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Fronted Projects/BubbleGame/style.css b/Fronted Projects/BubbleGame/style.css
new file mode 100644
index 0000000..a695a03
--- /dev/null
+++ b/Fronted Projects/BubbleGame/style.css
@@ -0,0 +1,85 @@
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family:'Arial Narrow Bold', sans-serif;
+}
+
+html, body{
+ width: 100%;
+ height: 100%;
+}
+
+main{
+ width: 100%;
+ height: 100%;
+ background-color: rgb(116, 159, 116);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.panel{
+ overflow: hidden;
+ width: 80%;
+ height: 80%;
+ background-color: #fff;
+ border-radius: 10px;
+}
+
+#ptop{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0px 20% 0 20%;
+ color: #fff;
+ width: 100%;
+ height: 100px;
+ background-color: rgb(78, 116, 78);
+
+}
+.elem{
+ display: flex;
+ align-items: center;
+ gap: 20px;
+}
+.elem h3{
+ font-weight: 500;
+ font-size: 22px;
+}
+
+.box{
+ padding: 10px 20px ;
+ background-color: #fff;
+ border-radius:5px;
+ color: #1f6420;
+ font-weight: 700;
+ font-size: 22px;
+}
+
+#pbtm{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: auto;
+ gap: 10px;
+ padding: 10px;
+ flex-wrap: wrap;
+ /* background-color: black; */
+ width: 100%;
+ height: calc(100% - 100px);
+}
+
+.bubble{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 50px;
+ height: 50px;
+ color: white;
+ border-radius: 50%;
+ background-color: rgb(68, 104, 68);
+ font-weight: 500;
+ cursor: pointer;
+
+}
diff --git a/Fronted Projects/Random-Gif-Generator b/Fronted Projects/Random-Gif-Generator
new file mode 160000
index 0000000..285304c
--- /dev/null
+++ b/Fronted Projects/Random-Gif-Generator
@@ -0,0 +1 @@
+Subproject commit 285304cead73a27909f852f6258dc0ce21e2205b
diff --git a/Fronted Projects/ecommerce-shopping-cart b/Fronted Projects/ecommerce-shopping-cart
new file mode 160000
index 0000000..c532b8b
--- /dev/null
+++ b/Fronted Projects/ecommerce-shopping-cart
@@ -0,0 +1 @@
+Subproject commit c532b8bebf8e160b0dc0b6a4f1bc797bf99da844
diff --git a/Full Stack Projects/MernStack Todolist/Client/.DS_Store b/Full Stack Projects/MernStack Todolist/Client/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/Full Stack Projects/MernStack Todolist/Client/.DS_Store differ