diff --git a/src/assets/Banner_Puffercat_Apps.png b/src/assets/Banner_Puffercat_Apps.png
new file mode 100644
index 0000000..759d8c7
Binary files /dev/null and b/src/assets/Banner_Puffercat_Apps.png differ
diff --git a/src/assets/Puffercat_Apps_Guide_1.png b/src/assets/Puffercat_Apps_Guide_1.png
new file mode 100644
index 0000000..72ebb80
Binary files /dev/null and b/src/assets/Puffercat_Apps_Guide_1.png differ
diff --git a/src/assets/Puffercat_Apps_Guide_2.png b/src/assets/Puffercat_Apps_Guide_2.png
new file mode 100644
index 0000000..067ab39
Binary files /dev/null and b/src/assets/Puffercat_Apps_Guide_2.png differ
diff --git a/src/assets/Puffercat_Apps_Guide_3.png b/src/assets/Puffercat_Apps_Guide_3.png
new file mode 100644
index 0000000..d9d1ea4
Binary files /dev/null and b/src/assets/Puffercat_Apps_Guide_3.png differ
diff --git a/src/assets/Puffercat_Apps_Guide_4.png b/src/assets/Puffercat_Apps_Guide_4.png
new file mode 100644
index 0000000..8c7225c
Binary files /dev/null and b/src/assets/Puffercat_Apps_Guide_4.png differ
diff --git a/src/assets/Puffercat_Apps_Guide_5.png b/src/assets/Puffercat_Apps_Guide_5.png
new file mode 100644
index 0000000..6b81235
Binary files /dev/null and b/src/assets/Puffercat_Apps_Guide_5.png differ
diff --git a/src/assets/Puffercat_Apps_Guide_6.png b/src/assets/Puffercat_Apps_Guide_6.png
new file mode 100644
index 0000000..8559c63
Binary files /dev/null and b/src/assets/Puffercat_Apps_Guide_6.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_1.png b/src/assets/Screenshot_Puffercat_Apps_1.png
new file mode 100644
index 0000000..12100fa
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_1.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_2.png b/src/assets/Screenshot_Puffercat_Apps_2.png
new file mode 100644
index 0000000..df10748
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_2.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_3.png b/src/assets/Screenshot_Puffercat_Apps_3.png
new file mode 100644
index 0000000..dca1ab0
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_3.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_4.png b/src/assets/Screenshot_Puffercat_Apps_4.png
new file mode 100644
index 0000000..e012df1
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_4.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_5.png b/src/assets/Screenshot_Puffercat_Apps_5.png
new file mode 100644
index 0000000..98ac690
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_5.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_6.png b/src/assets/Screenshot_Puffercat_Apps_6.png
new file mode 100644
index 0000000..14064f8
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_6.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_7.png b/src/assets/Screenshot_Puffercat_Apps_7.png
new file mode 100644
index 0000000..4a224ad
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_7.png differ
diff --git a/src/assets/Screenshot_Puffercat_Apps_8.png b/src/assets/Screenshot_Puffercat_Apps_8.png
new file mode 100644
index 0000000..66cd3f3
Binary files /dev/null and b/src/assets/Screenshot_Puffercat_Apps_8.png differ
diff --git a/src/router/index.ts b/src/router/index.ts
index c4759f7..9cdeee8 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,6 +3,7 @@ import { RouteRecordRaw } from 'vue-router';
 import TabsPage from '../views/TabsPage.vue'
 import Apps from '../views/Apps.vue'
 import PufferIcons from '../views/PufferIcons.vue'
+import Puffercat_Apps from '../views/Puffercat_Apps.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -31,7 +32,12 @@ const routes: Array<RouteRecordRaw> = [
     path: '/details/PufferIcons',
     name: 'PufferIcons',
     component: PufferIcons,
