diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 9c28e60..af0edec 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -5889,6 +5889,11 @@
         "rimraf": "2"
       }
     },
+    "fullpage.js": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/fullpage.js/-/fullpage.js-3.0.9.tgz",
+      "integrity": "sha512-CBJZwOkOjX/RToG0L93LwJW4a+/67+AqGEvEagWh1N5KRgDXEOVKlo/TJzCzSI1LsOulb7yqXE8mOzRZzqeYMA=="
+    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -12293,6 +12298,14 @@
         }
       }
     },
+    "vue-fullpage.js": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/vue-fullpage.js/-/vue-fullpage.js-0.1.5.tgz",
+      "integrity": "sha512-/8aFieeTxzwnq6Tb30fUwL5/TN1PBYK+qE4kb0mYi1JSDVWnYmnsMvCzGqLJv3SQCrt1GYccfs6dFA0rIVNejg==",
+      "requires": {
+        "fullpage.js": "^3.0.8"
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 4fd1544..f91fcf5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,6 +12,7 @@
     "masonry-layout": "^4.2.2",
     "vue": "^2.5.17",
     "vue-carousel": "^0.18.0",
+    "vue-fullpage.js": "^0.1.5",
     "vue-masonry": "^0.11.8",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1"
diff --git a/frontend/src/components/Gallery.vue b/frontend/src/components/Gallery.vue
index 342afe9..4967686 100644
--- a/frontend/src/components/Gallery.vue
+++ b/frontend/src/components/Gallery.vue
@@ -98,7 +98,7 @@ export default {
                     image: competitions,
                     title: "Competitions",
                     description:
-                        "Online competetions on ML, data science, programming, and CTFs are a great way for enthusiasts to show off some skills or learn something new in a competetive environment."
+                        "Online competitions on ML, data science, programming, and CTFs are a great way for enthusiasts to show off some skills or learn something new in a competitive environment."
                 }
             ],
             queue: 1,
diff --git a/frontend/src/components/SisterGroups.vue b/frontend/src/components/SisterGroups.vue
index d232500..fb49792 100644
--- a/frontend/src/components/SisterGroups.vue
+++ b/frontend/src/components/SisterGroups.vue
@@ -13,7 +13,7 @@
             Sister groups are different smaller groups within the umbrella of
             Software Development Section, along with SDSLabs. The members of
             these groups focus on specific areas of technological innovation
-            like data science, competetive programming, and information
+            like data science, competitive programming, and information
             security.
         </div>
         <div
diff --git a/frontend/src/components/about/GalleryMobile.vue b/frontend/src/components/about/GalleryMobile.vue
index 5be0164..11b1b48 100644
--- a/frontend/src/components/about/GalleryMobile.vue
+++ b/frontend/src/components/about/GalleryMobile.vue
@@ -63,7 +63,7 @@ export default {
                     image: competitions,
                     title: "Competitions",
                     description:
-                        "Online competetions on ML, data science, programming, and CTFs are a great way for enthusiasts to show off some skills or learn something new in a competetive environment."
+                        "Online competitions on ML, data science, programming, and CTFs are a great way for enthusiasts to show off some skills or learn something new in a competitive environment."
                 }
             ]
         };
diff --git a/frontend/src/components/about/SisterGallery.vue b/frontend/src/components/about/SisterGallery.vue
index fa452bd..aa7ee64 100644
--- a/frontend/src/components/about/SisterGallery.vue
+++ b/frontend/src/components/about/SisterGallery.vue
@@ -51,7 +51,7 @@ export default {
                     image: pag,
                     title: "PROGRAMMING & ALGORITHMS GROUP",
                     description:
-                        "A bunch of competetive programming enthusiasts, PAG, frequently organizes coding lectures and contests for IITR people."
+                        "A bunch of competitive programming enthusiasts, PAG, frequently organizes coding lectures and contests for IITR people."
                 },
                 {
                     image: infosec,
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 67795b5..c093584 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -2,10 +2,34 @@ import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
+import VueFullPage from "vue-fullpage.js";
 
 import "@/assets/css/tailwind.css";
 
 Vue.config.productionTip = false;
+Vue.use(VueFullPage);
+
+new Vue({
+    el: "#fullpage-home",
+    name: "app",
+    data: function(){
+        return {
+            options: {
+                afterLoad: this.afterLoad,
+                navigation: true,
+                scrollBar: false,
+                controlArrows: true,
+                anchors: ['page1', 'page2', 'page3'],
+            },
+        }
+    },
+    methods: {
+        afterLoad: function(origin, destination, direction){
+            console.log("After load....");
+            console.log(destination);
+        }
+    }
+});
 
 new Vue({
     router,
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index b6545ed..dfb174b 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -11,17 +11,19 @@
             class="px-16 sm:px-88 pb-28 sm:pb-0 flex flex-col justify-center items-center"
             id="projects"
         >
-            <Project
-                class="fullpage section"
-                v-for="(project, permalink, index) in projects"
-                v-bind:key="index"
-                v-bind:title="project.title"
-                v-bind:desc="project.description"
-                v-bind:url="project.url"
-                v-bind:image_url="project.image"
-                v-bind:permalink="project.permalink"
-                v-bind:color="project.color"
-            />
+            <full-page ref="fullpage" :options="options" id="fullpage-home">
+                <Project
+                    class="fullpage section"
+                    v-for="(project, permalink, index) in projects"
+                    v-bind:key="index"
+                    v-bind:title="project.title"
+                    v-bind:desc="project.description"
+                    v-bind:url="project.url"
+                    v-bind:image_url="project.image"
+                    v-bind:permalink="project.permalink"
+                    v-bind:color="project.color"
+                />
+            </full-page>
         </div>
     </div>
 </template>