-  }
+  },
+  {
+    path: '/details/Puffercat_Apps',
+    name: 'Puffercat Apps',
+    component: Puffercat_Apps,
+  },
 ]
 
 const router = createRouter({
diff --git a/src/views/Apps.vue b/src/views/Apps.vue
index b4f18b8..4f78410 100644
--- a/src/views/Apps.vue
+++ b/src/views/Apps.vue
@@ -99,23 +99,49 @@
 
     </ion-col>
     <ion-col class="download-column">
-      <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
+      <ion-button shape="round" href="https://cdn.puffercat.xyz/c/puffericons/puffericons-1.1.4.apk"><ion-icon :icon="arrowDown" /></ion-button>
     </ion-col>
   </ion-row>
   <ion-row class="column-standard">
     <ion-col size="auto">
-      <img src="../assets/Icon_Puffercat_Apps.png" class="icon">
+      <a href="/details/Puffercat_Apps"><img src="../assets/Icon_Puffercat_Apps.png" class="icon"></a>
     </ion-col>
     <ion-col size="auto" class="description-column">
         <ion-row>
-          <ion-column><h4 class="size-appname">Puffercat Apps</h4></ion-column>
+          <a href="/details/Puffercat_Apps" class="hidden-link"><ion-column><h4 class="size-appname">Puffercat Apps</h4></ion-column></a>
         </ion-row>
         <ion-row>
-          <ion-column><ion-icon :icon="logoPwa" class="size-appname-icon"/></ion-column>
+          <a href="/details/Puffercat_Apps" class="hidden-link"><ion-column><ion-icon :icon="logoPwa" class="size-appname-icon"/></ion-column></a>
         </ion-row>
     </ion-col>
     <ion-col class="download-column">
-      <a href="https://google.com"><ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button></a>
+      <ion-button shape="round" id="pufferAppsModalOpen"><ion-icon :icon="arrowDown" /></ion-button>
+      <ion-modal ref="modal" trigger="pufferAppsModalOpen">
+        <ion-header>
+          <ion-toolbar>
+            <ion-title>Install Puffercat Apps</ion-title>
+            <ion-buttons slot="end">
+              <ion-button @click="dismiss()">Close</ion-button>
+            </ion-buttons>
+          </ion-toolbar>
+        </ion-header>
+        <ion-content class="ion-padding">
+          <h2>Guide for Chrome for Android</h2>
+          <h4>For other browsers, search "Install PWA [name of your browser]" in your search engine of choice</h4>
+            <p>1. Go to "<a href="https://apps.puffercat.xyz">https://apps.puffercat.xyz</a>".</p>
+            <img src="../assets/Puffercat_Apps_Guide_1.png" class="installGuideImage">
+            <p>2. Open the menu (on the browser's bar, not on the website)</p>
+            <img src="../assets/Puffercat_Apps_Guide_2.png" class="installGuideImage">
+            <p>3. Select "Install app" or "Add to home screen"</p>
+            <img src="../assets/Puffercat_Apps_Guide_3.png" class="installGuideImage">
+            <p>4. Select "Install"</p>
+            <img src="../assets/Puffercat_Apps_Guide_4.png" class="installGuideImage">
+            <p>5. Done. You should get this notification and a new icon should show up on your home screen</p>
+            <img src="../assets/Puffercat_Apps_Guide_5.png" class="installGuideImage">
+            <img src="../assets/Puffercat_Apps_Guide_6.png" class="installGuideImage">
+            <br><br><br><br><br><br>
+        </ion-content>
+      </ion-modal>
     </ion-col>
   </ion-row>
   <ion-row class="column-standard">
@@ -262,5 +288,9 @@ export default  defineComponent({
   } .hidden-link {
     text-decoration-line: none;
     color: var(--ion-color-light-contrast);
+  } .installGuideImage {
+    height: auto;
+    width: 300px;
+    border-radius: 20px;
   }
 </style>
\ No newline at end of file
diff --git a/src/views/Puffercat_Apps.vue b/src/views/Puffercat_Apps.vue
new file mode 100644
index 0000000..a1bd180
--- /dev/null
+++ b/src/views/Puffercat_Apps.vue
@@ -0,0 +1,236 @@
+<template>
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+    <ion-buttons slot="start">
+    <ion-back-button default-href="/"></ion-back-button>
+  </ion-buttons>
+          <ion-title>Puffercat Apps</ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content :fullscreen="true">
+        <ion-header collapse="condense">
+          <ion-toolbar>
+            <ion-title size="large">Puffercat Apps</ion-title>
+          </ion-toolbar>
+        </ion-header>
+        <ion-grid>
+    <ion-row class="column-standard2">
+      <ion-col class="bannerColumn">
+        
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col size="auto">
+        <img src="../assets/Icon_Puffercat_Apps.png" class="icon">
+      </ion-col>
+      <ion-col size="auto" class="description-column">
+          <ion-row style="padding: 0px; margin: 0px;">
+            <ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>Puffercat Apps</strong></p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><p class="size-appname-icon">version 0.0.1 alpha</p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><ion-icon :icon="logoPwa" class="size-appname-icon"/></ion-column>
+          </ion-row>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard2">
+      <ion-col>
+        <ion-button id="installPuffercatApps_AppPage" expand="full" shape="round" style="margin: 0px;">Download</ion-button>
+        <ion-modal ref="modal" trigger="installPuffercatApps_AppPage">
+        <ion-header>
+          <ion-toolbar>
+            <ion-title>Install Puffercat Apps</ion-title>
+            <ion-buttons slot="end">
+              <ion-button @click="dismiss()">Close</ion-button>
+            </ion-buttons>
+          </ion-toolbar>
+        </ion-header>
+        <ion-content class="ion-padding">
+          <h2>Guide for Chrome for Android</h2>
+          <h4>For other browsers, search "Install PWA [name of your browser]" in your search engine of choice</h4>
+            <p>1. Go to "<a href="https://apps.puffercat.xyz">https://apps.puffercat.xyz</a>".</p>
+            <img src="../assets/Puffercat_Apps_Guide_1.png" class="installGuideImage">
+            <p>2. Open the menu (on the browser's bar, not on the website)</p>
+            <img src="../assets/Puffercat_Apps_Guide_2.png" class="installGuideImage">
+            <p>3. Select "Install app" or "Add to home screen"</p>
+            <img src="../assets/Puffercat_Apps_Guide_3.png" class="installGuideImage">
+            <p>4. Select "Install"</p>
+            <img src="../assets/Puffercat_Apps_Guide_4.png" class="installGuideImage">
+            <p>5. Done. You should get this notification and a new icon should show up on your home screen</p>
+            <img src="../assets/Puffercat_Apps_Guide_5.png" class="installGuideImage">
+            <img src="../assets/Puffercat_Apps_Guide_6.png" class="installGuideImage">
+            <br><br><br><br><br><br>
+        </ion-content>
+      </ion-modal>
+      </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Changelog - 0.0.1</strong></h4>
+        <ul>
+            <li>Initial release</li>
+        </ul>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Description</strong></h4>
+The full catalog of apps created by Puffercat as well as ones currently in development. If you don't have access to Google Play store on your device, you can download all of my Android apps here, from the official source.<br>
+<br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Screenshots</strong></h4>
+        <div class="scrollScreenshots">
+        <img src="../assets/Screenshot_Puffercat_Apps_1.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_2.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_3.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_4.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_5.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_6.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_7.png" class="screenshot">
+        <img src="../assets/Screenshot_Puffercat_Apps_8.png" class="screenshot">
+        </div>
+        <br>
+    </ion-col>
+    </ion-row>
+    <ion-row class="column-standard">
+      <ion-col>
+        <h4><strong>Links</strong></h4>
+        <a href="https://apps.puffercat.xyz" class="">Website</a>
+        <br>
+        <a href="https://puffercatchannel.t.me" class="">Telegram channel</a>
+        <br>
+        <a href="https://pufferchat.t.me" class="">Telegram chat</a>
+        <br>
+        <a href="https://puffercat.t.me" class="">Telegram DM</a>
+        <br>
+        <a href="https://twitter.com/@puffercatt" class="">Twitter</a>
+        <br>
+        <a href="mailto:puffercatt+pufferapps@gmail.com" class="">E-mail</a>
+        <br>
+        <br>
+    </ion-col>
+    </ion-row>
+  </ion-grid>
+      </ion-content>
+    </ion-page>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent } from 'vue';
+  import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
+      IonModal,
+      IonItem,
+      IonList,
+      IonAvatar,
+      IonImg,
+      IonLabel } from '@ionic/vue';
+  import ExploreContainer from '@/components/ExploreContainer.vue';
+  import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
+  
+  export default  defineComponent({
+    name: 'Tab1Page',
+    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton, IonModal},
+    setup() {
+      return {
+        logoAndroid,
+        arrowDown,
+        logoPwa,
+        ellipsisVertical
+      }
+    },
+    methods: {
+      dismiss() {
+        (this.$refs.modal as InstanceType<typeof IonModal>).$el.dismiss();
+      },
+    }
+  });
+  </script>
+  
+  <style scoped>
+    .column-standard {
+      background-color: var(--ion-color-light-shade);
+      color: var(--ion-color-light-contrast);
+      padding: 15px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } .icon {
+      width: 90px;
+      margin-right: 5px;
+    } ion-button {
+      --box-shadow: 0px;
+    } .download-column {
+      text-align: right;
+      display: flex;
+      justify-content: right;
+      align-items: center;
+    } .description-column {
+      align-items: center;
+    } .size-appname {
+    font-size: 20px;
+  } .size-appname-icon {
+    font-size: 15px;
+  } .logoAbout {
+    width: 125px;
+    margin: 10px;
+    margin-top: 20px;
+  } .modalContent {
+    text-align: center;
+      display: flex;
+      justify-content: center;
+  } .tableLabel {
+    text-align: left;
+  } .vueLogoLight {
+    display: inline;
+  } .vueLogoDark {
+    display: none;
+  } @media (prefers-color-scheme: dark) {
+    .vueLogoLight {
+      display: none;
+    } .vueLogoDark {
+      display: inline;
+    }
+  } .aboutFrameworkLogo {
+    width: 175px;
+  } .bannerColumn {
+    height: 200px;
+    background-image: url("../assets/Banner_Puffercat_Apps.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 25px;
+  } .column-standard2 {
+      background-color: transparent;
+      color: var(--ion-color-light-contrast);
+    padding: 0px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } ion-button {
+    --box-shadow: 0px;
+  } .screenshot {
+    height: 600px;
+    border-radius: 30px;
+  } div.scrollScreenshots {
+  overflow: auto;
+  white-space: nowrap;
+}
+
+div.scrollScreenshots img {
+  display: inline-block;
+  padding: 10px;
+} .hidden-link {
+    text-decoration-line: none;
+    color: var(--ion-color-light-contrast);
+  } .installGuideImage {
+    height: auto;
+    width: 300px;
+    border-radius: 20px;
+  }
+  </style>
\ No newline at end of file