From d8ec361cf6dc20ceb8c53776b3044b349bc09f4c Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Wed, 4 Jun 2025 16:18:44 +0530
Subject: [PATCH 1/7] chore: this part works now wooohooo

---
 "\\"                                          |   8 +
 .../src/routes/(app)/+layout.svelte           |  24 +-
 .../src/routes/(app)/scan-qr/+page.svelte     |  85 +++--
 .../evault-provisioner/src/index.ts           |   2 +
 .../src/templates/evault.nomad.ts             | 186 ++++++----
 .../cache/plugins/2sy648wh9sugi               |   1 -
 .../project.inlang/cache/plugins/ygx0uiahq6uw |  16 -
 platforms/{metagram => pictique}/.gitignore   |   0
 platforms/{metagram => pictique}/.npmrc       |   0
 .../{metagram => pictique}/.prettierignore    |   0
 platforms/{metagram => pictique}/.prettierrc  |   0
 .../{metagram => pictique}/.storybook/main.ts |   0
 .../.storybook/preview.ts                     |   0
 platforms/{metagram => pictique}/README.md    |   0
 .../{metagram => pictique}/eslint.config.js   |   0
 .../{metagram => pictique}/messages/en.json   |   0
 .../{metagram => pictique}/messages/es.json   |   0
 platforms/{metagram => pictique}/package.json |   2 +
 .../project.inlang/.gitignore                 |   0
 .../project.inlang/project_id                 |   0
 .../project.inlang/settings.json              |   0
 platforms/{metagram => pictique}/src/app.css  |   0
 platforms/{metagram => pictique}/src/app.d.ts |   0
 platforms/{metagram => pictique}/src/app.html |   0
 .../src/hooks.server.ts                       |   0
 platforms/{metagram => pictique}/src/hooks.ts |   0
 .../src/lib/components/CreatePostModal.svelte | 116 +++++++
 .../src/lib/dummyData.ts                      |   0
 .../ActionMenu/ActionMenu.stories.ts          |   0
 .../fragments/ActionMenu/ActionMenu.svelte    |   0
 .../fragments/BottomNav/BottomNav.stories.ts  |   0
 .../lib/fragments/BottomNav/BottomNav.svelte  |   0
 .../ChatMessage/ChatMessage.stories.ts        |   0
 .../fragments/ChatMessage/ChatMessage.svelte  |   0
 .../lib/fragments/Comment/Comment.stories.ts  |   0
 .../src/lib/fragments/Comment/Comment.svelte  |   0
 .../CreatePostModal/CreatePostModal.svelte    | 106 ++++++
 .../Drawer/Drawer.stories.snippet.svelte      |   0
 .../lib/fragments/Drawer/Drawer.stories.ts    |   0
 .../src/lib/fragments/Drawer/Drawer.svelte    |   0
 .../lib/fragments/Header/Header.stories.ts    |   0
 .../src/lib/fragments/Header/Header.svelte    |   0
 .../fragments/InputFile/InputFile.stories.ts  |   0
 .../lib/fragments/InputFile/InputFile.svelte  |   0
 .../lib/fragments/Message/Message.stories.ts  |   0
 .../src/lib/fragments/Message/Message.svelte  |   0
 .../MessageInput/MessageInput.stories.ts      |   0
 .../MessageInput/MessageInput.svelte          |   0
 .../Modal/Modal.stories.snippet.svelte        |   0
 .../src/lib/fragments/Modal/Modal.stories.ts  |   0
 .../src/lib/fragments/Modal/Modal.svelte      |   0
 .../src/lib/fragments/Post/Post.stories.ts    |   0
 .../src/lib/fragments/Post/Post.svelte        |  29 +-
 .../fragments/RightAside/RightAside.svelte    |   0
 .../SettingsDeleteButton.svelte               |   0
 ...ngsNavigationButton.stories.snippet.svelte |   0
 .../SettingsNavigationButton.stories.ts       |   0
 .../SettingsNavigationButton.svelte           |   0
 .../SettingsPage/SettingsPage.svelte          |   0
 .../SettingsToggleButton.svelte               |   0
 .../lib/fragments/SideBar/SideBar.stories.ts  |   0
 .../src/lib/fragments/SideBar/SideBar.svelte  |   0
 .../UploadedPostView.stories.ts               |   0
 .../UploadedPostView/UploadedPostView.svelte  |   0
 .../UserRequest/UserRequest.stories.ts        |   0
 .../fragments/UserRequest/UserRequest.svelte  |   0
 .../src/lib/fragments/index.ts                |   0
 .../src/lib/icons/Camera.svelte               |   0
 .../src/lib/icons/CommentIcon.svelte          |   0
 .../src/lib/icons/CommentsTwo.svelte          |   0
 .../src/lib/icons/Cross.svelte                |   0
 .../src/lib/icons/Flash.svelte                |   0
 .../src/lib/icons/Home.svelte                 |   0
 .../src/lib/icons/Icons.stories.ts            |   0
 .../src/lib/icons/Icons.svelte                |   0
 .../src/lib/icons/Like.svelte                 |   0
 .../src/lib/icons/Refresh.svelte              |   0
 .../src/lib/icons/Search.svelte               |   0
 .../src/lib/icons/Settings.svelte             |   0
 .../src/lib/icons/VerticalDots.svelte         |   0
 .../src/lib/icons/index.ts                    |   0
 .../{metagram => pictique}/src/lib/index.ts   |   0
 .../src/lib/store/store.svelte.ts             |   0
 platforms/pictique/src/lib/stores/auth.ts     |  24 ++
 platforms/pictique/src/lib/stores/posts.ts    |  66 ++++
 .../{metagram => pictique}/src/lib/types.ts   |   0
 .../src/lib/ui/Avatar/Avatar.stories.ts       |   0
 .../src/lib/ui/Avatar/Avatar.svelte           |   0
 .../ui/Button/Button.stories.snippet.svelte   |   0
 .../src/lib/ui/Button/Button.stories.ts       |   0
 .../src/lib/ui/Button/Button.svelte           |   0
 .../ui/Helper/Helper.stories.snippet.svelte   |   0
 .../src/lib/ui/Helper/Helper.stories.ts       |   0
 .../src/lib/ui/Helper/Helper.svelte           |   0
 .../src/lib/ui/Input/Input.stories.ts         |   0
 .../src/lib/ui/Input/Input.svelte             |   0
 .../lib/ui/Label/Label.stories.snippet.svelte |   0
 .../src/lib/ui/Label/Label.stories.ts         |   0
 .../src/lib/ui/Label/Label.svelte             |   0
 .../pictique/src/lib/ui/Modal/Modal.svelte    |  30 ++
 platforms/pictique/src/lib/ui/Qr/Qr.svelte    |   7 +
 .../src/lib/ui/Select/Select.stories.ts       |   0
 .../src/lib/ui/Select/Select.svelte           |   0
 .../src/lib/ui/Toggle/Toggle.stories.ts       |   0
 .../src/lib/ui/Toggle/Toggle.svelte           |   0
 .../src/lib/ui/index.ts                       |   1 +
 platforms/pictique/src/lib/utils/axios.ts     |  23 ++
 .../src/lib/utils/clickOutside.ts             |   0
 .../src/lib/utils/index.ts                    |   1 +
 .../src/lib/utils/mergeClasses.ts             |   0
 .../src/routes/(auth)/auth/+page.svelte       |  48 +++
 .../src/routes/(protected)/+layout.svelte     |  19 +-
 .../routes/(protected)/discover/+page.svelte  |   0
 .../src/routes/(protected)/home/+page.svelte  |  92 +++--
 .../routes/(protected)/messages/+page.svelte  |   0
 .../(protected)/messages/[id]/+page.svelte    |   0
 .../src/routes/(protected)/post/+page.svelte  |   0
 .../routes/(protected)/profile/+page.svelte   |   0
 .../(protected)/settings/+layout.svelte       |   0
 .../routes/(protected)/settings/+page.svelte  |   0
 .../(protected)/settings/account/+page.svelte |   0
 .../settings/account/deactivate/+page.svelte  |   0
 .../settings/account/username/+page.svelte    |   0
 .../settings/data-and-storage/+page.svelte    |   0
 .../(protected)/settings/logout/+page.svelte  |   0
 .../settings/notifications/+page.svelte       |   0
 .../src/routes/+layout.svelte                 |   0
 .../src/routes/+layout.ts                     |   0
 .../src/routes/+page.svelte                   |   0
 .../{metagram => pictique}/static/favicon.png | Bin
 .../static/fonts/Geist-VariableFont_wght.ttf  | Bin
 .../static/images/Logo.svg                    |   0
 .../{metagram => pictique}/svelte.config.js   |   9 +-
 .../{metagram => pictique}/tsconfig.json      |   0
 .../{metagram => pictique}/vite.config.ts     |   0
 platforms/piqtique-api/package.json           |  39 +++
 .../src/controllers/AuthController.ts         |  81 +++++
 .../src/controllers/CommentController.ts      | 125 +++++++
 .../src/controllers/MessageController.ts      | 173 ++++++++++
 .../src/controllers/PostController.ts         |  54 +++
 .../piqtique-api/src/database/data-source.ts  |  20 ++
 .../src/database/entities/Comment.ts          |  35 ++
 .../src/database/entities/Message.ts          |  29 ++
 .../src/database/entities/Post.ts             |  41 +++
 .../src/database/entities/User.ts             |  71 ++++
 .../migrations/1749032877158-migration.ts     |  70 ++++
 platforms/piqtique-api/src/index.ts           |  73 ++++
 platforms/piqtique-api/src/middleware/auth.ts |  40 +++
 .../piqtique-api/src/services/PostService.ts  |  67 ++++
 .../piqtique-api/src/services/UserService.ts  |  35 ++
 platforms/piqtique-api/src/types/express.d.ts |   9 +
 platforms/piqtique-api/src/utils/jwt.ts       |  15 +
 platforms/piqtique-api/tsconfig.json          |  25 ++
 pnpm-lock.yaml                                | 317 +++++++++++++++++-
 scripts/expose-ports.sh                       |  10 +
 services/ontology/package.json                |  28 +-
 .../ontology/schemas/socialMediaPost.json     |  71 ++++
 services/ontology/schemas/user.json           |  28 ++
 services/ontology/schemas/userProfile.json    |  63 ++++
 services/ontology/src/index.js                |  93 +++++
 160 files changed, 2302 insertions(+), 205 deletions(-)
 create mode 100644 "\\"
 delete mode 100644 platforms/metagram/project.inlang/cache/plugins/2sy648wh9sugi
 delete mode 100644 platforms/metagram/project.inlang/cache/plugins/ygx0uiahq6uw
 rename platforms/{metagram => pictique}/.gitignore (100%)
 rename platforms/{metagram => pictique}/.npmrc (100%)
 rename platforms/{metagram => pictique}/.prettierignore (100%)
 rename platforms/{metagram => pictique}/.prettierrc (100%)
 rename platforms/{metagram => pictique}/.storybook/main.ts (100%)
 rename platforms/{metagram => pictique}/.storybook/preview.ts (100%)
 rename platforms/{metagram => pictique}/README.md (100%)
 rename platforms/{metagram => pictique}/eslint.config.js (100%)
 rename platforms/{metagram => pictique}/messages/en.json (100%)
 rename platforms/{metagram => pictique}/messages/es.json (100%)
 rename platforms/{metagram => pictique}/package.json (97%)
 rename platforms/{metagram => pictique}/project.inlang/.gitignore (100%)
 rename platforms/{metagram => pictique}/project.inlang/project_id (100%)
 rename platforms/{metagram => pictique}/project.inlang/settings.json (100%)
 rename platforms/{metagram => pictique}/src/app.css (100%)
 rename platforms/{metagram => pictique}/src/app.d.ts (100%)
 rename platforms/{metagram => pictique}/src/app.html (100%)
 rename platforms/{metagram => pictique}/src/hooks.server.ts (100%)
 rename platforms/{metagram => pictique}/src/hooks.ts (100%)
 create mode 100644 platforms/pictique/src/lib/components/CreatePostModal.svelte
 rename platforms/{metagram => pictique}/src/lib/dummyData.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/ActionMenu/ActionMenu.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/ActionMenu/ActionMenu.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/BottomNav/BottomNav.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/BottomNav/BottomNav.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/ChatMessage/ChatMessage.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/ChatMessage/ChatMessage.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Comment/Comment.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Comment/Comment.svelte (100%)
 create mode 100644 platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
 rename platforms/{metagram => pictique}/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Drawer/Drawer.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Drawer/Drawer.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Header/Header.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Header/Header.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/InputFile/InputFile.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/InputFile/InputFile.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Message/Message.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Message/Message.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/MessageInput/MessageInput.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/MessageInput/MessageInput.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Modal/Modal.stories.snippet.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Modal/Modal.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Modal/Modal.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Post/Post.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/Post/Post.svelte (86%)
 rename platforms/{metagram => pictique}/src/lib/fragments/RightAside/RightAside.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SettingsPage/SettingsPage.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SideBar/SideBar.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/SideBar/SideBar.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/UploadedPostView/UploadedPostView.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/UserRequest/UserRequest.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/UserRequest/UserRequest.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/fragments/index.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Camera.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/CommentIcon.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/CommentsTwo.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Cross.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Flash.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Home.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Icons.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Icons.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Like.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Refresh.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Search.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/Settings.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/VerticalDots.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/icons/index.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/index.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/store/store.svelte.ts (100%)
 create mode 100644 platforms/pictique/src/lib/stores/auth.ts
 create mode 100644 platforms/pictique/src/lib/stores/posts.ts
 rename platforms/{metagram => pictique}/src/lib/types.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Avatar/Avatar.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Avatar/Avatar.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Button/Button.stories.snippet.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Button/Button.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Button/Button.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Helper/Helper.stories.snippet.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Helper/Helper.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Helper/Helper.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Input/Input.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Input/Input.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Label/Label.stories.snippet.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Label/Label.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Label/Label.svelte (100%)
 create mode 100644 platforms/pictique/src/lib/ui/Modal/Modal.svelte
 create mode 100644 platforms/pictique/src/lib/ui/Qr/Qr.svelte
 rename platforms/{metagram => pictique}/src/lib/ui/Select/Select.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Select/Select.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Toggle/Toggle.stories.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/Toggle/Toggle.svelte (100%)
 rename platforms/{metagram => pictique}/src/lib/ui/index.ts (89%)
 create mode 100644 platforms/pictique/src/lib/utils/axios.ts
 rename platforms/{metagram => pictique}/src/lib/utils/clickOutside.ts (100%)
 rename platforms/{metagram => pictique}/src/lib/utils/index.ts (71%)
 rename platforms/{metagram => pictique}/src/lib/utils/mergeClasses.ts (100%)
 create mode 100644 platforms/pictique/src/routes/(auth)/auth/+page.svelte
 rename platforms/{metagram => pictique}/src/routes/(protected)/+layout.svelte (88%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/discover/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/home/+page.svelte (60%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/messages/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/messages/[id]/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/post/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/profile/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/+layout.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/account/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/account/deactivate/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/account/username/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/data-and-storage/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/logout/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/(protected)/settings/notifications/+page.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/+layout.svelte (100%)
 rename platforms/{metagram => pictique}/src/routes/+layout.ts (100%)
 rename platforms/{metagram => pictique}/src/routes/+page.svelte (100%)
 rename platforms/{metagram => pictique}/static/favicon.png (100%)
 rename platforms/{metagram => pictique}/static/fonts/Geist-VariableFont_wght.ttf (100%)
 rename platforms/{metagram => pictique}/static/images/Logo.svg (100%)
 rename platforms/{metagram => pictique}/svelte.config.js (54%)
 rename platforms/{metagram => pictique}/tsconfig.json (100%)
 rename platforms/{metagram => pictique}/vite.config.ts (100%)
 create mode 100644 platforms/piqtique-api/package.json
 create mode 100644 platforms/piqtique-api/src/controllers/AuthController.ts
 create mode 100644 platforms/piqtique-api/src/controllers/CommentController.ts
 create mode 100644 platforms/piqtique-api/src/controllers/MessageController.ts
 create mode 100644 platforms/piqtique-api/src/controllers/PostController.ts
 create mode 100644 platforms/piqtique-api/src/database/data-source.ts
 create mode 100644 platforms/piqtique-api/src/database/entities/Comment.ts
 create mode 100644 platforms/piqtique-api/src/database/entities/Message.ts
 create mode 100644 platforms/piqtique-api/src/database/entities/Post.ts
 create mode 100644 platforms/piqtique-api/src/database/entities/User.ts
 create mode 100644 platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts
 create mode 100644 platforms/piqtique-api/src/index.ts
 create mode 100644 platforms/piqtique-api/src/middleware/auth.ts
 create mode 100644 platforms/piqtique-api/src/services/PostService.ts
 create mode 100644 platforms/piqtique-api/src/services/UserService.ts
 create mode 100644 platforms/piqtique-api/src/types/express.d.ts
 create mode 100644 platforms/piqtique-api/src/utils/jwt.ts
 create mode 100644 platforms/piqtique-api/tsconfig.json
 create mode 100644 scripts/expose-ports.sh
 create mode 100644 services/ontology/schemas/socialMediaPost.json
 create mode 100644 services/ontology/schemas/user.json
 create mode 100644 services/ontology/schemas/userProfile.json
 create mode 100644 services/ontology/src/index.js

diff --git "a/\\" "b/\\"
new file mode 100644
index 00000000..e23649e1
--- /dev/null
+++ "b/\\"
@@ -0,0 +1,8 @@
+<div
+	class="align-center flex h-full w-full flex-col content-center items-center
+    justify-center"
+>
+	<div class="h-max-[600px] bg-grey w-[100px] py-10">
+		<h1>asdf</h1>
+	</div>
+</div>
diff --git a/infrastructure/eid-wallet/src/routes/(app)/+layout.svelte b/infrastructure/eid-wallet/src/routes/(app)/+layout.svelte
index f6e1e531..80d867ea 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/+layout.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/+layout.svelte
@@ -1,11 +1,18 @@
 <script lang="ts">
-import { page } from "$app/state";
-import type { Snippet } from "svelte";
-import type { LayoutData } from "./$types";
+    import { page } from "$app/state";
+    import type { Snippet } from "svelte";
+    import type { LayoutData } from "./$types";
 
-let { data, children }: { data: LayoutData; children: Snippet } = $props();
+    let { data, children }: { data: LayoutData; children: Snippet } = $props();
 
-let currentRoute = $derived(page.url.pathname.split("/").pop() || "home");
+    let currentRoute = $derived(page.url.pathname.split("/").pop() || "home");
+
+    $effect(() => {
+        const isScanPage = currentRoute === "scan-qr";
+        if (isScanPage)
+            return document.body.classList.add("custom-global-style");
+        return document.body.classList.remove("custom-global-style");
+    });
 </script>
 
 <!-- Dev only: remove this when deploying to production -->
@@ -18,3 +25,10 @@ let currentRoute = $derived(page.url.pathname.split("/").pop() || "home");
 <div class="p-6">
     {@render children()}
 </div>
+
+<style>
+    :global(body.custom-global-style, body.custom-global-style *:not(button)) {
+        background-color: #00000000;
+        overflow-y: hidden;
+    }
+</style>
diff --git a/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
index a5b4373c..ac4f76d3 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
@@ -1,12 +1,9 @@
 <script lang="ts">
+    import { PUBLIC_PROVISIONER_URL } from "$env/static/public";
     import AppNav from "$lib/fragments/AppNav/AppNav.svelte";
     import { Drawer } from "$lib/ui";
     import * as Button from "$lib/ui/Button";
-    import {
-        FlashlightIcon,
-        Image02Icon,
-        QrCodeIcon,
-    } from "@hugeicons/core-free-icons";
+    import { QrCodeIcon } from "@hugeicons/core-free-icons";
     import { HugeiconsIcon } from "@hugeicons/svelte";
     import {
         Format,
@@ -17,8 +14,12 @@
         requestPermissions,
         scan,
     } from "@tauri-apps/plugin-barcode-scanner";
-    import { onDestroy, onMount } from "svelte";
+    import { getContext, onDestroy, onMount } from "svelte";
     import type { SVGAttributes } from "svelte/elements";
+    import type { GlobalState } from "$lib/global";
+    import axios from "axios";
+
+    const globalState = getContext<() => GlobalState>("globalState")();
 
     const pathProps: SVGAttributes<SVGPathElement> = {
         stroke: "white",
@@ -27,14 +28,17 @@
         "stroke-linejoin": "round",
     };
 
+    let platform = $state();
+    let hostname = $state();
+    let session = $state();
     let codeScannedDrawerOpen = $state(false);
     let loggedInDrawerOpen = $state(false);
-    let flashlightOn = $state(false);
 
     let scannedData: Scanned | undefined = $state(undefined);
 
     let scanning = false;
     let loading = false;
+    let redirect = $state();
 
     let permissions_nullable: PermissionState | null;
 
@@ -63,8 +67,15 @@
             scanning = true;
             scan({ formats, windowed })
                 .then((res) => {
-                    console.log("Scan result:", res);
                     scannedData = res;
+                    const url = new URL(res.content);
+                    platform = url.searchParams.get("platform");
+                    const redirectUrl = new URL(
+                        url.searchParams.get("redirect"),
+                    );
+                    redirect = url.searchParams.get("redirect");
+                    session = url.searchParams.get("session");
+                    hostname = redirectUrl.hostname;
                     codeScannedDrawerOpen = true;
                 })
                 .catch((error) => {
@@ -80,6 +91,15 @@
         // TODO: consider handling GUI for permission denied
     }
 
+    async function handleAuth() {
+        const vault = await globalState.vaultController.vault;
+        await axios.post(redirect, { ename: vault.ename, session });
+
+        codeScannedDrawerOpen = false;
+        loggedInDrawerOpen = true;
+        startScan();
+    }
+
     async function cancelScan() {
         await cancel();
         scanning = false;
@@ -116,27 +136,7 @@
 
 <div
     class="fixed bottom-2 left-1/2 -translate-x-1/2 z-10 flex gap-8 justify-center items-center"
->
-    <Button.Icon icon={Image02Icon} bgColor="white" bgSize="md" />
-    <Button.Icon
-        icon={QrCodeIcon}
-        bgColor="white"
-        bgSize="lg"
-        iconSize="lg"
-        callback={() => {
-            codeScannedDrawerOpen = true;
-        }}
-    />
-    <Button.Icon
-        icon={FlashlightIcon}
-        aria-label="Toggle flashlight"
-        bgSize="md"
-        iconSize={32}
-        bgColor={flashlightOn ? "white" : "secondary"}
-        iconColor="black"
-        onclick={() => (flashlightOn = !flashlightOn)}
-    />
-</div>
+></div>
 
 <!-- code scanned drawer -->
 <Drawer
@@ -166,9 +166,16 @@
     <p class="text-black-700">You're trying to access the following site</p>
 
     <div class="bg-gray rounded-2xl w-full p-4 mt-4">
+        <h4 class="text-base text-black-700">Platform Name</h4>
+        <p class="text-black-700 font-normal capitalize">
+            {platform ?? "Unable to get name"}
+        </p>
+    </div>
+
+    <div class="bg-gray rounded-2xl w-full p-4">
         <h4 class="text-base text-black-700">Website URL</h4>
-        <p class="text-black-700 font-normal underline">
-            {scannedData?.content}
+        <p class="text-black-700 font-normal">
+            {hostname ?? scannedData?.content}
         </p>
     </div>
     <div class="flex justify-center gap-3 items-center mt-4">
@@ -182,15 +189,7 @@
         >
             Decline
         </Button.Action>
-        <Button.Action
-            variant="solid"
-            class="w-full"
-            callback={() => {
-                codeScannedDrawerOpen = false;
-                loggedInDrawerOpen = true;
-                startScan();
-            }}
-        >
+        <Button.Action variant="solid" class="w-full" callback={handleAuth}>
             Confirm
         </Button.Action>
     </div>
@@ -221,7 +220,7 @@
     </div>
 
     <h4>You're logged in!</h4>
-    <p class="text-black-700">You're now connected to this service'</p>
+    <p class="text-black-700">You're now connected to {platform}</p>
 
     <div class="flex justify-center items-center mt-4">
         <Button.Action
@@ -238,8 +237,4 @@
 </Drawer>
 
 <style>
-    :global(body, *:not(button)) {
-        background-color: #00000000;
-        overflow-y: hidden;
-    }
 </style>
diff --git a/infrastructure/evault-provisioner/src/index.ts b/infrastructure/evault-provisioner/src/index.ts
index ae4cce77..33cf07b6 100644
--- a/infrastructure/evault-provisioner/src/index.ts
+++ b/infrastructure/evault-provisioner/src/index.ts
@@ -76,6 +76,7 @@ app.post(
         res: Response<ProvisionResponse>,
     ) => {
         try {
+            console.log("provisioning init");
             if (!process.env.PUBLIC_REGISTRY_URL)
                 throw new Error("PUBLIC_REGISTRY_URL is not set");
             const { registryEntropy, namespace, verificationId } = req.body;
@@ -95,6 +96,7 @@ app.post(
             if (verification.consumed)
                 throw new Error("This verification ID has already been used");
 
+            console.log("jwk");
             const jwksResponse = await axios.get(
                 new URL(
                     `/.well-known/jwks.json`,
diff --git a/infrastructure/evault-provisioner/src/templates/evault.nomad.ts b/infrastructure/evault-provisioner/src/templates/evault.nomad.ts
index 0e68c439..7a6ea18d 100644
--- a/infrastructure/evault-provisioner/src/templates/evault.nomad.ts
+++ b/infrastructure/evault-provisioner/src/templates/evault.nomad.ts
@@ -1,5 +1,5 @@
 import sha256 from "sha256";
-import * as k8s from '@kubernetes/client-node';
+import * as k8s from "@kubernetes/client-node";
 import { execSync } from "child_process";
 import { json } from "express";
 
@@ -37,9 +37,10 @@ export function generatePassword(length = 16): string {
  * @throws {Error} If the service endpoint cannot be determined from the cluster.
  */
 export async function provisionEVault(w3id: string, eVaultId: string) {
-    const idParts = w3id.split('@');
-    w3id = idParts[idParts.length - 1]
-    const neo4jPassword = sha256(w3id)
+    console.log("starting to provision");
+    const idParts = w3id.split("@");
+    w3id = idParts[idParts.length - 1];
+    const neo4jPassword = sha256(w3id);
 
     const kc = new k8s.KubeConfig();
     kc.loadFromDefault();
@@ -50,99 +51,154 @@ export async function provisionEVault(w3id: string, eVaultId: string) {
     const namespaceName = `evault-${w3id}`;
     const containerPort = 4000;
 
-    const namespace = await coreApi.createNamespace({ body: { metadata: { name: namespaceName } } });
+    const namespace = await coreApi.createNamespace({
+        body: { metadata: { name: namespaceName } },
+    });
 
     const pvcSpec = (name: string) => ({
         metadata: { name, namespace: namespaceName },
         spec: {
-            accessModes: ['ReadWriteOnce'],
-            resources: { requests: { storage: '1Gi' } }
-        }
+            accessModes: ["ReadWriteOnce"],
+            resources: { requests: { storage: "1Gi" } },
+        },
+    });
+    await coreApi.createNamespacedPersistentVolumeClaim({
+        namespace: namespaceName,
+        body: pvcSpec("neo4j-data"),
+    });
+    await coreApi.createNamespacedPersistentVolumeClaim({
+        namespace: namespaceName,
+        body: pvcSpec("evault-store"),
     });
-    await coreApi.createNamespacedPersistentVolumeClaim({ namespace: namespaceName, body: pvcSpec('neo4j-data') });
-    await coreApi.createNamespacedPersistentVolumeClaim({ namespace: namespaceName, body: pvcSpec('evault-store') });
     await coreApi.createNamespacedPersistentVolumeClaim({
-        namespace: namespaceName, body: {
-            metadata: { name: 'evault-secrets', namespace: namespaceName },
+        namespace: namespaceName,
+        body: {
+            metadata: { name: "evault-secrets", namespace: namespaceName },
             spec: {
-                accessModes: ['ReadWriteOnce'],
+                accessModes: ["ReadWriteOnce"],
                 resources: {
                     requests: {
-                        storage: '2Mi'
-                    }
-                }
-            }
-        }
+                        storage: "2Mi",
+                    },
+                },
+            },
+        },
     });
 
-
     const deployment = {
-        metadata: { name: 'evault', namespace: namespaceName },
+        metadata: { name: "evault", namespace: namespaceName },
         spec: {
             replicas: 1,
-            selector: { matchLabels: { app: 'evault' } },
+            selector: { matchLabels: { app: "evault" } },
             template: {
-                metadata: { labels: { app: 'evault' } },
+                metadata: { labels: { app: "evault" } },
                 spec: {
                     containers: [
                         {
-                            name: 'neo4j',
-                            image: 'neo4j:5.15',
+                            name: "neo4j",
+                            image: "neo4j:5.15",
                             ports: [{ containerPort: 7687 }],
                             env: [
-                                { name: 'NEO4J_AUTH', value: `neo4j/${neo4jPassword}` },
-                                { name: 'dbms.connector.bolt.listen_address', value: '0.0.0.0:7687' }
+                                {
+                                    name: "NEO4J_AUTH",
+                                    value: `neo4j/${neo4jPassword}`,
+                                },
+                                {
+                                    name: "dbms.connector.bolt.listen_address",
+                                    value: "0.0.0.0:7687",
+                                },
+                            ],
+                            volumeMounts: [
+                                { name: "neo4j-data", mountPath: "/data" },
                             ],
-                            volumeMounts: [{ name: 'neo4j-data', mountPath: '/data' }]
                         },
                         {
-                            name: 'evault',
-                            image: 'merulauvo/evault:latest',
+                            name: "evault",
+                            image: "merulauvo/evault:latest",
                             ports: [{ containerPort }],
                             env: [
-                                { name: 'NEO4J_URI', value: 'bolt://localhost:7687' },
-                                { name: 'NEO4J_USER', value: 'neo4j' },
-                                { name: 'NEO4J_PASSWORD', value: neo4jPassword },
-                                { name: 'PORT', value: containerPort.toString() },
-                                { name: 'W3ID', value: w3id },
-                                { name: "ENCRYPTION_PASSWORD", value: neo4jPassword },
-                                { name: "SECRETS_STORE_PATH", value: "/secrets" }
+                                {
+                                    name: "NEO4J_URI",
+                                    value: "bolt://localhost:7687",
+                                },
+                                { name: "NEO4J_USER", value: "neo4j" },
+                                {
+                                    name: "NEO4J_PASSWORD",
+                                    value: neo4jPassword,
+                                },
+                                {
+                                    name: "PORT",
+                                    value: containerPort.toString(),
+                                },
+                                { name: "W3ID", value: w3id },
+                                {
+                                    name: "ENCRYPTION_PASSWORD",
+                                    value: neo4jPassword,
+                                },
+                                {
+                                    name: "SECRETS_STORE_PATH",
+                                    value: "/secrets",
+                                },
+                            ],
+                            volumeMounts: [
+                                {
+                                    name: "evault-store",
+                                    mountPath: "/evault/data",
+                                },
                             ],
-                            volumeMounts: [{ name: 'evault-store', mountPath: '/evault/data' }]
-                        }
+                        },
                     ],
                     volumes: [
-                        { name: 'neo4j-data', persistentVolumeClaim: { claimName: 'neo4j-data' } },
-                        { name: 'evault-store', persistentVolumeClaim: { claimName: 'evault-store' } },
-                        { name: 'evault-secrets', persistentVolumeClaim: { claimName: "evault-secrets" } }
-                    ]
-                }
-            }
-        }
+                        {
+                            name: "neo4j-data",
+                            persistentVolumeClaim: { claimName: "neo4j-data" },
+                        },
+                        {
+                            name: "evault-store",
+                            persistentVolumeClaim: {
+                                claimName: "evault-store",
+                            },
+                        },
+                        {
+                            name: "evault-secrets",
+                            persistentVolumeClaim: {
+                                claimName: "evault-secrets",
+                            },
+                        },
+                    ],
+                },
+            },
+        },
     };
 
-    await appsApi.createNamespacedDeployment({ body: deployment, namespace: namespaceName });
+    await appsApi.createNamespacedDeployment({
+        body: deployment,
+        namespace: namespaceName,
+    });
 
     await coreApi.createNamespacedService({
         namespace: namespaceName,
         body: {
-            apiVersion: 'v1',
-            kind: 'Service',
-            metadata: { name: 'evault-service' },
+            apiVersion: "v1",
+            kind: "Service",
+            metadata: { name: "evault-service" },
             spec: {
-                type: 'LoadBalancer',
-                selector: { app: 'evault' },
+                type: "LoadBalancer",
+                selector: { app: "evault" },
                 ports: [
                     {
                         port: 4000,
-                        targetPort: 4000
-                    }
-                ]
-            }
-        }
+                        targetPort: 4000,
+                    },
+                ],
+            },
+        },
     });
 
-    const svc = await coreApi.readNamespacedService({ name: 'evault-service', namespace: namespaceName });
+    const svc = await coreApi.readNamespacedService({
+        name: "evault-service",
+        namespace: namespaceName,
+    });
     const spec = svc.spec;
     const status = svc.status;
 
@@ -156,24 +212,26 @@ export async function provisionEVault(w3id: string, eVaultId: string) {
 
     // Fallback: NodePort + Node IP (local clusters or bare-metal)
     const nodePort = spec?.ports?.[0]?.nodePort;
-    if (!nodePort) throw new Error('No LoadBalancer or NodePort found.');
+    if (!nodePort) throw new Error("No LoadBalancer or NodePort found.");
 
     // Try getting an external IP from the cluster nodes
     const nodes = await coreApi.listNode();
-    console.log(JSON.stringify(nodes))
     const address = nodes?.items[0].status.addresses.find(
-        (a) => a.type === 'ExternalIP' || a.type === 'InternalIP'
+        (a) => a.type === "ExternalIP" || a.type === "InternalIP",
     )?.address;
 
     if (address) {
-        return `http://${address}:${nodePort}`;
+        const isMinikubeIp = address === "192.168.49.2";
+        return `http://${isMinikubeIp ? address : process.env.IP_ADDR.split("http://")[1]}:${nodePort}`;
     }
 
     // Local fallback: use minikube IP if available
     try {
-        const minikubeIP = execSync('minikube ip').toString().trim();
-        return `http://${minikubeIP}:${nodePort}`
+        const minikubeIP = execSync("minikube ip").toString().trim();
+        return `http://${minikubeIP}:${nodePort}`;
     } catch (e) {
-        throw new Error('Unable to determine service IP (no LoadBalancer, Node IP, or Minikube IP)');
+        throw new Error(
+            "Unable to determine service IP (no LoadBalancer, Node IP, or Minikube IP)",
+        );
     }
 }
diff --git a/platforms/metagram/project.inlang/cache/plugins/2sy648wh9sugi b/platforms/metagram/project.inlang/cache/plugins/2sy648wh9sugi
deleted file mode 100644
index 5b07e0dd..00000000
--- a/platforms/metagram/project.inlang/cache/plugins/2sy648wh9sugi
+++ /dev/null
@@ -1 +0,0 @@
-var Un=Object.create;var Xe=Object.defineProperty;var Pn=Object.getOwnPropertyDescriptor;var vn=Object.getOwnPropertyNames;var Nn=Object.getPrototypeOf,Sn=Object.prototype.hasOwnProperty;var Rn=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports);var xn=(s,e,i,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of vn(e))!Sn.call(s,p)&&p!==i&&Xe(s,p,{get:()=>e[p],enumerable:!(u=Pn(e,p))||u.enumerable});return s};var jn=(s,e,i)=>(i=s!=null?Un(Nn(s)):{},xn(e||!s||!s.__esModule?Xe(i,"default",{value:s,enumerable:!0}):i,s));var he=Rn(o=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0});o.Type=o.JsonType=o.JavaScriptTypeBuilder=o.JsonTypeBuilder=o.TypeBuilder=o.TypeBuilderError=o.TransformEncodeBuilder=o.TransformDecodeBuilder=o.TemplateLiteralDslParser=o.TemplateLiteralGenerator=o.TemplateLiteralGeneratorError=o.TemplateLiteralFinite=o.TemplateLiteralFiniteError=o.TemplateLiteralParser=o.TemplateLiteralParserError=o.TemplateLiteralResolver=o.TemplateLiteralPattern=o.TemplateLiteralPatternError=o.UnionResolver=o.KeyArrayResolver=o.KeyArrayResolverError=o.KeyResolver=o.ObjectMap=o.Intrinsic=o.IndexedAccessor=o.TypeClone=o.TypeExtends=o.TypeExtendsResult=o.TypeExtendsError=o.ExtendsUndefined=o.TypeGuard=o.TypeGuardUnknownTypeError=o.ValueGuard=o.FormatRegistry=o.TypeBoxError=o.TypeRegistry=o.PatternStringExact=o.PatternNumberExact=o.PatternBooleanExact=o.PatternString=o.PatternNumber=o.PatternBoolean=o.Kind=o.Hint=o.Optional=o.Readonly=o.Transform=void 0;o.Transform=Symbol.for("TypeBox.Transform");o.Readonly=Symbol.for("TypeBox.Readonly");o.Optional=Symbol.for("TypeBox.Optional");o.Hint=Symbol.for("TypeBox.Hint");o.Kind=Symbol.for("TypeBox.Kind");o.PatternBoolean="(true|false)";o.PatternNumber="(0|[1-9][0-9]*)";o.PatternString="(.*)";o.PatternBooleanExact=`^${o.PatternBoolean}$`;o.PatternNumberExact=`^${o.PatternNumber}$`;o.PatternStringExact=`^${o.PatternString}$`;var Ve;(function(s){let e=new Map;function i(){return new Map(e)}s.Entries=i;function u(){return e.clear()}s.Clear=u;function p(y){return e.delete(y)}s.Delete=p;function l(y){return e.has(y)}s.Has=l;function c(y,b){e.set(y,b)}s.Set=c;function T(y){return e.get(y)}s.Get=T})(Ve||(o.TypeRegistry=Ve={}));var D=class extends Error{constructor(e){super(e)}};o.TypeBoxError=D;var Ze;(function(s){let e=new Map;function i(){return new Map(e)}s.Entries=i;function u(){return e.clear()}s.Clear=u;function p(y){return e.delete(y)}s.Delete=p;function l(y){return e.has(y)}s.Has=l;function c(y,b){e.set(y,b)}s.Set=c;function T(y){return e.get(y)}s.Get=T})(Ze||(o.FormatRegistry=Ze={}));var I;(function(s){function e(m){return Array.isArray(m)}s.IsArray=e;function i(m){return typeof m=="bigint"}s.IsBigInt=i;function u(m){return typeof m=="boolean"}s.IsBoolean=u;function p(m){return m instanceof globalThis.Date}s.IsDate=p;function l(m){return m===null}s.IsNull=l;function c(m){return typeof m=="number"}s.IsNumber=c;function T(m){return typeof m=="object"&&m!==null}s.IsObject=T;function y(m){return typeof m=="string"}s.IsString=y;function b(m){return m instanceof globalThis.Uint8Array}s.IsUint8Array=b;function g(m){return m===void 0}s.IsUndefined=g})(I||(o.ValueGuard=I={}));var ze=class extends D{};o.TypeGuardUnknownTypeError=ze;var a;(function(s){function e(r){try{return new RegExp(r),!0}catch{return!1}}function i(r){if(!I.IsString(r))return!1;for(let L=0;L<r.length;L++){let B=r.charCodeAt(L);if(B>=7&&B<=13||B===27||B===127)return!1}return!0}function u(r){return c(r)||C(r)}function p(r){return I.IsUndefined(r)||I.IsBigInt(r)}function l(r){return I.IsUndefined(r)||I.IsNumber(r)}function c(r){return I.IsUndefined(r)||I.IsBoolean(r)}function T(r){return I.IsUndefined(r)||I.IsString(r)}function y(r){return I.IsUndefined(r)||I.IsString(r)&&i(r)&&e(r)}function b(r){return I.IsUndefined(r)||I.IsString(r)&&i(r)}function g(r){return I.IsUndefined(r)||C(r)}function m(r){return S(r,"Any")&&T(r.$id)}s.TAny=m;function U(r){return S(r,"Array")&&r.type==="array"&&T(r.$id)&&C(r.items)&&l(r.minItems)&&l(r.maxItems)&&c(r.uniqueItems)&&g(r.contains)&&l(r.minContains)&&l(r.maxContains)}s.TArray=U;function d(r){return S(r,"AsyncIterator")&&r.type==="AsyncIterator"&&T(r.$id)&&C(r.items)}s.TAsyncIterator=d;function O(r){return S(r,"BigInt")&&r.type==="bigint"&&T(r.$id)&&p(r.exclusiveMaximum)&&p(r.exclusiveMinimum)&&p(r.maximum)&&p(r.minimum)&&p(r.multipleOf)}s.TBigInt=O;function v(r){return S(r,"Boolean")&&r.type==="boolean"&&T(r.$id)}s.TBoolean=v;function N(r){return S(r,"Constructor")&&r.type==="Constructor"&&T(r.$id)&&I.IsArray(r.parameters)&&r.parameters.every(L=>C(L))&&C(r.returns)}s.TConstructor=N;function j(r){return S(r,"Date")&&r.type==="Date"&&T(r.$id)&&l(r.exclusiveMaximumTimestamp)&&l(r.exclusiveMinimumTimestamp)&&l(r.maximumTimestamp)&&l(r.minimumTimestamp)&&l(r.multipleOfTimestamp)}s.TDate=j;function R(r){return S(r,"Function")&&r.type==="Function"&&T(r.$id)&&I.IsArray(r.parameters)&&r.parameters.every(L=>C(L))&&C(r.returns)}s.TFunction=R;function A(r){return S(r,"Integer")&&r.type==="integer"&&T(r.$id)&&l(r.exclusiveMaximum)&&l(r.exclusiveMinimum)&&l(r.maximum)&&l(r.minimum)&&l(r.multipleOf)}s.TInteger=A;function K(r){return S(r,"Intersect")&&!(I.IsString(r.type)&&r.type!=="object")&&I.IsArray(r.allOf)&&r.allOf.every(L=>C(L)&&!oe(L))&&T(r.type)&&(c(r.unevaluatedProperties)||g(r.unevaluatedProperties))&&T(r.$id)}s.TIntersect=K;function pe(r){return S(r,"Iterator")&&r.type==="Iterator"&&T(r.$id)&&C(r.items)}s.TIterator=pe;function S(r,L){return ee(r)&&r[o.Kind]===L}s.TKindOf=S;function ee(r){return I.IsObject(r)&&o.Kind in r&&I.IsString(r[o.Kind])}s.TKind=ee;function ne(r){return V(r)&&I.IsString(r.const)}s.TLiteralString=ne;function Te(r){return V(r)&&I.IsNumber(r.const)}s.TLiteralNumber=Te;function Ke(r){return V(r)&&I.IsBoolean(r.const)}s.TLiteralBoolean=Ke;function V(r){return S(r,"Literal")&&T(r.$id)&&(I.IsBoolean(r.const)||I.IsNumber(r.const)||I.IsString(r.const))}s.TLiteral=V;function fe(r){return S(r,"Never")&&I.IsObject(r.not)&&Object.getOwnPropertyNames(r.not).length===0}s.TNever=fe;function $(r){return S(r,"Not")&&C(r.not)}s.TNot=$;function te(r){return S(r,"Null")&&r.type==="null"&&T(r.$id)}s.TNull=te;function re(r){return S(r,"Number")&&r.type==="number"&&T(r.$id)&&l(r.exclusiveMaximum)&&l(r.exclusiveMinimum)&&l(r.maximum)&&l(r.minimum)&&l(r.multipleOf)}s.TNumber=re;function _(r){return S(r,"Object")&&r.type==="object"&&T(r.$id)&&I.IsObject(r.properties)&&u(r.additionalProperties)&&l(r.minProperties)&&l(r.maxProperties)&&Object.entries(r.properties).every(([L,B])=>i(L)&&C(B))}s.TObject=_;function ie(r){return S(r,"Promise")&&r.type==="Promise"&&T(r.$id)&&C(r.item)}s.TPromise=ie;function de(r){return S(r,"Record")&&r.type==="object"&&T(r.$id)&&u(r.additionalProperties)&&I.IsObject(r.patternProperties)&&(L=>{let B=Object.getOwnPropertyNames(L.patternProperties);return B.length===1&&e(B[0])&&I.IsObject(L.patternProperties)&&C(L.patternProperties[B[0]])})(r)}s.TRecord=de;function Ee(r){return I.IsObject(r)&&o.Hint in r&&r[o.Hint]==="Recursive"}s.TRecursive=Ee;function ye(r){return S(r,"Ref")&&T(r.$id)&&I.IsString(r.$ref)}s.TRef=ye;function me(r){return S(r,"String")&&r.type==="string"&&T(r.$id)&&l(r.minLength)&&l(r.maxLength)&&y(r.pattern)&&b(r.format)}s.TString=me;function ge(r){return S(r,"Symbol")&&r.type==="symbol"&&T(r.$id)}s.TSymbol=ge;function z(r){return S(r,"TemplateLiteral")&&r.type==="string"&&I.IsString(r.pattern)&&r.pattern[0]==="^"&&r.pattern[r.pattern.length-1]==="$"}s.TTemplateLiteral=z;function Ie(r){return S(r,"This")&&T(r.$id)&&I.IsString(r.$ref)}s.TThis=Ie;function oe(r){return I.IsObject(r)&&o.Transform in r}s.TTransform=oe;function F(r){return S(r,"Tuple")&&r.type==="array"&&T(r.$id)&&I.IsNumber(r.minItems)&&I.IsNumber(r.maxItems)&&r.minItems===r.maxItems&&(I.IsUndefined(r.items)&&I.IsUndefined(r.additionalItems)&&r.minItems===0||I.IsArray(r.items)&&r.items.every(L=>C(L)))}s.TTuple=F;function be(r){return S(r,"Undefined")&&r.type==="undefined"&&T(r.$id)}s.TUndefined=be;function Be(r){return q(r)&&r.anyOf.every(L=>ne(L)||Te(L))}s.TUnionLiteral=Be;function q(r){return S(r,"Union")&&T(r.$id)&&I.IsObject(r)&&I.IsArray(r.anyOf)&&r.anyOf.every(L=>C(L))}s.TUnion=q;function W(r){return S(r,"Uint8Array")&&r.type==="Uint8Array"&&T(r.$id)&&l(r.minByteLength)&&l(r.maxByteLength)}s.TUint8Array=W;function E(r){return S(r,"Unknown")&&T(r.$id)}s.TUnknown=E;function Oe(r){return S(r,"Unsafe")}s.TUnsafe=Oe;function se(r){return S(r,"Void")&&r.type==="void"&&T(r.$id)}s.TVoid=se;function Me(r){return I.IsObject(r)&&r[o.Readonly]==="Readonly"}s.TReadonly=Me;function De(r){return I.IsObject(r)&&r[o.Optional]==="Optional"}s.TOptional=De;function C(r){return I.IsObject(r)&&(m(r)||U(r)||v(r)||O(r)||d(r)||N(r)||j(r)||R(r)||A(r)||K(r)||pe(r)||V(r)||fe(r)||$(r)||te(r)||re(r)||_(r)||ie(r)||de(r)||ye(r)||me(r)||ge(r)||z(r)||Ie(r)||F(r)||be(r)||q(r)||W(r)||E(r)||Oe(r)||se(r)||ee(r)&&Ve.Has(r[o.Kind]))}s.TSchema=C})(a||(o.TypeGuard=a={}));var Ge;(function(s){function e(i){return i[o.Kind]==="Intersect"?i.allOf.every(u=>e(u)):i[o.Kind]==="Union"?i.anyOf.some(u=>e(u)):i[o.Kind]==="Undefined"?!0:i[o.Kind]==="Not"?!e(i.not):!1}s.Check=e})(Ge||(o.ExtendsUndefined=Ge={}));var Ue=class extends D{};o.TypeExtendsError=Ue;var f;(function(s){s[s.Union=0]="Union",s[s.True=1]="True",s[s.False=2]="False"})(f||(o.TypeExtendsResult=f={}));var J;(function(s){function e(n){return n===f.False?n:f.True}function i(n){throw new Ue(n)}function u(n){return a.TNever(n)||a.TIntersect(n)||a.TUnion(n)||a.TUnknown(n)||a.TAny(n)}function p(n,t){return a.TNever(t)?S(n,t):a.TIntersect(t)?R(n,t):a.TUnion(t)?ke(n,t):a.TUnknown(t)?Qe(n,t):a.TAny(t)?l(n,t):i("StructuralRight")}function l(n,t){return f.True}function c(n,t){return a.TIntersect(t)?R(n,t):a.TUnion(t)&&t.anyOf.some(x=>a.TAny(x)||a.TUnknown(x))?f.True:a.TUnion(t)?f.Union:a.TUnknown(t)||a.TAny(t)?f.True:f.Union}function T(n,t){return a.TUnknown(n)?f.False:a.TAny(n)?f.Union:a.TNever(n)?f.True:f.False}function y(n,t){return a.TObject(t)&&z(t)?f.True:u(t)?p(n,t):a.TArray(t)?e(w(n.items,t.items)):f.False}function b(n,t){return u(t)?p(n,t):a.TAsyncIterator(t)?e(w(n.items,t.items)):f.False}function g(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TBigInt(t)?f.True:f.False}function m(n,t){return a.TLiteral(n)&&I.IsBoolean(n.const)||a.TBoolean(n)?f.True:f.False}function U(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TBoolean(t)?f.True:f.False}function d(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TConstructor(t)?n.parameters.length>t.parameters.length?f.False:n.parameters.every((x,M)=>e(w(t.parameters[M],x))===f.True)?e(w(n.returns,t.returns)):f.False:f.False}function O(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TDate(t)?f.True:f.False}function v(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TFunction(t)?n.parameters.length>t.parameters.length?f.False:n.parameters.every((x,M)=>e(w(t.parameters[M],x))===f.True)?e(w(n.returns,t.returns)):f.False:f.False}function N(n,t){return a.TLiteral(n)&&I.IsNumber(n.const)||a.TNumber(n)||a.TInteger(n)?f.True:f.False}function j(n,t){return a.TInteger(t)||a.TNumber(t)?f.True:u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):f.False}function R(n,t){return t.allOf.every(x=>w(n,x)===f.True)?f.True:f.False}function A(n,t){return n.allOf.some(x=>w(x,t)===f.True)?f.True:f.False}function K(n,t){return u(t)?p(n,t):a.TIterator(t)?e(w(n.items,t.items)):f.False}function pe(n,t){return a.TLiteral(t)&&t.const===n.const?f.True:u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TString(t)?se(n,t):a.TNumber(t)?V(n,t):a.TInteger(t)?N(n,t):a.TBoolean(t)?m(n,t):f.False}function S(n,t){return f.False}function ee(n,t){return f.True}function ne(n){let[t,x]=[n,0];for(;a.TNot(t);)t=t.not,x+=1;return x%2===0?t:o.Type.Unknown()}function Te(n,t){return a.TNot(n)?w(ne(n),t):a.TNot(t)?w(n,ne(t)):i("Invalid fallthrough for Not")}function Ke(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TNull(t)?f.True:f.False}function V(n,t){return a.TLiteralNumber(n)||a.TNumber(n)||a.TInteger(n)?f.True:f.False}function fe(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TInteger(t)||a.TNumber(t)?f.True:f.False}function $(n,t){return Object.getOwnPropertyNames(n.properties).length===t}function te(n){return z(n)}function re(n){return $(n,0)||$(n,1)&&"description"in n.properties&&a.TUnion(n.properties.description)&&n.properties.description.anyOf.length===2&&(a.TString(n.properties.description.anyOf[0])&&a.TUndefined(n.properties.description.anyOf[1])||a.TString(n.properties.description.anyOf[1])&&a.TUndefined(n.properties.description.anyOf[0]))}function _(n){return $(n,0)}function ie(n){return $(n,0)}function de(n){return $(n,0)}function Ee(n){return $(n,0)}function ye(n){return z(n)}function me(n){let t=o.Type.Number();return $(n,0)||$(n,1)&&"length"in n.properties&&e(w(n.properties.length,t))===f.True}function ge(n){return $(n,0)}function z(n){let t=o.Type.Number();return $(n,0)||$(n,1)&&"length"in n.properties&&e(w(n.properties.length,t))===f.True}function Ie(n){let t=o.Type.Function([o.Type.Any()],o.Type.Any());return $(n,0)||$(n,1)&&"then"in n.properties&&e(w(n.properties.then,t))===f.True}function oe(n,t){return w(n,t)===f.False||a.TOptional(n)&&!a.TOptional(t)?f.False:f.True}function F(n,t){return a.TUnknown(n)?f.False:a.TAny(n)?f.Union:a.TNever(n)||a.TLiteralString(n)&&te(t)||a.TLiteralNumber(n)&&_(t)||a.TLiteralBoolean(n)&&ie(t)||a.TSymbol(n)&&re(t)||a.TBigInt(n)&&de(t)||a.TString(n)&&te(t)||a.TSymbol(n)&&re(t)||a.TNumber(n)&&_(t)||a.TInteger(n)&&_(t)||a.TBoolean(n)&&ie(t)||a.TUint8Array(n)&&ye(t)||a.TDate(n)&&Ee(t)||a.TConstructor(n)&&ge(t)||a.TFunction(n)&&me(t)?f.True:a.TRecord(n)&&a.TString(q(n))?t[o.Hint]==="Record"?f.True:f.False:a.TRecord(n)&&a.TNumber(q(n))?$(t,0)?f.True:f.False:f.False}function be(n,t){return u(t)?p(n,t):a.TRecord(t)?E(n,t):a.TObject(t)?(()=>{for(let x of Object.getOwnPropertyNames(t.properties)){if(!(x in n.properties)&&!a.TOptional(t.properties[x]))return f.False;if(a.TOptional(t.properties[x]))return f.True;if(oe(n.properties[x],t.properties[x])===f.False)return f.False}return f.True})():f.False}function Be(n,t){return u(t)?p(n,t):a.TObject(t)&&Ie(t)?f.True:a.TPromise(t)?e(w(n.item,t.item)):f.False}function q(n){return o.PatternNumberExact in n.patternProperties?o.Type.Number():o.PatternStringExact in n.patternProperties?o.Type.String():i("Unknown record key pattern")}function W(n){return o.PatternNumberExact in n.patternProperties?n.patternProperties[o.PatternNumberExact]:o.PatternStringExact in n.patternProperties?n.patternProperties[o.PatternStringExact]:i("Unable to get record value schema")}function E(n,t){let[x,M]=[q(t),W(t)];return a.TLiteralString(n)&&a.TNumber(x)&&e(w(n,M))===f.True?f.True:a.TUint8Array(n)&&a.TNumber(x)||a.TString(n)&&a.TNumber(x)||a.TArray(n)&&a.TNumber(x)?w(n,M):a.TObject(n)?(()=>{for(let On of Object.getOwnPropertyNames(n.properties))if(oe(M,n.properties[On])===f.False)return f.False;return f.True})():f.False}function Oe(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?w(W(n),W(t)):f.False}function se(n,t){return a.TLiteral(n)&&I.IsString(n.const)||a.TString(n)?f.True:f.False}function Me(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TString(t)?f.True:f.False}function De(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TSymbol(t)?f.True:f.False}function C(n,t){return a.TTemplateLiteral(n)?w(k.Resolve(n),t):a.TTemplateLiteral(t)?w(n,k.Resolve(t)):i("Invalid fallthrough for TemplateLiteral")}function r(n,t){return a.TArray(t)&&n.items!==void 0&&n.items.every(x=>w(x,t.items)===f.True)}function L(n,t){return a.TNever(n)?f.True:a.TUnknown(n)?f.False:a.TAny(n)?f.Union:f.False}function B(n,t){return u(t)?p(n,t):a.TObject(t)&&z(t)||a.TArray(t)&&r(n,t)?f.True:a.TTuple(t)?I.IsUndefined(n.items)&&!I.IsUndefined(t.items)||!I.IsUndefined(n.items)&&I.IsUndefined(t.items)?f.False:I.IsUndefined(n.items)&&!I.IsUndefined(t.items)||n.items.every((x,M)=>w(x,t.items[M])===f.True)?f.True:f.False:f.False}function fn(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TUint8Array(t)?f.True:f.False}function dn(n,t){return u(t)?p(n,t):a.TObject(t)?F(n,t):a.TRecord(t)?E(n,t):a.TVoid(t)?gn(n,t):a.TUndefined(t)?f.True:f.False}function ke(n,t){return t.anyOf.some(x=>w(n,x)===f.True)?f.True:f.False}function yn(n,t){return n.anyOf.every(x=>w(x,t)===f.True)?f.True:f.False}function Qe(n,t){return f.True}function mn(n,t){return a.TNever(t)?S(n,t):a.TIntersect(t)?R(n,t):a.TUnion(t)?ke(n,t):a.TAny(t)?l(n,t):a.TString(t)?se(n,t):a.TNumber(t)?V(n,t):a.TInteger(t)?N(n,t):a.TBoolean(t)?m(n,t):a.TArray(t)?T(n,t):a.TTuple(t)?L(n,t):a.TObject(t)?F(n,t):a.TUnknown(t)?f.True:f.False}function gn(n,t){return a.TUndefined(n)||a.TUndefined(n)?f.True:f.False}function In(n,t){return a.TIntersect(t)?R(n,t):a.TUnion(t)?ke(n,t):a.TUnknown(t)?Qe(n,t):a.TAny(t)?l(n,t):a.TObject(t)?F(n,t):a.TVoid(t)?f.True:f.False}function w(n,t){return a.TTemplateLiteral(n)||a.TTemplateLiteral(t)?C(n,t):a.TNot(n)||a.TNot(t)?Te(n,t):a.TAny(n)?c(n,t):a.TArray(n)?y(n,t):a.TBigInt(n)?g(n,t):a.TBoolean(n)?U(n,t):a.TAsyncIterator(n)?b(n,t):a.TConstructor(n)?d(n,t):a.TDate(n)?O(n,t):a.TFunction(n)?v(n,t):a.TInteger(n)?j(n,t):a.TIntersect(n)?A(n,t):a.TIterator(n)?K(n,t):a.TLiteral(n)?pe(n,t):a.TNever(n)?ee(n,t):a.TNull(n)?Ke(n,t):a.TNumber(n)?fe(n,t):a.TObject(n)?be(n,t):a.TRecord(n)?Oe(n,t):a.TString(n)?Me(n,t):a.TSymbol(n)?De(n,t):a.TTuple(n)?B(n,t):a.TPromise(n)?Be(n,t):a.TUint8Array(n)?fn(n,t):a.TUndefined(n)?dn(n,t):a.TUnion(n)?yn(n,t):a.TUnknown(n)?mn(n,t):a.TVoid(n)?In(n,t):i(`Unknown left type operand '${n[o.Kind]}'`)}function bn(n,t){return w(n,t)}s.Extends=bn})(J||(o.TypeExtends=J={}));var P;(function(s){function e(y){return y.map(b=>l(b))}function i(y){return new Date(y.getTime())}function u(y){return new Uint8Array(y)}function p(y){let b=Object.getOwnPropertyNames(y).reduce((m,U)=>({...m,[U]:l(y[U])}),{}),g=Object.getOwnPropertySymbols(y).reduce((m,U)=>({...m,[U]:l(y[U])}),{});return{...b,...g}}function l(y){return I.IsArray(y)?e(y):I.IsDate(y)?i(y):I.IsUint8Array(y)?u(y):I.IsObject(y)?p(y):y}function c(y){return y.map(b=>T(b))}s.Rest=c;function T(y,b={}){return{...l(y),...b}}s.Type=T})(P||(o.TypeClone=P={}));var qe;(function(s){function e(d){return d.map(O=>{let{[o.Optional]:v,...N}=P.Type(O);return N})}function i(d){return d.every(O=>a.TOptional(O))}function u(d){return d.some(O=>a.TOptional(O))}function p(d){return i(d.allOf)?o.Type.Optional(o.Type.Intersect(e(d.allOf))):d}function l(d){return u(d.anyOf)?o.Type.Optional(o.Type.Union(e(d.anyOf))):d}function c(d){return d[o.Kind]==="Intersect"?p(d):d[o.Kind]==="Union"?l(d):d}function T(d,O){let v=d.allOf.reduce((N,j)=>{let R=m(j,O);return R[o.Kind]==="Never"?N:[...N,R]},[]);return c(o.Type.Intersect(v))}function y(d,O){let v=d.anyOf.map(N=>m(N,O));return c(o.Type.Union(v))}function b(d,O){let v=d.properties[O];return I.IsUndefined(v)?o.Type.Never():o.Type.Union([v])}function g(d,O){let v=d.items;if(I.IsUndefined(v))return o.Type.Never();let N=v[O];return I.IsUndefined(N)?o.Type.Never():N}function m(d,O){return d[o.Kind]==="Intersect"?T(d,O):d[o.Kind]==="Union"?y(d,O):d[o.Kind]==="Object"?b(d,O):d[o.Kind]==="Tuple"?g(d,O):o.Type.Never()}function U(d,O,v={}){let N=O.map(j=>m(d,j.toString()));return c(o.Type.Union(N,v))}s.Resolve=U})(qe||(o.IndexedAccessor=qe={}));var Y;(function(s){function e(g){let[m,U]=[g.slice(0,1),g.slice(1)];return`${m.toLowerCase()}${U}`}function i(g){let[m,U]=[g.slice(0,1),g.slice(1)];return`${m.toUpperCase()}${U}`}function u(g){return g.toUpperCase()}function p(g){return g.toLowerCase()}function l(g,m){let U=X.ParseExact(g.pattern);if(!Z.Check(U))return{...g,pattern:c(g.pattern,m)};let v=[...G.Generate(U)].map(R=>o.Type.Literal(R)),N=T(v,m),j=o.Type.Union(N);return o.Type.TemplateLiteral([j])}function c(g,m){return typeof g=="string"?m==="Uncapitalize"?e(g):m==="Capitalize"?i(g):m==="Uppercase"?u(g):m==="Lowercase"?p(g):g:g.toString()}function T(g,m){if(g.length===0)return[];let[U,...d]=g;return[b(U,m),...T(d,m)]}function y(g,m){return a.TTemplateLiteral(g)?l(g,m):a.TUnion(g)?o.Type.Union(T(g.anyOf,m)):a.TLiteral(g)?o.Type.Literal(c(g.const,m)):g}function b(g,m){return y(g,m)}s.Map=b})(Y||(o.Intrinsic=Y={}));var Q;(function(s){function e(c,T){return o.Type.Intersect(c.allOf.map(y=>p(y,T)),{...c})}function i(c,T){return o.Type.Union(c.anyOf.map(y=>p(y,T)),{...c})}function u(c,T){return T(c)}function p(c,T){return c[o.Kind]==="Intersect"?e(c,T):c[o.Kind]==="Union"?i(c,T):c[o.Kind]==="Object"?u(c,T):c}function l(c,T,y){return{...p(P.Type(c),T),...y}}s.Map=l})(Q||(o.ObjectMap=Q={}));var Pe;(function(s){function e(b){return b[0]==="^"&&b[b.length-1]==="$"?b.slice(1,b.length-1):b}function i(b,g){return b.allOf.reduce((m,U)=>[...m,...c(U,g)],[])}function u(b,g){let m=b.anyOf.map(U=>c(U,g));return[...m.reduce((U,d)=>d.map(O=>m.every(v=>v.includes(O))?U.add(O):U)[0],new Set)]}function p(b,g){return Object.getOwnPropertyNames(b.properties)}function l(b,g){return g.includePatterns?Object.getOwnPropertyNames(b.patternProperties):[]}function c(b,g){return a.TIntersect(b)?i(b,g):a.TUnion(b)?u(b,g):a.TObject(b)?p(b,g):a.TRecord(b)?l(b,g):[]}function T(b,g){return[...new Set(c(b,g))]}s.ResolveKeys=T;function y(b){return`^(${T(b,{includePatterns:!0}).map(U=>`(${e(U)})`).join("|")})$`}s.ResolvePattern=y})(Pe||(o.KeyResolver=Pe={}));var ve=class extends D{};o.KeyArrayResolverError=ve;var ae;(function(s){function e(i){return Array.isArray(i)?i:a.TUnionLiteral(i)?i.anyOf.map(u=>u.const.toString()):a.TLiteral(i)?[i.const]:a.TTemplateLiteral(i)?(()=>{let u=X.ParseExact(i.pattern);if(!Z.Check(u))throw new ve("Cannot resolve keys from infinite template expression");return[...G.Generate(u)]})():[]}s.Resolve=e})(ae||(o.KeyArrayResolver=ae={}));var Je;(function(s){function*e(u){for(let p of u.anyOf)p[o.Kind]==="Union"?yield*e(p):yield p}function i(u){return o.Type.Union([...e(u)],{...u})}s.Resolve=i})(Je||(o.UnionResolver=Je={}));var Ne=class extends D{};o.TemplateLiteralPatternError=Ne;var Se;(function(s){function e(l){throw new Ne(l)}function i(l){return l.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function u(l,c){return a.TTemplateLiteral(l)?l.pattern.slice(1,l.pattern.length-1):a.TUnion(l)?`(${l.anyOf.map(T=>u(T,c)).join("|")})`:a.TNumber(l)?`${c}${o.PatternNumber}`:a.TInteger(l)?`${c}${o.PatternNumber}`:a.TBigInt(l)?`${c}${o.PatternNumber}`:a.TString(l)?`${c}${o.PatternString}`:a.TLiteral(l)?`${c}${i(l.const.toString())}`:a.TBoolean(l)?`${c}${o.PatternBoolean}`:e(`Unexpected Kind '${l[o.Kind]}'`)}function p(l){return`^${l.map(c=>u(c,"")).join("")}$`}s.Create=p})(Se||(o.TemplateLiteralPattern=Se={}));var k;(function(s){function e(i){let u=X.ParseExact(i.pattern);if(!Z.Check(u))return o.Type.String();let p=[...G.Generate(u)].map(l=>o.Type.Literal(l));return o.Type.Union(p)}s.Resolve=e})(k||(o.TemplateLiteralResolver=k={}));var ue=class extends D{};o.TemplateLiteralParserError=ue;var X;(function(s){function e(d,O,v){return d[O]===v&&d.charCodeAt(O-1)!==92}function i(d,O){return e(d,O,"(")}function u(d,O){return e(d,O,")")}function p(d,O){return e(d,O,"|")}function l(d){if(!(i(d,0)&&u(d,d.length-1)))return!1;let O=0;for(let v=0;v<d.length;v++)if(i(d,v)&&(O+=1),u(d,v)&&(O-=1),O===0&&v!==d.length-1)return!1;return!0}function c(d){return d.slice(1,d.length-1)}function T(d){let O=0;for(let v=0;v<d.length;v++)if(i(d,v)&&(O+=1),u(d,v)&&(O-=1),p(d,v)&&O===0)return!0;return!1}function y(d){for(let O=0;O<d.length;O++)if(i(d,O))return!0;return!1}function b(d){let[O,v]=[0,0],N=[];for(let R=0;R<d.length;R++)if(i(d,R)&&(O+=1),u(d,R)&&(O-=1),p(d,R)&&O===0){let A=d.slice(v,R);A.length>0&&N.push(m(A)),v=R+1}let j=d.slice(v);return j.length>0&&N.push(m(j)),N.length===0?{type:"const",const:""}:N.length===1?N[0]:{type:"or",expr:N}}function g(d){function O(j,R){if(!i(j,R))throw new ue("TemplateLiteralParser: Index must point to open parens");let A=0;for(let K=R;K<j.length;K++)if(i(j,K)&&(A+=1),u(j,K)&&(A-=1),A===0)return[R,K];throw new ue("TemplateLiteralParser: Unclosed group parens in expression")}function v(j,R){for(let A=R;A<j.length;A++)if(i(j,A))return[R,A];return[R,j.length]}let N=[];for(let j=0;j<d.length;j++)if(i(d,j)){let[R,A]=O(d,j),K=d.slice(R,A+1);N.push(m(K)),j=A}else{let[R,A]=v(d,j),K=d.slice(R,A);K.length>0&&N.push(m(K)),j=A-1}return N.length===0?{type:"const",const:""}:N.length===1?N[0]:{type:"and",expr:N}}function m(d){return l(d)?m(c(d)):T(d)?b(d):y(d)?g(d):{type:"const",const:d}}s.Parse=m;function U(d){return m(d.slice(1,d.length-1))}s.ParseExact=U})(X||(o.TemplateLiteralParser=X={}));var Re=class extends D{};o.TemplateLiteralFiniteError=Re;var Z;(function(s){function e(c){throw new Re(c)}function i(c){return c.type==="or"&&c.expr.length===2&&c.expr[0].type==="const"&&c.expr[0].const==="0"&&c.expr[1].type==="const"&&c.expr[1].const==="[1-9][0-9]*"}function u(c){return c.type==="or"&&c.expr.length===2&&c.expr[0].type==="const"&&c.expr[0].const==="true"&&c.expr[1].type==="const"&&c.expr[1].const==="false"}function p(c){return c.type==="const"&&c.const===".*"}function l(c){return u(c)?!0:i(c)||p(c)?!1:c.type==="and"?c.expr.every(T=>l(T)):c.type==="or"?c.expr.every(T=>l(T)):c.type==="const"?!0:e("Unknown expression type")}s.Check=l})(Z||(o.TemplateLiteralFinite=Z={}));var xe=class extends D{};o.TemplateLiteralGeneratorError=xe;var G;(function(s){function*e(c){if(c.length===1)return yield*c[0];for(let T of c[0])for(let y of e(c.slice(1)))yield`${T}${y}`}function*i(c){return yield*e(c.expr.map(T=>[...l(T)]))}function*u(c){for(let T of c.expr)yield*l(T)}function*p(c){return yield c.const}function*l(c){return c.type==="and"?yield*i(c):c.type==="or"?yield*u(c):c.type==="const"?yield*p(c):(()=>{throw new xe("Unknown expression")})()}s.Generate=l})(G||(o.TemplateLiteralGenerator=G={}));var He;(function(s){function*e(l){let c=l.trim().replace(/"|'/g,"");return c==="boolean"?yield o.Type.Boolean():c==="number"?yield o.Type.Number():c==="bigint"?yield o.Type.BigInt():c==="string"?yield o.Type.String():yield(()=>{let T=c.split("|").map(y=>o.Type.Literal(y.trim()));return T.length===0?o.Type.Never():T.length===1?T[0]:o.Type.Union(T)})()}function*i(l){if(l[1]!=="{"){let c=o.Type.Literal("$"),T=u(l.slice(1));return yield*[c,...T]}for(let c=2;c<l.length;c++)if(l[c]==="}"){let T=e(l.slice(2,c)),y=u(l.slice(c+1));return yield*[...T,...y]}yield o.Type.Literal(l)}function*u(l){for(let c=0;c<l.length;c++)if(l[c]==="$"){let T=o.Type.Literal(l.slice(0,c)),y=i(l.slice(c));return yield*[T,...y]}yield o.Type.Literal(l)}function p(l){return[...u(l)]}s.Parse=p})(He||(o.TemplateLiteralDslParser=He={}));var je=class{constructor(e){this.schema=e}Decode(e){return new we(this.schema,e)}};o.TransformDecodeBuilder=je;var we=class{constructor(e,i){this.schema=e,this.decode=i}Encode(e){let i=P.Type(this.schema);return a.TTransform(i)?(()=>{let l={Encode:c=>i[o.Transform].Encode(e(c)),Decode:c=>this.decode(i[o.Transform].Decode(c))};return{...i,[o.Transform]:l}})():(()=>{let u={Decode:this.decode,Encode:e};return{...i,[o.Transform]:u}})()}};o.TransformEncodeBuilder=we;var wn=0,Le=class extends D{};o.TypeBuilderError=Le;var Ae=class{Create(e){return e}Throw(e){throw new Le(e)}Discard(e,i){return i.reduce((u,p)=>{let{[p]:l,...c}=u;return c},e)}Strict(e){return JSON.parse(JSON.stringify(e))}};o.TypeBuilder=Ae;var le=class extends Ae{ReadonlyOptional(e){return this.Readonly(this.Optional(e))}Readonly(e){return{...P.Type(e),[o.Readonly]:"Readonly"}}Optional(e){return{...P.Type(e),[o.Optional]:"Optional"}}Any(e={}){return this.Create({...e,[o.Kind]:"Any"})}Array(e,i={}){return this.Create({...i,[o.Kind]:"Array",type:"array",items:P.Type(e)})}Boolean(e={}){return this.Create({...e,[o.Kind]:"Boolean",type:"boolean"})}Capitalize(e,i={}){return{...Y.Map(P.Type(e),"Capitalize"),...i}}Composite(e,i){let u=o.Type.Intersect(e,{}),l=Pe.ResolveKeys(u,{includePatterns:!1}).reduce((c,T)=>({...c,[T]:o.Type.Index(u,[T])}),{});return o.Type.Object(l,i)}Enum(e,i={}){if(I.IsUndefined(e))return this.Throw("Enum undefined or empty");let u=Object.getOwnPropertyNames(e).filter(c=>isNaN(c)).map(c=>e[c]),l=[...new Set(u)].map(c=>o.Type.Literal(c));return this.Union(l,{...i,[o.Hint]:"Enum"})}Extends(e,i,u,p,l={}){switch(J.Extends(e,i)){case f.Union:return this.Union([P.Type(u,l),P.Type(p,l)]);case f.True:return P.Type(u,l);case f.False:return P.Type(p,l)}}Exclude(e,i,u={}){return a.TTemplateLiteral(e)?this.Exclude(k.Resolve(e),i,u):a.TTemplateLiteral(i)?this.Exclude(e,k.Resolve(i),u):a.TUnion(e)?(()=>{let p=e.anyOf.filter(l=>J.Extends(l,i)===f.False);return p.length===1?P.Type(p[0],u):this.Union(p,u)})():J.Extends(e,i)!==f.False?this.Never(u):P.Type(e,u)}Extract(e,i,u={}){return a.TTemplateLiteral(e)?this.Extract(k.Resolve(e),i,u):a.TTemplateLiteral(i)?this.Extract(e,k.Resolve(i),u):a.TUnion(e)?(()=>{let p=e.anyOf.filter(l=>J.Extends(l,i)!==f.False);return p.length===1?P.Type(p[0],u):this.Union(p,u)})():J.Extends(e,i)!==f.False?P.Type(e,u):this.Never(u)}Index(e,i,u={}){return a.TArray(e)&&a.TNumber(i)?P.Type(e.items,u):a.TTuple(e)&&a.TNumber(i)?(()=>{let l=(I.IsUndefined(e.items)?[]:e.items).map(c=>P.Type(c));return this.Union(l,u)})():(()=>{let p=ae.Resolve(i),l=P.Type(e);return qe.Resolve(l,p,u)})()}Integer(e={}){return this.Create({...e,[o.Kind]:"Integer",type:"integer"})}Intersect(e,i={}){if(e.length===0)return o.Type.Never();if(e.length===1)return P.Type(e[0],i);e.some(c=>a.TTransform(c))&&this.Throw("Cannot intersect transform types");let u=e.every(c=>a.TObject(c)),p=P.Rest(e),l=a.TSchema(i.unevaluatedProperties)?{unevaluatedProperties:P.Type(i.unevaluatedProperties)}:{};return i.unevaluatedProperties===!1||a.TSchema(i.unevaluatedProperties)||u?this.Create({...i,...l,[o.Kind]:"Intersect",type:"object",allOf:p}):this.Create({...i,...l,[o.Kind]:"Intersect",allOf:p})}KeyOf(e,i={}){return a.TRecord(e)?(()=>{let u=Object.getOwnPropertyNames(e.patternProperties)[0];return u===o.PatternNumberExact?this.Number(i):u===o.PatternStringExact?this.String(i):this.Throw("Unable to resolve key type from Record key pattern")})():a.TTuple(e)?(()=>{let p=(I.IsUndefined(e.items)?[]:e.items).map((l,c)=>o.Type.Literal(c.toString()));return this.Union(p,i)})():a.TArray(e)?this.Number(i):(()=>{let u=Pe.ResolveKeys(e,{includePatterns:!1});if(u.length===0)return this.Never(i);let p=u.map(l=>this.Literal(l));return this.Union(p,i)})()}Literal(e,i={}){return this.Create({...i,[o.Kind]:"Literal",const:e,type:typeof e})}Lowercase(e,i={}){return{...Y.Map(P.Type(e),"Lowercase"),...i}}Never(e={}){return this.Create({...e,[o.Kind]:"Never",not:{}})}Not(e,i){return this.Create({...i,[o.Kind]:"Not",not:P.Type(e)})}Null(e={}){return this.Create({...e,[o.Kind]:"Null",type:"null"})}Number(e={}){return this.Create({...e,[o.Kind]:"Number",type:"number"})}Object(e,i={}){let u=Object.getOwnPropertyNames(e),p=u.filter(y=>a.TOptional(e[y])),l=u.filter(y=>!p.includes(y)),c=a.TSchema(i.additionalProperties)?{additionalProperties:P.Type(i.additionalProperties)}:{},T=u.reduce((y,b)=>({...y,[b]:P.Type(e[b])}),{});return l.length>0?this.Create({...i,...c,[o.Kind]:"Object",type:"object",properties:T,required:l}):this.Create({...i,...c,[o.Kind]:"Object",type:"object",properties:T})}Omit(e,i,u={}){let p=ae.Resolve(i);return Q.Map(this.Discard(P.Type(e),["$id",o.Transform]),l=>{I.IsArray(l.required)&&(l.required=l.required.filter(c=>!p.includes(c)),l.required.length===0&&delete l.required);for(let c of Object.getOwnPropertyNames(l.properties))p.includes(c)&&delete l.properties[c];return this.Create(l)},u)}Partial(e,i={}){return Q.Map(this.Discard(P.Type(e),["$id",o.Transform]),u=>{let p=Object.getOwnPropertyNames(u.properties).reduce((l,c)=>({...l,[c]:this.Optional(u.properties[c])}),{});return this.Object(p,this.Discard(u,["required"]))},i)}Pick(e,i,u={}){let p=ae.Resolve(i);return Q.Map(this.Discard(P.Type(e),["$id",o.Transform]),l=>{I.IsArray(l.required)&&(l.required=l.required.filter(c=>p.includes(c)),l.required.length===0&&delete l.required);for(let c of Object.getOwnPropertyNames(l.properties))p.includes(c)||delete l.properties[c];return this.Create(l)},u)}Record(e,i,u={}){return a.TTemplateLiteral(e)?(()=>{let p=X.ParseExact(e.pattern);return Z.Check(p)?this.Object([...G.Generate(p)].reduce((l,c)=>({...l,[c]:P.Type(i)}),{}),u):this.Create({...u,[o.Kind]:"Record",type:"object",patternProperties:{[e.pattern]:P.Type(i)}})})():a.TUnion(e)?(()=>{let p=Je.Resolve(e);if(a.TUnionLiteral(p)){let l=p.anyOf.reduce((c,T)=>({...c,[T.const]:P.Type(i)}),{});return this.Object(l,{...u,[o.Hint]:"Record"})}else this.Throw("Record key of type union contains non-literal types")})():a.TLiteral(e)?I.IsString(e.const)||I.IsNumber(e.const)?this.Object({[e.const]:P.Type(i)},u):this.Throw("Record key of type literal is not of type string or number"):a.TInteger(e)||a.TNumber(e)?this.Create({...u,[o.Kind]:"Record",type:"object",patternProperties:{[o.PatternNumberExact]:P.Type(i)}}):a.TString(e)?(()=>{let p=I.IsUndefined(e.pattern)?o.PatternStringExact:e.pattern;return this.Create({...u,[o.Kind]:"Record",type:"object",patternProperties:{[p]:P.Type(i)}})})():this.Never()}Recursive(e,i={}){I.IsUndefined(i.$id)&&(i.$id=`T${wn++}`);let u=e({[o.Kind]:"This",$ref:`${i.$id}`});return u.$id=i.$id,this.Create({...i,[o.Hint]:"Recursive",...u})}Ref(e,i={}){return I.IsString(e)?this.Create({...i,[o.Kind]:"Ref",$ref:e}):(I.IsUndefined(e.$id)&&this.Throw("Reference target type must specify an $id"),this.Create({...i,[o.Kind]:"Ref",$ref:e.$id}))}Required(e,i={}){return Q.Map(this.Discard(P.Type(e),["$id",o.Transform]),u=>{let p=Object.getOwnPropertyNames(u.properties).reduce((l,c)=>({...l,[c]:this.Discard(u.properties[c],[o.Optional])}),{});return this.Object(p,u)},i)}Rest(e){return a.TTuple(e)&&!I.IsUndefined(e.items)?P.Rest(e.items):a.TIntersect(e)?P.Rest(e.allOf):a.TUnion(e)?P.Rest(e.anyOf):[]}String(e={}){return this.Create({...e,[o.Kind]:"String",type:"string"})}TemplateLiteral(e,i={}){let u=I.IsString(e)?Se.Create(He.Parse(e)):Se.Create(e);return this.Create({...i,[o.Kind]:"TemplateLiteral",type:"string",pattern:u})}Transform(e){return new je(e)}Tuple(e,i={}){let[u,p,l]=[!1,e.length,e.length],c=P.Rest(e),T=e.length>0?{...i,[o.Kind]:"Tuple",type:"array",items:c,additionalItems:u,minItems:p,maxItems:l}:{...i,[o.Kind]:"Tuple",type:"array",minItems:p,maxItems:l};return this.Create(T)}Uncapitalize(e,i={}){return{...Y.Map(P.Type(e),"Uncapitalize"),...i}}Union(e,i={}){return a.TTemplateLiteral(e)?k.Resolve(e):(()=>{let u=e;if(u.length===0)return this.Never(i);if(u.length===1)return this.Create(P.Type(u[0],i));let p=P.Rest(u);return this.Create({...i,[o.Kind]:"Union",anyOf:p})})()}Unknown(e={}){return this.Create({...e,[o.Kind]:"Unknown"})}Unsafe(e={}){return this.Create({...e,[o.Kind]:e[o.Kind]||"Unsafe"})}Uppercase(e,i={}){return{...Y.Map(P.Type(e),"Uppercase"),...i}}};o.JsonTypeBuilder=le;var Fe=class extends le{AsyncIterator(e,i={}){return this.Create({...i,[o.Kind]:"AsyncIterator",type:"AsyncIterator",items:P.Type(e)})}Awaited(e,i={}){let u=p=>p.length>0?(()=>{let[l,...c]=p;return[this.Awaited(l),...u(c)]})():p;return a.TIntersect(e)?o.Type.Intersect(u(e.allOf)):a.TUnion(e)?o.Type.Union(u(e.anyOf)):a.TPromise(e)?this.Awaited(e.item):P.Type(e,i)}BigInt(e={}){return this.Create({...e,[o.Kind]:"BigInt",type:"bigint"})}ConstructorParameters(e,i={}){return this.Tuple([...e.parameters],{...i})}Constructor(e,i,u){let[p,l]=[P.Rest(e),P.Type(i)];return this.Create({...u,[o.Kind]:"Constructor",type:"Constructor",parameters:p,returns:l})}Date(e={}){return this.Create({...e,[o.Kind]:"Date",type:"Date"})}Function(e,i,u){let[p,l]=[P.Rest(e),P.Type(i)];return this.Create({...u,[o.Kind]:"Function",type:"Function",parameters:p,returns:l})}InstanceType(e,i={}){return P.Type(e.returns,i)}Iterator(e,i={}){return this.Create({...i,[o.Kind]:"Iterator",type:"Iterator",items:P.Type(e)})}Parameters(e,i={}){return this.Tuple(e.parameters,{...i})}Promise(e,i={}){return this.Create({...i,[o.Kind]:"Promise",type:"Promise",item:P.Type(e)})}RegExp(e,i={}){let u=I.IsString(e)?e:e.source;return this.Create({...i,[o.Kind]:"String",type:"string",pattern:u})}RegEx(e,i={}){return this.RegExp(e,i)}ReturnType(e,i={}){return P.Type(e.returns,i)}Symbol(e){return this.Create({...e,[o.Kind]:"Symbol",type:"symbol"})}Undefined(e={}){return this.Create({...e,[o.Kind]:"Undefined",type:"undefined"})}Uint8Array(e={}){return this.Create({...e,[o.Kind]:"Uint8Array",type:"Uint8Array"})}Void(e={}){return this.Create({...e,[o.Kind]:"Void",type:"void"})}};o.JavaScriptTypeBuilder=Fe;o.JsonType=new le;o.Type=new Fe});var ce=jn(he(),1),en=ce.Type.String({pattern:".*\\{languageTag|locale\\}.*\\.json$",examples:["./messages/{locale}.json","./i18n/{locale}.json"],title:"Path to language files",description:"Specify the pathPattern to locate resource files in your repository. It must include `{locale}` and end with `.json`."}),Ln=ce.Type.Array(en,{title:"Paths to language files",description:"Specify multiple pathPatterns to locate resource files in your repository. Each must include `{locale}` and end with `.json`."}),Ce=ce.Type.Object({pathPattern:ce.Type.Union([en,Ln])});var nn=s=>s.map(e=>{switch(e.type){case"Text":return e.value;case"VariableReference":return`{${e.name}}`}}).join("");var tn=s=>{let e={};for(let i of s.variants){if(e[i.languageTag]!==void 0)throw new Error(`The message "${s.id}" has multiple variants for the language tag "${i.languageTag}". The inlang-message-format plugin does not support multiple variants for the same language tag at the moment.`);e[i.languageTag]=nn(i.pattern)}return e};var rn=s=>{let e=/\{([^}]+)\}/g,i,u=0,p=[];for(;(i=e.exec(s))!==null;){let c=i[1],T=s.slice(u,i.index);T.length>0&&p.push({type:"Text",value:T}),p.push({type:"VariableReference",name:c}),u=i.index+i[0].length}let l=s.slice(Math.max(0,u));return l.length>0&&p.push({type:"Text",value:l}),p};var _e=s=>({id:s.key,alias:{},selectors:[],variants:[{languageTag:s.languageTag,match:[],pattern:rn(s.value)}]});var An="plugin.inlang.messageFormat",H={id:An,displayName:"Inlang Message Format",description:"A plugin for the inlang SDK that uses a JSON file per language tag to store translations.",key:"inlang-message-format",settingsSchema:Ce,loadMessages:async({settings:s,nodeishFs:e})=>{await $n({settings:s,nodeishFs:e});let i={};for(let u of s.languageTags)try{let p=await e.readFile(s["plugin.inlang.messageFormat"].pathPattern.replace("{languageTag}",u),{encoding:"utf-8"}),l=JSON.parse(p);for(let c in l)c!=="$schema"&&(i[c]?i[c].variants=[...i[c].variants,..._e({key:c,value:l[c],languageTag:u}).variants]:i[c]=_e({key:c,value:l[c],languageTag:u}))}catch(p){if(p?.code!=="ENOENT")throw p}return Object.values(i)},saveMessages:async({settings:s,nodeishFs:e,messages:i})=>{let u={};for(let p of i){let l=tn(p);for(let[c,T]of Object.entries(l))u[c]===void 0&&(u[c]={}),u[c][p.id]=T}for(let[p,l]of Object.entries(u)){let c=s["plugin.inlang.messageFormat"].pathPattern.replace("{languageTag}",p);await Fn({path:c,nodeishFs:e}),await e.writeFile(s["plugin.inlang.messageFormat"].pathPattern.replace("{languageTag}",p),(T=>JSON.stringify(T,void 0,"	"))({$schema:"https://inlang.com/schema/inlang-message-format",...l}))}}},Fn=async s=>{try{await s.nodeishFs.mkdir(Cn(s.path),{recursive:!0})}catch{}};function Cn(s){if(s.length===0)return".";let e=s.charCodeAt(0),i=e===47,u=-1,p=!0;for(let l=s.length-1;l>=1;--l)if(e=s.charCodeAt(l),e===47){if(!p){u=l;break}}else p=!1;return u===-1?i?"/":".":i&&u===1?"//":s.slice(0,u)}var $n=async s=>{if(s.settings["plugin.inlang.messageFormat"].filePath!=null)try{let e=await s.nodeishFs.readFile(s.settings["plugin.inlang.messageFormat"].filePath,{encoding:"utf-8"});await H.saveMessages?.({messages:JSON.parse(e).data,nodeishFs:s.nodeishFs,settings:s.settings}),console.log("Migration to v2 of the inlang-message-format plugin was successful. Please delete the old messages.json file and the filePath property in the settings file of the project.")}catch{}};var on=async({settings:s})=>{let e=[],i=s[h]?.pathPattern?Array.isArray(s[h].pathPattern)?s[h].pathPattern:[s[h].pathPattern]:[];for(let u of i)for(let p of s.locales)e.push({locale:p,path:u.replace(/{(locale|languageTag)}/,p)});return e};function sn(s){return s&&s.constructor&&typeof s.constructor.isBuffer=="function"&&s.constructor.isBuffer(s)}function an(s){return s}function We(s,e){e=e||{};let i=e.delimiter||".",u=e.maxDepth,p=e.transformKey||an,l={};function c(T,y,b){b=b||1,Object.keys(T).forEach(function(g){let m=T[g],U=e.safe&&Array.isArray(m),d=Object.prototype.toString.call(m),O=sn(m),v=d==="[object Object]"||d==="[object Array]",N=y?y+i+p(g):p(g);if(!U&&!O&&v&&Object.keys(m).length&&(!e.maxDepth||b<u))return c(m,N,b+1);l[N]=m})}return c(s),l}function Ye(s,e){e=e||{};let i=e.delimiter||".",u=e.overwrite||!1,p=e.transformKey||an,l={};if(sn(s)||Object.prototype.toString.call(s)!=="[object Object]")return s;function T(g){let m=Number(g);return isNaN(m)||g.indexOf(".")!==-1||e.object?g:m}function y(g,m,U){return Object.keys(U).reduce(function(d,O){return d[g+i+O]=U[O],d},m)}function b(g){let m=Object.prototype.toString.call(g),U=m==="[object Array]",d=m==="[object Object]";if(g){if(U)return!g.length;if(d)return!Object.keys(g).length}else return!0}return s=Object.keys(s).reduce(function(g,m){let U=Object.prototype.toString.call(s[m]);return!(U==="[object Object]"||U==="[object Array]")||b(s[m])?(g[m]=s[m],g):y(m,g,We(s[m],e))},{}),Object.keys(s).forEach(function(g){let m=g.split(i).map(p),U=T(m.shift()),d=T(m[0]),O=l;for(;d!==void 0;){if(U==="__proto__")return;let v=Object.prototype.toString.call(O[U]),N=v==="[object Object]"||v==="[object Array]";if(!u&&!N&&typeof O[U]<"u")return;(u&&!N||!u&&O[U]==null)&&(O[U]=typeof d=="number"&&!e.object?[]:{}),O=O[U],m.length>0&&(U=T(m.shift()),d=T(m[0]))}O[U]=Ye(s[g],e)}),l}var ln=async({files:s})=>{let e=[],i=[],u=[];for(let p of s){let l=JSON.parse(new TextDecoder().decode(p.content)),c=We(l,{safe:!0});for(let T in c){if(T==="$schema")continue;let y=Kn(T,p.locale,c[T]);i.push(y.message),u.push(...y.variants);let b=e.find(g=>g.id===y.bundle.id);b===void 0?e.push(y.bundle):b.declarations=$e([...b.declarations,...y.bundle.declarations])}}return{bundles:e,messages:i,variants:u}};function Kn(s,e,i){let u=En(s,e,i),p=$e(u.declarations),l=$e(u.selectors),c=l.filter(T=>p.find(y=>y.name===T.name)===void 0);for(let T of c)p.push({type:"input-variable",name:T.name});return{bundle:{id:s,declarations:p},message:{bundleId:s,selectors:l,locale:e},variants:u.variants}}function En(s,e,i){if(typeof i=="string"){let y=un(i);return{variants:[{messageBundleId:s,messageLocale:e,matches:[],pattern:y.pattern}],declarations:y.declarations,selectors:[]}}let u=i[0],p=[],l=(u.selectors??[]).map(y=>({type:"variable-reference",name:y})),c=new Set;for(let y of u.declarations??[])c.add(Mn(y));let T=new Set;for(let[y,b]of Object.entries(u.match)){let g=un(b),m=Bn(y);for(let U of g.declarations){let d=!1;for(let O of c)if(O.name===U.name){d=!0;break}if(d)break;c.add(U)}for(let U of m.selectors)T.add(U);p.push({messageBundleId:s,messageLocale:e,matches:m.matches,pattern:g.pattern})}return{variants:p,declarations:Array.from(c),selectors:$e([...l,...Array.from(T)])}}function un(s){let e=[],i=[],u=s.split(/(\{.*?\})/).filter(p=>p!=="");for(let p of u)if((p.startsWith("{")&&p.endsWith("}"))===!1)e.push({type:"text",value:p});else{let l=p.slice(1,-1);i.push({type:"input-variable",name:l}),e.push({type:"expression",arg:{type:"variable-reference",name:l}})}return{declarations:i,pattern:e}}function Bn(s){let e=s.replace(" ",""),i=[],u=[],p=e.split(",");for(let l of p){let[c,T]=l.split("=");!c||!T||(T==="*"?i.push({type:"catchall-match",key:c}):i.push({type:"literal-match",key:c,value:T}),u.push({type:"variable-reference",name:c}))}return{matches:i,selectors:u}}var $e=s=>[...new Set(s.map(e=>JSON.stringify(e)))].map(e=>JSON.parse(e));function Mn(s){if(s.startsWith("input"))return{type:"input-variable",name:s.slice(6).trim()};if(s.startsWith("local")){let e=s.match(/local (\w+) = (\w+): (\w+)(.*)/),[,i,u,p,l]=e,c=l?.trim().split(/\s+/).map(T=>{let[y,b]=T.split("=");return y&&b?{name:y,value:{type:"literal",value:b}}:null}).filter(Boolean);return{type:"local-variable",name:i.trim(),value:{type:"expression",arg:{type:"variable-reference",name:u.trim()},annotation:p?{type:"function-reference",name:p.trim(),options:c??[]}:void 0}}}throw new Error("Unsupported declaration type")}var pn=async({bundles:s,messages:e,variants:i})=>{let u={};for(let l of e){let c=s.find(y=>y.id===l.bundleId),T=[...i.reduce((y,b)=>(b.messageId===l.id&&y.set(JSON.stringify(b.matches),b),y),new Map).values()];u[l.locale]={...u[l.locale],...Dn(c,l,T)}}let p=[];for(let l in u)p.push({locale:l,content:new TextEncoder().encode(JSON.stringify(Ye({$schema:"https://inlang.com/schema/inlang-message-format",...u[l]}),void 0,"	")),name:l+".json"});return p};function Dn(s,e,i){let u=e.bundleId,p=kn(s,e,i);return{[u]:p}}function kn(s,e,i){if(i.length===1&&e.selectors.length===0&&s.declarations.some(p=>p.type!=="input-variable")===!1)return cn(i[0].pattern);let u=[];for(let p of i){if(p.matches.length===0)for(let T of p.pattern)T.type==="expression"&&T.arg.type==="variable-reference"&&p.matches.push({key:T.arg.name,type:"catchall-match"});let l=cn(p.pattern),c=Vn(p.matches);u.push([c,l])}return[{declarations:s.declarations.sort((p,l)=>p.name.localeCompare(l.name)).map(zn).sort(),selectors:e.selectors.map(p=>p.name).sort(),match:Object.fromEntries(u)}]}function cn(s){let e="";for(let i of s)if(i.type==="text")e+=i.value;else if(i.arg.type==="variable-reference")e+=`{${i.arg.name}}`;else throw new Error("Unsupported expression type");return e}function Vn(s){return s.sort((i,u)=>i.key.localeCompare(u.key)).map(i=>i.type==="literal-match"?`${i.key}=${i.value}`:`${i.key}=*`).join(", ")}function zn(s){if(s.type==="input-variable")return`input ${s.name}`;if(s.type==="local-variable"){let e="";if(s.value.arg.type==="variable-reference"?e=`local ${s.name} = ${s.value.arg.name}`:s.value.arg.type==="literal"&&(e=`local ${s.name} = "${s.value.arg.value}"`),s.value.annotation&&(e+=`: ${s.value.annotation.name}`),s.value.annotation?.options)for(let i of s.value?.annotation?.options??[]){if(i.value.type!=="literal")throw new Error("Unsupported option type");e+=` ${i.name}=${i.value.value}`}return e}throw new Error("Unsupported declaration type")}var h="plugin.inlang.messageFormat",Tn={key:h,id:H.id,displayName:H.displayName,description:H.description,loadMessages:H.loadMessages,saveMessages:H.saveMessages,settingsSchema:Ce,toBeImportedFiles:on,importFiles:ln,exportFiles:pn};var It=Tn;export{It as default};
diff --git a/platforms/metagram/project.inlang/cache/plugins/ygx0uiahq6uw b/platforms/metagram/project.inlang/cache/plugins/ygx0uiahq6uw
deleted file mode 100644
index 3128eb7a..00000000
--- a/platforms/metagram/project.inlang/cache/plugins/ygx0uiahq6uw
+++ /dev/null
@@ -1,16 +0,0 @@
-var Ht=Object.create;var Lt=Object.defineProperty;var Qt=Object.getOwnPropertyDescriptor;var Xt=Object.getOwnPropertyNames;var Yt=Object.getPrototypeOf,tn=Object.prototype.hasOwnProperty;var nn=(l,s)=>()=>(s||l((s={exports:{}}).exports,s),s.exports);var rn=(l,s,g,u)=>{if(s&&typeof s=="object"||typeof s=="function")for(let f of Xt(s))!tn.call(l,f)&&f!==g&&Lt(l,f,{get:()=>s[f],enumerable:!(u=Qt(s,f))||u.enumerable});return l};var en=(l,s,g)=>(g=l!=null?Ht(Yt(l)):{},rn(s||!l||!l.__esModule?Lt(g,"default",{value:l,enumerable:!0}):g,l));var Pt=nn((Z,gt)=>{(function(l,s){typeof Z=="object"&&typeof gt=="object"?gt.exports=s():typeof define=="function"&&define.amd?define([],s):typeof Z=="object"?Z.Parsimmon=s():l.Parsimmon=s()})(typeof self<"u"?self:Z,function(){return function(l){var s={};function g(u){if(s[u])return s[u].exports;var f=s[u]={i:u,l:!1,exports:{}};return l[u].call(f.exports,f,f.exports,g),f.l=!0,f.exports}return g.m=l,g.c=s,g.d=function(u,f,C){g.o(u,f)||Object.defineProperty(u,f,{configurable:!1,enumerable:!0,get:C})},g.r=function(u){Object.defineProperty(u,"__esModule",{value:!0})},g.n=function(u){var f=u&&u.__esModule?function(){return u.default}:function(){return u};return g.d(f,"a",f),f},g.o=function(u,f){return Object.prototype.hasOwnProperty.call(u,f)},g.p="",g(g.s=0)}([function(l,s,g){"use strict";function u(t){if(!(this instanceof u))return new u(t);this._=t}var f=u.prototype;function C(t,n){for(var r=0;r<t;r++)n(r)}function L(t,n,r){return function(e,o){C(o.length,function(i){e(o[i],i,o)})}(function(e,o,i){n=t(n,e,o,i)},r),n}function _(t,n){return L(function(r,e,o,i){return r.concat([t(e,o,i)])},[],n)}function qt(t,n){var r={v:0,buf:n};return C(t,function(){var e;r={v:r.v<<1|(e=r.buf,e[0]>>7),buf:function(o){var i=L(function(a,c,p,v){return a.concat(p===v.length-1?Buffer.from([c,0]).readUInt16BE(0):v.readUInt16BE(p))},[],o);return Buffer.from(_(function(a){return(a<<1&65535)>>8},i))}(r.buf)}}),r}function ht(){return typeof Buffer<"u"}function K(){if(!ht())throw new Error("Buffer global does not exist; please use webpack if you need to parse Buffers in the browser.")}function dt(t){K();var n=L(function(i,a){return i+a},0,t);if(n%8!=0)throw new Error("The bits ["+t.join(", ")+"] add up to "+n+" which is not an even number of bytes; the total should be divisible by 8");var r,e=n/8,o=(r=function(i){return i>48},L(function(i,a){return i||(r(a)?a:i)},null,t));if(o)throw new Error(o+" bit range requested exceeds 48 bit (6 byte) Number max.");return new u(function(i,a){var c=e+a;return c>i.length?y(a,e.toString()+" bytes"):h(c,L(function(p,v){var m=qt(v,p.buf);return{coll:p.coll.concat(m.v),buf:m.buf}},{coll:[],buf:i.slice(a,c)},t).coll)})}function x(t,n){return new u(function(r,e){return K(),e+n>r.length?y(e,n+" bytes for "+t):h(e+n,r.slice(e,e+n))})}function V(t,n){if(typeof(r=n)!="number"||Math.floor(r)!==r||n<0||n>6)throw new Error(t+" requires integer length in range [0, 6].");var r}function H(t){return V("uintBE",t),x("uintBE("+t+")",t).map(function(n){return n.readUIntBE(0,t)})}function Q(t){return V("uintLE",t),x("uintLE("+t+")",t).map(function(n){return n.readUIntLE(0,t)})}function X(t){return V("intBE",t),x("intBE("+t+")",t).map(function(n){return n.readIntBE(0,t)})}function Y(t){return V("intLE",t),x("intLE("+t+")",t).map(function(n){return n.readIntLE(0,t)})}function W(t){return t instanceof u}function M(t){return{}.toString.call(t)==="[object Array]"}function T(t){return ht()&&Buffer.isBuffer(t)}function h(t,n){return{status:!0,index:t,value:n,furthest:-1,expected:[]}}function y(t,n){return M(n)||(n=[n]),{status:!1,index:-1,value:null,furthest:t,expected:n}}function w(t,n){if(!n||t.furthest>n.furthest)return t;var r=t.furthest===n.furthest?function(e,o){if(function(){if(u._supportsSet!==void 0)return u._supportsSet;var j=typeof Set<"u";return u._supportsSet=j,j}()&&Array.from){for(var i=new Set(e),a=0;a<o.length;a++)i.add(o[a]);var c=Array.from(i);return c.sort(),c}for(var p={},v=0;v<e.length;v++)p[e[v]]=!0;for(var m=0;m<o.length;m++)p[o[m]]=!0;var S=[];for(var b in p)({}).hasOwnProperty.call(p,b)&&S.push(b);return S.sort(),S}(t.expected,n.expected):n.expected;return{status:t.status,index:t.index,value:t.value,furthest:n.furthest,expected:r}}var tt={};function mt(t,n){if(T(t))return{offset:n,line:-1,column:-1};t in tt||(tt[t]={});for(var r=tt[t],e=0,o=0,i=0,a=n;a>=0;){if(a in r){e=r[a].line,i===0&&(i=r[a].lineStart);break}(t.charAt(a)===`
-`||t.charAt(a)==="\r"&&t.charAt(a+1)!==`
-`)&&(o++,i===0&&(i=a+1)),a--}var c=e+o,p=n-i;return r[n]={line:c,lineStart:i},{offset:n,line:c+1,column:p+1}}function q(t){if(!W(t))throw new Error("not a parser: "+t)}function nt(t,n){return typeof t=="string"?t.charAt(n):t[n]}function F(t){if(typeof t!="number")throw new Error("not a number: "+t)}function P(t){if(typeof t!="function")throw new Error("not a function: "+t)}function $(t){if(typeof t!="string")throw new Error("not a string: "+t)}var Ft=2,Rt=3,O=8,zt=5*O,Nt=4*O,vt="  ";function rt(t,n){return new Array(n+1).join(t)}function et(t,n,r){var e=n-t.length;return e<=0?t:rt(r,e)+t}function yt(t,n,r,e){return{from:t-n>0?t-n:0,to:t+r>e?e:t+r}}function Dt(t,n){var r,e,o,i,a,c=n.index,p=c.offset,v=1;if(p===t.length)return"Got the end of the input";if(T(t)){var m=p-p%O,S=p-m,b=yt(m,zt,Nt+O,t.length),j=_(function(d){return _(function(z){return et(z.toString(16),2,"0")},d)},function(d,z){var N=d.length,A=[],D=0;if(N<=z)return[d.slice()];for(var U=0;U<N;U++)A[D]||A.push([]),A[D].push(d[U]),(U+1)%z==0&&D++;return A}(t.slice(b.from,b.to).toJSON().data,O));i=function(d){return d.from===0&&d.to===1?{from:d.from,to:d.to}:{from:d.from/O,to:Math.floor(d.to/O)}}(b),e=m/O,r=3*S,S>=4&&(r+=1),v=2,o=_(function(d){return d.length<=4?d.join(" "):d.slice(0,4).join(" ")+"  "+d.slice(4).join(" ")},j),(a=(8*(i.to>0?i.to-1:i.to)).toString(16).length)<2&&(a=2)}else{var R=t.split(/\r\n|[\n\r\u2028\u2029]/);r=c.column-1,e=c.line-1,i=yt(e,Ft,Rt,R.length),o=R.slice(i.from,i.to),a=i.to.toString().length}var Vt=e-i.from;return T(t)&&(a=(8*(i.to>0?i.to-1:i.to)).toString(16).length)<2&&(a=2),L(function(d,z,N){var A,D=N===Vt,U=D?"> ":vt;return A=T(t)?et((8*(i.from+N)).toString(16),a,"0"):et((i.from+N+1).toString(),a," "),[].concat(d,[U+A+" | "+z],D?[vt+rt(" ",a)+" | "+et("",r," ")+rt("^",v)]:[])},[],o).join(`
-`)}function bt(t,n){return[`
-`,"-- PARSING FAILED "+rt("-",50),`
-
-`,Dt(t,n),`
-
-`,(r=n.expected,r.length===1?`Expected:
-
-`+r[0]:`Expected one of the following: 
-
-`+r.join(", ")),`
-`].join("");var r}function Et(t){return t.flags!==void 0?t.flags:[t.global?"g":"",t.ignoreCase?"i":"",t.multiline?"m":"",t.unicode?"u":"",t.sticky?"y":""].join("")}function ut(){for(var t=[].slice.call(arguments),n=t.length,r=0;r<n;r+=1)q(t[r]);return u(function(e,o){for(var i,a=new Array(n),c=0;c<n;c+=1){if(!(i=w(t[c]._(e,o),i)).status)return i;a[c]=i.value,o=i.index}return w(h(o,a),i)})}function k(){var t=[].slice.call(arguments);if(t.length===0)throw new Error("seqMap needs at least one argument");var n=t.pop();return P(n),ut.apply(null,t).map(function(r){return n.apply(null,r)})}function ot(){var t=[].slice.call(arguments),n=t.length;if(n===0)return it("zero alternates");for(var r=0;r<n;r+=1)q(t[r]);return u(function(e,o){for(var i,a=0;a<t.length;a+=1)if((i=w(t[a]._(e,o),i)).status)return i;return i})}function wt(t,n){return st(t,n).or(I([]))}function st(t,n){return q(t),q(n),k(t,n.then(t).many(),function(r,e){return[r].concat(e)})}function G(t){$(t);var n="'"+t+"'";return u(function(r,e){var o=e+t.length,i=r.slice(e,o);return i===t?h(o,i):y(e,n)})}function B(t,n){(function(o){if(!(o instanceof RegExp))throw new Error("not a regexp: "+o);for(var i=Et(o),a=0;a<i.length;a++){var c=i.charAt(a);if(c!=="i"&&c!=="m"&&c!=="u"&&c!=="s")throw new Error('unsupported regexp flag "'+c+'": '+o)}})(t),arguments.length>=2?F(n):n=0;var r=function(o){return RegExp("^(?:"+o.source+")",Et(o))}(t),e=""+t;return u(function(o,i){var a=r.exec(o.slice(i));if(a){if(0<=n&&n<=a.length){var c=a[0],p=a[n];return h(i+c.length,p)}return y(i,"valid match group (0 to "+a.length+") in "+e)}return y(i,e)})}function I(t){return u(function(n,r){return h(r,t)})}function it(t){return u(function(n,r){return y(r,t)})}function at(t){if(W(t))return u(function(n,r){var e=t._(n,r);return e.index=r,e.value="",e});if(typeof t=="string")return at(G(t));if(t instanceof RegExp)return at(B(t));throw new Error("not a string, regexp, or parser: "+t)}function xt(t){return q(t),u(function(n,r){var e=t._(n,r),o=n.slice(r,e.index);return e.status?y(r,'not "'+o+'"'):h(r,null)})}function ft(t){return P(t),u(function(n,r){var e=nt(n,r);return r<n.length&&t(e)?h(r+1,e):y(r,"a character/byte matching "+t)})}function Bt(t,n){arguments.length<2&&(n=t,t=void 0);var r=u(function(e,o){return r._=n()._,r._(e,o)});return t?r.desc(t):r}function lt(){return it("fantasy-land/empty")}f.parse=function(t){if(typeof t!="string"&&!T(t))throw new Error(".parse must be called with a string or Buffer as its argument");var n,r=this.skip(pt)._(t,0);return n=r.status?{status:!0,value:r.value}:{status:!1,index:mt(t,r.furthest),expected:r.expected},delete tt[t],n},f.tryParse=function(t){var n=this.parse(t);if(n.status)return n.value;var r=bt(t,n),e=new Error(r);throw e.type="ParsimmonError",e.result=n,e},f.assert=function(t,n){return this.chain(function(r){return t(r)?I(r):it(n)})},f.or=function(t){return ot(this,t)},f.trim=function(t){return this.wrap(t,t)},f.wrap=function(t,n){return k(t,this,n,function(r,e){return e})},f.thru=function(t){return t(this)},f.then=function(t){return q(t),ut(this,t).map(function(n){return n[1]})},f.many=function(){var t=this;return u(function(n,r){for(var e=[],o=void 0;;){if(!(o=w(t._(n,r),o)).status)return w(h(r,e),o);if(r===o.index)throw new Error("infinite loop detected in .many() parser --- calling .many() on a parser which can accept zero characters is usually the cause");r=o.index,e.push(o.value)}})},f.tieWith=function(t){return $(t),this.map(function(n){if(function(o){if(!M(o))throw new Error("not an array: "+o)}(n),n.length){$(n[0]);for(var r=n[0],e=1;e<n.length;e++)$(n[e]),r+=t+n[e];return r}return""})},f.tie=function(){return this.tieWith("")},f.times=function(t,n){var r=this;return arguments.length<2&&(n=t),F(t),F(n),u(function(e,o){for(var i=[],a=void 0,c=void 0,p=0;p<t;p+=1){if(c=w(a=r._(e,o),c),!a.status)return c;o=a.index,i.push(a.value)}for(;p<n&&(c=w(a=r._(e,o),c),a.status);p+=1)o=a.index,i.push(a.value);return w(h(o,i),c)})},f.result=function(t){return this.map(function(){return t})},f.atMost=function(t){return this.times(0,t)},f.atLeast=function(t){return k(this.times(t),this.many(),function(n,r){return n.concat(r)})},f.map=function(t){P(t);var n=this;return u(function(r,e){var o=n._(r,e);return o.status?w(h(o.index,t(o.value)),o):o})},f.contramap=function(t){P(t);var n=this;return u(function(r,e){var o=n.parse(t(r.slice(e)));return o.status?h(e+r.length,o.value):o})},f.promap=function(t,n){return P(t),P(n),this.contramap(t).map(n)},f.skip=function(t){return ut(this,t).map(function(n){return n[0]})},f.mark=function(){return k(J,this,J,function(t,n,r){return{start:t,value:n,end:r}})},f.node=function(t){return k(J,this,J,function(n,r,e){return{name:t,value:r,start:n,end:e}})},f.sepBy=function(t){return wt(this,t)},f.sepBy1=function(t){return st(this,t)},f.lookahead=function(t){return this.skip(at(t))},f.notFollowedBy=function(t){return this.skip(xt(t))},f.desc=function(t){M(t)||(t=[t]);var n=this;return u(function(r,e){var o=n._(r,e);return o.status||(o.expected=t),o})},f.fallback=function(t){return this.or(I(t))},f.ap=function(t){return k(t,this,function(n,r){return n(r)})},f.chain=function(t){var n=this;return u(function(r,e){var o=n._(r,e);return o.status?w(t(o.value)._(r,o.index),o):o})},f.concat=f.or,f.empty=lt,f.of=I,f["fantasy-land/ap"]=f.ap,f["fantasy-land/chain"]=f.chain,f["fantasy-land/concat"]=f.concat,f["fantasy-land/empty"]=f.empty,f["fantasy-land/of"]=f.of,f["fantasy-land/map"]=f.map;var J=u(function(t,n){return h(n,mt(t,n))}),Ut=u(function(t,n){return n>=t.length?y(n,"any character/byte"):h(n+1,nt(t,n))}),Wt=u(function(t,n){return h(t.length,t.slice(n))}),pt=u(function(t,n){return n<t.length?y(n,"EOF"):h(n,null)}),Tt=B(/[0-9]/).desc("a digit"),$t=B(/[0-9]*/).desc("optional digits"),Gt=B(/[a-z]/i).desc("a letter"),Jt=B(/[a-z]*/i).desc("optional letters"),Zt=B(/\s*/).desc("optional whitespace"),Ct=B(/\s+/).desc("whitespace"),St=G("\r"),jt=G(`
-`),_t=G(`\r
-`),Ot=ot(_t,jt,St).desc("newline"),Kt=ot(Ot,pt);u.all=Wt,u.alt=ot,u.any=Ut,u.cr=St,u.createLanguage=function(t){var n={};for(var r in t)({}).hasOwnProperty.call(t,r)&&function(e){n[e]=Bt(function(){return t[e](n)})}(r);return n},u.crlf=_t,u.custom=function(t){return u(t(h,y))},u.digit=Tt,u.digits=$t,u.empty=lt,u.end=Kt,u.eof=pt,u.fail=it,u.formatError=bt,u.index=J,u.isParser=W,u.lazy=Bt,u.letter=Gt,u.letters=Jt,u.lf=jt,u.lookahead=at,u.makeFailure=y,u.makeSuccess=h,u.newline=Ot,u.noneOf=function(t){return ft(function(n){return t.indexOf(n)<0}).desc("none of '"+t+"'")},u.notFollowedBy=xt,u.of=I,u.oneOf=function(t){for(var n=t.split(""),r=0;r<n.length;r++)n[r]="'"+n[r]+"'";return ft(function(e){return t.indexOf(e)>=0}).desc(n)},u.optWhitespace=Zt,u.Parser=u,u.range=function(t,n){return ft(function(r){return t<=r&&r<=n}).desc(t+"-"+n)},u.regex=B,u.regexp=B,u.sepBy=wt,u.sepBy1=st,u.seq=ut,u.seqMap=k,u.seqObj=function(){for(var t,n={},r=0,e=(t=arguments,Array.prototype.slice.call(t)),o=e.length,i=0;i<o;i+=1){var a=e[i];if(!W(a)){if(M(a)&&a.length===2&&typeof a[0]=="string"&&W(a[1])){var c=a[0];if(Object.prototype.hasOwnProperty.call(n,c))throw new Error("seqObj: duplicate key "+c);n[c]=!0,r++;continue}throw new Error("seqObj arguments must be parsers or [string, parser] array pairs.")}}if(r===0)throw new Error("seqObj expects at least one named parser, found zero");return u(function(p,v){for(var m,S={},b=0;b<o;b+=1){var j,R;if(M(e[b])?(j=e[b][0],R=e[b][1]):(j=null,R=e[b]),!(m=w(R._(p,v),m)).status)return m;j&&(S[j]=m.value),v=m.index}return w(h(v,S),m)})},u.string=G,u.succeed=I,u.takeWhile=function(t){return P(t),u(function(n,r){for(var e=r;e<n.length&&t(nt(n,e));)e++;return h(e,n.slice(r,e))})},u.test=ft,u.whitespace=Ct,u["fantasy-land/empty"]=lt,u["fantasy-land/of"]=I,u.Binary={bitSeq:dt,bitSeqObj:function(t){K();var n={},r=0,e=_(function(i){if(M(i)){var a=i;if(a.length!==2)throw new Error("["+a.join(", ")+"] should be length 2, got length "+a.length);if($(a[0]),F(a[1]),Object.prototype.hasOwnProperty.call(n,a[0]))throw new Error("duplicate key in bitSeqObj: "+a[0]);return n[a[0]]=!0,r++,a}return F(i),[null,i]},t);if(r<1)throw new Error("bitSeqObj expects at least one named pair, got ["+t.join(", ")+"]");var o=_(function(i){return i[0]},e);return dt(_(function(i){return i[1]},e)).map(function(i){return L(function(a,c){return c[0]!==null&&(a[c[0]]=c[1]),a},{},_(function(a,c){return[a,i[c]]},o))})},byte:function(t){if(K(),F(t),t>255)throw new Error("Value specified to byte constructor ("+t+"=0x"+t.toString(16)+") is larger in value than a single byte.");var n=(t>15?"0x":"0x0")+t.toString(16);return u(function(r,e){var o=nt(r,e);return o===t?h(e+1,o):y(e,n)})},buffer:function(t){return x("buffer",t).map(function(n){return Buffer.from(n)})},encodedString:function(t,n){return x("string",n).map(function(r){return r.toString(t)})},uintBE:H,uint8BE:H(1),uint16BE:H(2),uint32BE:H(4),uintLE:Q,uint8LE:Q(1),uint16LE:Q(2),uint32LE:Q(4),intBE:X,int8BE:X(1),int16BE:X(2),int32BE:X(4),intLE:Y,int8LE:Y(1),int16LE:Y(2),int32LE:Y(4),floatBE:x("floatBE",4).map(function(t){return t.readFloatBE(0)}),floatLE:x("floatLE",4).map(function(t){return t.readFloatLE(0)}),doubleBE:x("doubleBE",8).map(function(t){return t.readDoubleBE(0)}),doubleLE:x("doubleLE",8).map(function(t){return t.readDoubleLE(0)})},l.exports=u}])})});var E=en(Pt(),1),un=()=>E.default.createLanguage({entry:l=>E.default.alt(l.findReference,E.default.any).many().map(s=>s.flatMap(g=>g)).map(s=>s.filter(g=>typeof g=="object").flat()),findReference:function(l){return E.default.seq(E.default.regex(/(import \* as m)|(import { m })/),l.findMessage.many())},findMessage:()=>E.default.seqMap(E.default.regex(/.*?(?<![a-zA-Z0-9/])m\./s),E.default.index,E.default.regex(/\w+/),E.default.index,E.default.regex(/\((?:[^()]|\([^()]*\))*\)/).or(E.default.succeed("")),(l,s,g,u,f)=>({messageId:`${g}`,position:{start:{line:s.line,character:s.column},end:{line:u.line,character:u.column+f.length}}}))});function kt(l){try{return un().entry.tryParse(l)}catch{return[]}}function ct(l){let s=l.trim().replace(/[^a-zA-Z0-9\s_.]/g,"").replace(/[\s.]+/g,"_");return/^[0-9]/.test(s)&&(s="_"+s),s}var It={messageReferenceMatchers:[async l=>kt(l.documentText)],extractMessageOptions:[{callback:l=>{let s=ct(l.bundleId);return{bundleId:s,messageReplacement:`{m.${s}()}`}}},{callback:l=>{let s=ct(l.bundleId);return{bundleId:s,messageReplacement:`m.${s}()`}}}],documentSelectors:[{language:"typescriptreact"},{language:"javascript"},{language:"typescript"},{language:"svelte"},{language:"astro"},{language:"vue"}]};var At="plugin.inlang.mFunctionMatcher",Mt={id:At,displayName:"Inlang M Function Matcher",description:"A plugin for the inlang SDK that uses a JSON file per language tag to store translations.",key:At,meta:{"app.inlang.ideExtension":It}};var yn=Mt;export{yn as default};
diff --git a/platforms/metagram/.gitignore b/platforms/pictique/.gitignore
similarity index 100%
rename from platforms/metagram/.gitignore
rename to platforms/pictique/.gitignore
diff --git a/platforms/metagram/.npmrc b/platforms/pictique/.npmrc
similarity index 100%
rename from platforms/metagram/.npmrc
rename to platforms/pictique/.npmrc
diff --git a/platforms/metagram/.prettierignore b/platforms/pictique/.prettierignore
similarity index 100%
rename from platforms/metagram/.prettierignore
rename to platforms/pictique/.prettierignore
diff --git a/platforms/metagram/.prettierrc b/platforms/pictique/.prettierrc
similarity index 100%
rename from platforms/metagram/.prettierrc
rename to platforms/pictique/.prettierrc
diff --git a/platforms/metagram/.storybook/main.ts b/platforms/pictique/.storybook/main.ts
similarity index 100%
rename from platforms/metagram/.storybook/main.ts
rename to platforms/pictique/.storybook/main.ts
diff --git a/platforms/metagram/.storybook/preview.ts b/platforms/pictique/.storybook/preview.ts
similarity index 100%
rename from platforms/metagram/.storybook/preview.ts
rename to platforms/pictique/.storybook/preview.ts
diff --git a/platforms/metagram/README.md b/platforms/pictique/README.md
similarity index 100%
rename from platforms/metagram/README.md
rename to platforms/pictique/README.md
diff --git a/platforms/metagram/eslint.config.js b/platforms/pictique/eslint.config.js
similarity index 100%
rename from platforms/metagram/eslint.config.js
rename to platforms/pictique/eslint.config.js
diff --git a/platforms/metagram/messages/en.json b/platforms/pictique/messages/en.json
similarity index 100%
rename from platforms/metagram/messages/en.json
rename to platforms/pictique/messages/en.json
diff --git a/platforms/metagram/messages/es.json b/platforms/pictique/messages/es.json
similarity index 100%
rename from platforms/metagram/messages/es.json
rename to platforms/pictique/messages/es.json
diff --git a/platforms/metagram/package.json b/platforms/pictique/package.json
similarity index 97%
rename from platforms/metagram/package.json
rename to platforms/pictique/package.json
index 79994d93..5ac9de0c 100644
--- a/platforms/metagram/package.json
+++ b/platforms/pictique/package.json
@@ -52,6 +52,8 @@
 	"dependencies": {
 		"-": "^0.0.1",
 		"D": "^1.0.0",
+		"axios": "^1.6.7",
+		"svelte-qrcode": "^1.0.1",
 		"tailwind-merge": "^3.0.2"
 	}
 }
diff --git a/platforms/metagram/project.inlang/.gitignore b/platforms/pictique/project.inlang/.gitignore
similarity index 100%
rename from platforms/metagram/project.inlang/.gitignore
rename to platforms/pictique/project.inlang/.gitignore
diff --git a/platforms/metagram/project.inlang/project_id b/platforms/pictique/project.inlang/project_id
similarity index 100%
rename from platforms/metagram/project.inlang/project_id
rename to platforms/pictique/project.inlang/project_id
diff --git a/platforms/metagram/project.inlang/settings.json b/platforms/pictique/project.inlang/settings.json
similarity index 100%
rename from platforms/metagram/project.inlang/settings.json
rename to platforms/pictique/project.inlang/settings.json
diff --git a/platforms/metagram/src/app.css b/platforms/pictique/src/app.css
similarity index 100%
rename from platforms/metagram/src/app.css
rename to platforms/pictique/src/app.css
diff --git a/platforms/metagram/src/app.d.ts b/platforms/pictique/src/app.d.ts
similarity index 100%
rename from platforms/metagram/src/app.d.ts
rename to platforms/pictique/src/app.d.ts
diff --git a/platforms/metagram/src/app.html b/platforms/pictique/src/app.html
similarity index 100%
rename from platforms/metagram/src/app.html
rename to platforms/pictique/src/app.html
diff --git a/platforms/metagram/src/hooks.server.ts b/platforms/pictique/src/hooks.server.ts
similarity index 100%
rename from platforms/metagram/src/hooks.server.ts
rename to platforms/pictique/src/hooks.server.ts
diff --git a/platforms/metagram/src/hooks.ts b/platforms/pictique/src/hooks.ts
similarity index 100%
rename from platforms/metagram/src/hooks.ts
rename to platforms/pictique/src/hooks.ts
diff --git a/platforms/pictique/src/lib/components/CreatePostModal.svelte b/platforms/pictique/src/lib/components/CreatePostModal.svelte
new file mode 100644
index 00000000..e966f5ac
--- /dev/null
+++ b/platforms/pictique/src/lib/components/CreatePostModal.svelte
@@ -0,0 +1,116 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	import { createPost } from '$lib/stores/posts';
+	import Button from '$lib/ui/Button/Button.svelte';
+
+	const dispatch = createEventDispatcher<{
+		close: void;
+	}>();
+
+	let text = '';
+	let images: string[] = [];
+	let isUploading = false;
+
+	const handleImageUpload = async (event: Event) => {
+		const input = event.target as HTMLInputElement;
+		if (!input.files?.length) return;
+
+		isUploading = true;
+		const newImages: string[] = [];
+
+		for (const file of Array.from(input.files)) {
+			const reader = new FileReader();
+			const dataUri = await new Promise<string>((resolve) => {
+				reader.onload = () => resolve(reader.result as string);
+				reader.readAsDataURL(file);
+			});
+			console.log('HERRREE');
+			newImages.push(dataUri);
+		}
+
+		images = [...images, ...newImages];
+		isUploading = false;
+	};
+
+	const removeImage = (index: number) => {
+		images = images.filter((_, i) => i !== index);
+	};
+
+	const handleSubmit = async () => {
+		try {
+			await createPost(text, images);
+			dispatch('close');
+		} catch (error) {
+			console.error('Failed to create post:', error);
+		}
+	};
+</script>
+
+<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
+	<div class="w-full max-w-2xl rounded-lg bg-white p-6">
+		<div class="mb-4 flex items-center justify-between">
+			<h2 class="text-xl font-semibold">Create Post</h2>
+			<button
+				type="button"
+				class="text-gray-500 hover:text-gray-700"
+				on:click={() => dispatch('close')}
+			>
+				✕
+			</button>
+		</div>
+
+		<form on:submit|preventDefault={handleSubmit} class="space-y-4">
+			<textarea
+				bind:value={text}
+				placeholder="What's on your mind??"
+				class="focus:border-brand-burnt-orange w-full rounded-lg border border-gray-300 p-3 focus:outline-none"
+				rows="4"
+			/>
+
+			<div class="space-y-2">
+				<label class="block text-sm font-medium text-gray-700"> Add Images </label>
+				<input
+					type="file"
+					accept="image/*"
+					multiple
+					on:change={handleImageUpload}
+					class="file:bg-brand-burnt-orange hover:file:bg-brand-burnt-orange-600 block w-full text-sm text-gray-500 file:mr-4 file:rounded-full file:border-0 file:px-4 file:py-2 file:text-sm file:font-semibold file:text-white"
+				/>
+			</div>
+
+			{#if images.length > 0}
+				<div class="grid grid-cols-3 gap-4">
+					{#each images as image, index}
+						<div class="relative">
+							<img
+								src={image}
+								alt="Upload preview"
+								class="aspect-square rounded-lg object-cover"
+							/>
+							<button
+								type="button"
+								class="absolute -top-2 -right-2 rounded-full bg-red-500 p-1 text-white hover:bg-red-600"
+								on:click={() => removeImage(index)}
+							>
+								✕
+							</button>
+						</div>
+					{/each}
+				</div>
+			{/if}
+
+			<div class="flex justify-end gap-4">
+				<Button type="button" variant="secondary" on:click={() => dispatch('close')}>
+					Cancel
+				</Button>
+				<Button
+					type="submit"
+					variant="primary"
+					disabled={isUploading || (!text && images.length === 0)}
+				>
+					{isUploading ? 'Uploading...' : 'Post'}
+				</Button>
+			</div>
+		</form>
+	</div>
+</div>
diff --git a/platforms/metagram/src/lib/dummyData.ts b/platforms/pictique/src/lib/dummyData.ts
similarity index 100%
rename from platforms/metagram/src/lib/dummyData.ts
rename to platforms/pictique/src/lib/dummyData.ts
diff --git a/platforms/metagram/src/lib/fragments/ActionMenu/ActionMenu.stories.ts b/platforms/pictique/src/lib/fragments/ActionMenu/ActionMenu.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/ActionMenu/ActionMenu.stories.ts
rename to platforms/pictique/src/lib/fragments/ActionMenu/ActionMenu.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/ActionMenu/ActionMenu.svelte b/platforms/pictique/src/lib/fragments/ActionMenu/ActionMenu.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/ActionMenu/ActionMenu.svelte
rename to platforms/pictique/src/lib/fragments/ActionMenu/ActionMenu.svelte
diff --git a/platforms/metagram/src/lib/fragments/BottomNav/BottomNav.stories.ts b/platforms/pictique/src/lib/fragments/BottomNav/BottomNav.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/BottomNav/BottomNav.stories.ts
rename to platforms/pictique/src/lib/fragments/BottomNav/BottomNav.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/BottomNav/BottomNav.svelte b/platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/BottomNav/BottomNav.svelte
rename to platforms/pictique/src/lib/fragments/BottomNav/BottomNav.svelte
diff --git a/platforms/metagram/src/lib/fragments/ChatMessage/ChatMessage.stories.ts b/platforms/pictique/src/lib/fragments/ChatMessage/ChatMessage.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/ChatMessage/ChatMessage.stories.ts
rename to platforms/pictique/src/lib/fragments/ChatMessage/ChatMessage.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/ChatMessage/ChatMessage.svelte b/platforms/pictique/src/lib/fragments/ChatMessage/ChatMessage.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/ChatMessage/ChatMessage.svelte
rename to platforms/pictique/src/lib/fragments/ChatMessage/ChatMessage.svelte
diff --git a/platforms/metagram/src/lib/fragments/Comment/Comment.stories.ts b/platforms/pictique/src/lib/fragments/Comment/Comment.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Comment/Comment.stories.ts
rename to platforms/pictique/src/lib/fragments/Comment/Comment.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/Comment/Comment.svelte b/platforms/pictique/src/lib/fragments/Comment/Comment.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Comment/Comment.svelte
rename to platforms/pictique/src/lib/fragments/Comment/Comment.svelte
diff --git a/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte b/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
new file mode 100644
index 00000000..67c14581
--- /dev/null
+++ b/platforms/pictique/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+	import { createPost, closeCreatePostModal } from '$lib/stores/posts';
+	import Modal from '$lib/ui/Modal/Modal.svelte';
+	import Button from '$lib/ui/Button/Button.svelte';
+
+	let text = $state('');
+	let images = $state<string[]>([]);
+	let isSubmitting = $state(false);
+
+	const handleImageUpload = (event: Event) => {
+		const input = event.target as HTMLInputElement;
+		if (!input.files?.length) return;
+
+		const file = input.files[0];
+		const reader = new FileReader();
+		reader.onload = (e) => {
+			const result = e.target?.result;
+			if (typeof result === 'string') {
+				console.log(result);
+				images = [...images, result];
+			}
+		};
+		reader.readAsDataURL(file);
+	};
+
+	const removeImage = (index: number) => {
+		images = images.filter((_, i) => i !== index);
+	};
+
+	const handleSubmit = async () => {
+		if (!text.trim() && images.length === 0) return;
+
+		try {
+			isSubmitting = true;
+			await createPost(text, images);
+			closeCreatePostModal();
+			text = '';
+			images = [];
+		} catch (error) {
+			console.error('Failed to create post:', error);
+		} finally {
+			isSubmitting = false;
+		}
+	};
+</script>
+
+<Modal on:close={closeCreatePostModal}>
+	<div class="w-full max-w-2xl rounded-lg bg-white p-6">
+		<div class="mb-4 flex items-center justify-between">
+			<h2 class="text-xl font-semibold">Create Post</h2>
+			<button
+				type="button"
+				class="rounded-full p-2 hover:bg-gray-100"
+				on:click={closeCreatePostModal}
+			>
+				✕
+			</button>
+		</div>
+
+		<div class="mb-4">
+			<textarea
+				bind:value={text}
+				placeholder="What's on your mind?"
+				class="focus:border-brand-burnt-orange w-full resize-none rounded-lg border border-gray-200 p-4 focus:outline-none"
+				rows="4"
+			/>
+		</div>
+
+		{#if images.length > 0}
+			<div class="mb-4 grid grid-cols-2 gap-4">
+				{#each images as image, index}
+					<div class="relative">
+						<img
+							src={image}
+							alt="Post image"
+							class="aspect-square w-full rounded-lg object-cover"
+						/>
+						<button
+							type="button"
+							class="absolute top-2 right-2 rounded-full bg-black/50 p-1 text-white hover:bg-black/70"
+							on:click={() => removeImage(index)}
+						>
+							✕
+						</button>
+					</div>
+				{/each}
+			</div>
+		{/if}
+
+		<div class="flex items-center justify-between">
+			<label class="cursor-pointer rounded-lg bg-gray-100 px-4 py-2 hover:bg-gray-200">
+				<input type="file" accept="image/*" class="hidden" on:change={handleImageUpload} />
+				Add Photo
+			</label>
+
+			<Button
+				variant="secondary"
+				callback={handleSubmit}
+				isLoading={isSubmitting}
+				disabled={!text.trim() && images.length === 0}
+			>
+				Post
+			</Button>
+		</div>
+	</div>
+</Modal>
diff --git a/platforms/metagram/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte b/platforms/pictique/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte
rename to platforms/pictique/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte
diff --git a/platforms/metagram/src/lib/fragments/Drawer/Drawer.stories.ts b/platforms/pictique/src/lib/fragments/Drawer/Drawer.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Drawer/Drawer.stories.ts
rename to platforms/pictique/src/lib/fragments/Drawer/Drawer.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/Drawer/Drawer.svelte b/platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Drawer/Drawer.svelte
rename to platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte
diff --git a/platforms/metagram/src/lib/fragments/Header/Header.stories.ts b/platforms/pictique/src/lib/fragments/Header/Header.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Header/Header.stories.ts
rename to platforms/pictique/src/lib/fragments/Header/Header.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/Header/Header.svelte b/platforms/pictique/src/lib/fragments/Header/Header.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Header/Header.svelte
rename to platforms/pictique/src/lib/fragments/Header/Header.svelte
diff --git a/platforms/metagram/src/lib/fragments/InputFile/InputFile.stories.ts b/platforms/pictique/src/lib/fragments/InputFile/InputFile.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/InputFile/InputFile.stories.ts
rename to platforms/pictique/src/lib/fragments/InputFile/InputFile.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/InputFile/InputFile.svelte b/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/InputFile/InputFile.svelte
rename to platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
diff --git a/platforms/metagram/src/lib/fragments/Message/Message.stories.ts b/platforms/pictique/src/lib/fragments/Message/Message.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Message/Message.stories.ts
rename to platforms/pictique/src/lib/fragments/Message/Message.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/Message/Message.svelte b/platforms/pictique/src/lib/fragments/Message/Message.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Message/Message.svelte
rename to platforms/pictique/src/lib/fragments/Message/Message.svelte
diff --git a/platforms/metagram/src/lib/fragments/MessageInput/MessageInput.stories.ts b/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/MessageInput/MessageInput.stories.ts
rename to platforms/pictique/src/lib/fragments/MessageInput/MessageInput.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/MessageInput/MessageInput.svelte b/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/MessageInput/MessageInput.svelte
rename to platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
diff --git a/platforms/metagram/src/lib/fragments/Modal/Modal.stories.snippet.svelte b/platforms/pictique/src/lib/fragments/Modal/Modal.stories.snippet.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Modal/Modal.stories.snippet.svelte
rename to platforms/pictique/src/lib/fragments/Modal/Modal.stories.snippet.svelte
diff --git a/platforms/metagram/src/lib/fragments/Modal/Modal.stories.ts b/platforms/pictique/src/lib/fragments/Modal/Modal.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Modal/Modal.stories.ts
rename to platforms/pictique/src/lib/fragments/Modal/Modal.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/Modal/Modal.svelte b/platforms/pictique/src/lib/fragments/Modal/Modal.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Modal/Modal.svelte
rename to platforms/pictique/src/lib/fragments/Modal/Modal.svelte
diff --git a/platforms/metagram/src/lib/fragments/Post/Post.stories.ts b/platforms/pictique/src/lib/fragments/Post/Post.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/Post/Post.stories.ts
rename to platforms/pictique/src/lib/fragments/Post/Post.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/Post/Post.svelte b/platforms/pictique/src/lib/fragments/Post/Post.svelte
similarity index 86%
rename from platforms/metagram/src/lib/fragments/Post/Post.svelte
rename to platforms/pictique/src/lib/fragments/Post/Post.svelte
index 2e034deb..b4858caf 100644
--- a/platforms/metagram/src/lib/fragments/Post/Post.svelte
+++ b/platforms/pictique/src/lib/fragments/Post/Post.svelte
@@ -30,10 +30,27 @@
 		time: string;
 	}
 
+	function pairAndJoinChunks(chunks: string[]): string[] {
+		const result: string[] = [];
+
+		for (let i = 0; i < chunks.length; i += 2) {
+			const dataPart = chunks[i];
+			const chunkPart = chunks[i + 1];
+
+			if (dataPart && chunkPart) {
+				result.push(dataPart + ',' + chunkPart);
+			} else {
+				console.warn(`Skipping incomplete pair at index ${i}`);
+			}
+		}
+
+		return result;
+	}
+
 	const {
 		avatar,
 		username,
-		imgUris,
+		imgUris: uris,
 		text,
 		postAlt,
 		count,
@@ -42,6 +59,8 @@
 		...restProps
 	}: IPostProps = $props();
 
+	let imgUris = $derived.by(() => pairAndJoinChunks(uris));
+
 	let galleryRef: HTMLDivElement;
 	let currentIndex = $state(0);
 
@@ -62,6 +81,11 @@
 		const newIndex = Math.round(scrollLeft / galleryWidth);
 		currentIndex = newIndex;
 	}
+
+	function handleImageError(event: Event) {
+		const img = event.target as HTMLImageElement;
+		img.src = 'https://picsum.photos/200';
+	}
 </script>
 
 <article {...restProps} class={cn(['flex w-full flex-col gap-4', restProps.class])}>
@@ -94,7 +118,8 @@
 					<img
 						src={img}
 						alt={postAlt ?? text}
-						class=" h-full w-full rounded-4xl object-cover"
+						class="h-full w-full rounded-4xl object-cover"
+						onerror={handleImageError}
 					/>
 				</div>
 			{/each}
diff --git a/platforms/metagram/src/lib/fragments/RightAside/RightAside.svelte b/platforms/pictique/src/lib/fragments/RightAside/RightAside.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/RightAside/RightAside.svelte
rename to platforms/pictique/src/lib/fragments/RightAside/RightAside.svelte
diff --git a/platforms/metagram/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte b/platforms/pictique/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte
rename to platforms/pictique/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte
diff --git a/platforms/metagram/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte b/platforms/pictique/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte
rename to platforms/pictique/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte
diff --git a/platforms/metagram/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts b/platforms/pictique/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts
rename to platforms/pictique/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte b/platforms/pictique/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte
rename to platforms/pictique/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte
diff --git a/platforms/metagram/src/lib/fragments/SettingsPage/SettingsPage.svelte b/platforms/pictique/src/lib/fragments/SettingsPage/SettingsPage.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SettingsPage/SettingsPage.svelte
rename to platforms/pictique/src/lib/fragments/SettingsPage/SettingsPage.svelte
diff --git a/platforms/metagram/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte b/platforms/pictique/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte
rename to platforms/pictique/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte
diff --git a/platforms/metagram/src/lib/fragments/SideBar/SideBar.stories.ts b/platforms/pictique/src/lib/fragments/SideBar/SideBar.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SideBar/SideBar.stories.ts
rename to platforms/pictique/src/lib/fragments/SideBar/SideBar.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/SideBar/SideBar.svelte b/platforms/pictique/src/lib/fragments/SideBar/SideBar.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/SideBar/SideBar.svelte
rename to platforms/pictique/src/lib/fragments/SideBar/SideBar.svelte
diff --git a/platforms/metagram/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts b/platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts
rename to platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/UploadedPostView/UploadedPostView.svelte b/platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
rename to platforms/pictique/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
diff --git a/platforms/metagram/src/lib/fragments/UserRequest/UserRequest.stories.ts b/platforms/pictique/src/lib/fragments/UserRequest/UserRequest.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/UserRequest/UserRequest.stories.ts
rename to platforms/pictique/src/lib/fragments/UserRequest/UserRequest.stories.ts
diff --git a/platforms/metagram/src/lib/fragments/UserRequest/UserRequest.svelte b/platforms/pictique/src/lib/fragments/UserRequest/UserRequest.svelte
similarity index 100%
rename from platforms/metagram/src/lib/fragments/UserRequest/UserRequest.svelte
rename to platforms/pictique/src/lib/fragments/UserRequest/UserRequest.svelte
diff --git a/platforms/metagram/src/lib/fragments/index.ts b/platforms/pictique/src/lib/fragments/index.ts
similarity index 100%
rename from platforms/metagram/src/lib/fragments/index.ts
rename to platforms/pictique/src/lib/fragments/index.ts
diff --git a/platforms/metagram/src/lib/icons/Camera.svelte b/platforms/pictique/src/lib/icons/Camera.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Camera.svelte
rename to platforms/pictique/src/lib/icons/Camera.svelte
diff --git a/platforms/metagram/src/lib/icons/CommentIcon.svelte b/platforms/pictique/src/lib/icons/CommentIcon.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/CommentIcon.svelte
rename to platforms/pictique/src/lib/icons/CommentIcon.svelte
diff --git a/platforms/metagram/src/lib/icons/CommentsTwo.svelte b/platforms/pictique/src/lib/icons/CommentsTwo.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/CommentsTwo.svelte
rename to platforms/pictique/src/lib/icons/CommentsTwo.svelte
diff --git a/platforms/metagram/src/lib/icons/Cross.svelte b/platforms/pictique/src/lib/icons/Cross.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Cross.svelte
rename to platforms/pictique/src/lib/icons/Cross.svelte
diff --git a/platforms/metagram/src/lib/icons/Flash.svelte b/platforms/pictique/src/lib/icons/Flash.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Flash.svelte
rename to platforms/pictique/src/lib/icons/Flash.svelte
diff --git a/platforms/metagram/src/lib/icons/Home.svelte b/platforms/pictique/src/lib/icons/Home.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Home.svelte
rename to platforms/pictique/src/lib/icons/Home.svelte
diff --git a/platforms/metagram/src/lib/icons/Icons.stories.ts b/platforms/pictique/src/lib/icons/Icons.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/icons/Icons.stories.ts
rename to platforms/pictique/src/lib/icons/Icons.stories.ts
diff --git a/platforms/metagram/src/lib/icons/Icons.svelte b/platforms/pictique/src/lib/icons/Icons.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Icons.svelte
rename to platforms/pictique/src/lib/icons/Icons.svelte
diff --git a/platforms/metagram/src/lib/icons/Like.svelte b/platforms/pictique/src/lib/icons/Like.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Like.svelte
rename to platforms/pictique/src/lib/icons/Like.svelte
diff --git a/platforms/metagram/src/lib/icons/Refresh.svelte b/platforms/pictique/src/lib/icons/Refresh.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Refresh.svelte
rename to platforms/pictique/src/lib/icons/Refresh.svelte
diff --git a/platforms/metagram/src/lib/icons/Search.svelte b/platforms/pictique/src/lib/icons/Search.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Search.svelte
rename to platforms/pictique/src/lib/icons/Search.svelte
diff --git a/platforms/metagram/src/lib/icons/Settings.svelte b/platforms/pictique/src/lib/icons/Settings.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/Settings.svelte
rename to platforms/pictique/src/lib/icons/Settings.svelte
diff --git a/platforms/metagram/src/lib/icons/VerticalDots.svelte b/platforms/pictique/src/lib/icons/VerticalDots.svelte
similarity index 100%
rename from platforms/metagram/src/lib/icons/VerticalDots.svelte
rename to platforms/pictique/src/lib/icons/VerticalDots.svelte
diff --git a/platforms/metagram/src/lib/icons/index.ts b/platforms/pictique/src/lib/icons/index.ts
similarity index 100%
rename from platforms/metagram/src/lib/icons/index.ts
rename to platforms/pictique/src/lib/icons/index.ts
diff --git a/platforms/metagram/src/lib/index.ts b/platforms/pictique/src/lib/index.ts
similarity index 100%
rename from platforms/metagram/src/lib/index.ts
rename to platforms/pictique/src/lib/index.ts
diff --git a/platforms/metagram/src/lib/store/store.svelte.ts b/platforms/pictique/src/lib/store/store.svelte.ts
similarity index 100%
rename from platforms/metagram/src/lib/store/store.svelte.ts
rename to platforms/pictique/src/lib/store/store.svelte.ts
diff --git a/platforms/pictique/src/lib/stores/auth.ts b/platforms/pictique/src/lib/stores/auth.ts
new file mode 100644
index 00000000..0225c01d
--- /dev/null
+++ b/platforms/pictique/src/lib/stores/auth.ts
@@ -0,0 +1,24 @@
+import { writable } from 'svelte/store';
+import { apiClient, setAuthToken, removeAuthToken } from '$lib/utils/axios';
+
+export const isAuthenticated = writable(false);
+
+export const initializeAuth = () => {
+    const token = localStorage.getItem('pictique_auth_token');
+    if (token) {
+        apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+        isAuthenticated.set(true);
+    }
+};
+
+export const login = (token: string) => {
+    setAuthToken(token);
+    apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+    isAuthenticated.set(true);
+};
+
+export const logout = () => {
+    removeAuthToken();
+    delete apiClient.defaults.headers.common['Authorization'];
+    isAuthenticated.set(false);
+}; 
\ No newline at end of file
diff --git a/platforms/pictique/src/lib/stores/posts.ts b/platforms/pictique/src/lib/stores/posts.ts
new file mode 100644
index 00000000..30334f65
--- /dev/null
+++ b/platforms/pictique/src/lib/stores/posts.ts
@@ -0,0 +1,66 @@
+import { writable } from 'svelte/store';
+import { apiClient } from '$lib/utils/axios';
+
+export interface Post {
+    id: string;
+    text: string;
+    images: string[];
+    author: {
+        id: string;
+        handle: string;
+        name: string;
+        avatarUrl: string;
+    };
+    createdAt: string;
+    likedBy: string[];
+    comments: {
+        id: string;
+        text: string;
+        author: {
+            id: string;
+            handle: string;
+            name: string;
+            avatarUrl: string;
+        };
+        createdAt: string;
+    }[];
+}
+
+export const posts = writable<Post[]>([]);
+export const isLoading = writable(false);
+export const error = writable<string | null>(null);
+export const isCreatePostModalOpen = writable(false);
+
+export const openCreatePostModal = () => isCreatePostModalOpen.set(true);
+export const closeCreatePostModal = () => isCreatePostModalOpen.set(false);
+
+export const fetchFeed = async (page = 1, limit = 10) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.get(`/api/posts/feed?page=${page}&limit=${limit}`);
+        posts.set(response.data);
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to fetch feed');
+    } finally {
+        isLoading.set(false);
+    }
+};
+
+export const createPost = async (text: string, images: string[]) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.post('/api/posts', {
+            text,
+            images: images.map(img => img)
+        });
+        await fetchFeed(1);
+        return response.data;
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to create post');
+        throw err;
+    } finally {
+        isLoading.set(false);
+    }
+};
diff --git a/platforms/metagram/src/lib/types.ts b/platforms/pictique/src/lib/types.ts
similarity index 100%
rename from platforms/metagram/src/lib/types.ts
rename to platforms/pictique/src/lib/types.ts
diff --git a/platforms/metagram/src/lib/ui/Avatar/Avatar.stories.ts b/platforms/pictique/src/lib/ui/Avatar/Avatar.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Avatar/Avatar.stories.ts
rename to platforms/pictique/src/lib/ui/Avatar/Avatar.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Avatar/Avatar.svelte b/platforms/pictique/src/lib/ui/Avatar/Avatar.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Avatar/Avatar.svelte
rename to platforms/pictique/src/lib/ui/Avatar/Avatar.svelte
diff --git a/platforms/metagram/src/lib/ui/Button/Button.stories.snippet.svelte b/platforms/pictique/src/lib/ui/Button/Button.stories.snippet.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Button/Button.stories.snippet.svelte
rename to platforms/pictique/src/lib/ui/Button/Button.stories.snippet.svelte
diff --git a/platforms/metagram/src/lib/ui/Button/Button.stories.ts b/platforms/pictique/src/lib/ui/Button/Button.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Button/Button.stories.ts
rename to platforms/pictique/src/lib/ui/Button/Button.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Button/Button.svelte b/platforms/pictique/src/lib/ui/Button/Button.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Button/Button.svelte
rename to platforms/pictique/src/lib/ui/Button/Button.svelte
diff --git a/platforms/metagram/src/lib/ui/Helper/Helper.stories.snippet.svelte b/platforms/pictique/src/lib/ui/Helper/Helper.stories.snippet.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Helper/Helper.stories.snippet.svelte
rename to platforms/pictique/src/lib/ui/Helper/Helper.stories.snippet.svelte
diff --git a/platforms/metagram/src/lib/ui/Helper/Helper.stories.ts b/platforms/pictique/src/lib/ui/Helper/Helper.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Helper/Helper.stories.ts
rename to platforms/pictique/src/lib/ui/Helper/Helper.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Helper/Helper.svelte b/platforms/pictique/src/lib/ui/Helper/Helper.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Helper/Helper.svelte
rename to platforms/pictique/src/lib/ui/Helper/Helper.svelte
diff --git a/platforms/metagram/src/lib/ui/Input/Input.stories.ts b/platforms/pictique/src/lib/ui/Input/Input.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Input/Input.stories.ts
rename to platforms/pictique/src/lib/ui/Input/Input.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Input/Input.svelte b/platforms/pictique/src/lib/ui/Input/Input.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Input/Input.svelte
rename to platforms/pictique/src/lib/ui/Input/Input.svelte
diff --git a/platforms/metagram/src/lib/ui/Label/Label.stories.snippet.svelte b/platforms/pictique/src/lib/ui/Label/Label.stories.snippet.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Label/Label.stories.snippet.svelte
rename to platforms/pictique/src/lib/ui/Label/Label.stories.snippet.svelte
diff --git a/platforms/metagram/src/lib/ui/Label/Label.stories.ts b/platforms/pictique/src/lib/ui/Label/Label.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Label/Label.stories.ts
rename to platforms/pictique/src/lib/ui/Label/Label.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Label/Label.svelte b/platforms/pictique/src/lib/ui/Label/Label.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Label/Label.svelte
rename to platforms/pictique/src/lib/ui/Label/Label.svelte
diff --git a/platforms/pictique/src/lib/ui/Modal/Modal.svelte b/platforms/pictique/src/lib/ui/Modal/Modal.svelte
new file mode 100644
index 00000000..abce30a8
--- /dev/null
+++ b/platforms/pictique/src/lib/ui/Modal/Modal.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+
+	const dispatch = createEventDispatcher<{
+		close: void;
+	}>();
+
+	const handleBackdropClick = (event: MouseEvent) => {
+		if (event.target === event.currentTarget) {
+			dispatch('close');
+		}
+	};
+
+	const handleKeydown = (event: KeyboardEvent) => {
+		if (event.key === 'Escape') {
+			dispatch('close');
+		}
+	};
+</script>
+
+<svelte:window on:keydown={handleKeydown} />
+
+<div
+	class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
+	on:click={handleBackdropClick}
+>
+	<div class="relative">
+		<slot />
+	</div>
+</div>
diff --git a/platforms/pictique/src/lib/ui/Qr/Qr.svelte b/platforms/pictique/src/lib/ui/Qr/Qr.svelte
new file mode 100644
index 00000000..b1555443
--- /dev/null
+++ b/platforms/pictique/src/lib/ui/Qr/Qr.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import QrCode from 'svelte-qrcode';
+
+	export let data: string;
+</script>
+
+<QrCode value={data} size={330} />
diff --git a/platforms/metagram/src/lib/ui/Select/Select.stories.ts b/platforms/pictique/src/lib/ui/Select/Select.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Select/Select.stories.ts
rename to platforms/pictique/src/lib/ui/Select/Select.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Select/Select.svelte b/platforms/pictique/src/lib/ui/Select/Select.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Select/Select.svelte
rename to platforms/pictique/src/lib/ui/Select/Select.svelte
diff --git a/platforms/metagram/src/lib/ui/Toggle/Toggle.stories.ts b/platforms/pictique/src/lib/ui/Toggle/Toggle.stories.ts
similarity index 100%
rename from platforms/metagram/src/lib/ui/Toggle/Toggle.stories.ts
rename to platforms/pictique/src/lib/ui/Toggle/Toggle.stories.ts
diff --git a/platforms/metagram/src/lib/ui/Toggle/Toggle.svelte b/platforms/pictique/src/lib/ui/Toggle/Toggle.svelte
similarity index 100%
rename from platforms/metagram/src/lib/ui/Toggle/Toggle.svelte
rename to platforms/pictique/src/lib/ui/Toggle/Toggle.svelte
diff --git a/platforms/metagram/src/lib/ui/index.ts b/platforms/pictique/src/lib/ui/index.ts
similarity index 89%
rename from platforms/metagram/src/lib/ui/index.ts
rename to platforms/pictique/src/lib/ui/index.ts
index d28618f9..52f1d457 100644
--- a/platforms/metagram/src/lib/ui/index.ts
+++ b/platforms/pictique/src/lib/ui/index.ts
@@ -5,3 +5,4 @@ export { default as Select } from './Select/Select.svelte';
 export { default as Label } from './Label/Label.svelte';
 export { default as Toggle } from './Toggle/Toggle.svelte';
 export { default as Helper } from './Helper/Helper.svelte';
+export { default as Qr } from './Qr/Qr.svelte';
diff --git a/platforms/pictique/src/lib/utils/axios.ts b/platforms/pictique/src/lib/utils/axios.ts
new file mode 100644
index 00000000..9974996a
--- /dev/null
+++ b/platforms/pictique/src/lib/utils/axios.ts
@@ -0,0 +1,23 @@
+import axios, { type AxiosInstance } from 'axios';
+import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+
+const TOKEN_KEY = 'pictique_auth_token';
+
+// Create axios instance with base configuration
+export const apiClient: AxiosInstance = axios.create({
+    baseURL: PUBLIC_PICTIQUE_BASE_URL,
+    headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY)}`
+    }
+});
+
+// Utility function to store auth token
+export const setAuthToken = (token: string): void => {
+    localStorage.setItem(TOKEN_KEY, token);
+};
+
+// Utility function to remove auth token
+export const removeAuthToken = (): void => {
+    localStorage.removeItem(TOKEN_KEY);
+};
diff --git a/platforms/metagram/src/lib/utils/clickOutside.ts b/platforms/pictique/src/lib/utils/clickOutside.ts
similarity index 100%
rename from platforms/metagram/src/lib/utils/clickOutside.ts
rename to platforms/pictique/src/lib/utils/clickOutside.ts
diff --git a/platforms/metagram/src/lib/utils/index.ts b/platforms/pictique/src/lib/utils/index.ts
similarity index 71%
rename from platforms/metagram/src/lib/utils/index.ts
rename to platforms/pictique/src/lib/utils/index.ts
index e09e7458..5e5eef8a 100644
--- a/platforms/metagram/src/lib/utils/index.ts
+++ b/platforms/pictique/src/lib/utils/index.ts
@@ -1,2 +1,3 @@
 export * from './mergeClasses';
 export * from './clickOutside';
+export * from './axios';
diff --git a/platforms/metagram/src/lib/utils/mergeClasses.ts b/platforms/pictique/src/lib/utils/mergeClasses.ts
similarity index 100%
rename from platforms/metagram/src/lib/utils/mergeClasses.ts
rename to platforms/pictique/src/lib/utils/mergeClasses.ts
diff --git a/platforms/pictique/src/routes/(auth)/auth/+page.svelte b/platforms/pictique/src/routes/(auth)/auth/+page.svelte
new file mode 100644
index 00000000..5d7c49f6
--- /dev/null
+++ b/platforms/pictique/src/routes/(auth)/auth/+page.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	import { Qr } from '$lib/ui';
+	import { onMount } from 'svelte';
+	import { apiClient, setAuthToken } from '$lib/utils';
+	import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+	import { goto } from '$app/navigation';
+
+	let qrData: string;
+
+	onMount(async () => {
+		const { data } = await apiClient.get('/api/auth/offer');
+		qrData = data.uri;
+
+		function watchEventStream(id: string) {
+			const sseUrl = new URL(`/api/auth/sessions/${id}`, PUBLIC_PICTIQUE_BASE_URL).toString();
+			const eventSource = new EventSource(sseUrl);
+
+			eventSource.onopen = function (e) {
+				console.log('Successfully connected.');
+			};
+
+			eventSource.onmessage = function (e) {
+				const data = JSON.parse(e.data);
+				const { token } = data;
+				setAuthToken(token);
+				goto('/home');
+			};
+		}
+
+		watchEventStream(new URL(qrData).searchParams.get('session') as string);
+	});
+</script>
+
+<div
+	class="align-center flex h-full w-full flex-col content-center items-center
+    justify-center"
+>
+	<div
+		class="h-max-[600px] bg-grey flex w-[300px] flex-col items-center gap-5
+        rounded-md p-5"
+	>
+		<img src="/images/Logo.svg" alt="logo" />
+
+		<Qr data={qrData}></Qr>
+
+		<h1>Scan the QR to Login</h1>
+	</div>
+</div>
diff --git a/platforms/metagram/src/routes/(protected)/+layout.svelte b/platforms/pictique/src/routes/(protected)/+layout.svelte
similarity index 88%
rename from platforms/metagram/src/routes/(protected)/+layout.svelte
rename to platforms/pictique/src/routes/(protected)/+layout.svelte
index d5e9044b..f966f27a 100644
--- a/platforms/metagram/src/routes/(protected)/+layout.svelte
+++ b/platforms/pictique/src/routes/(protected)/+layout.svelte
@@ -7,6 +7,8 @@
 	import { Settings } from '$lib/icons';
 	import { showComments } from '$lib/store/store.svelte';
 	import type { CommentType } from '$lib/types';
+	import { openCreatePostModal, isCreatePostModalOpen } from '$lib/stores/posts';
+	import CreatePostModal from '$lib/fragments/CreatePostModal/CreatePostModal.svelte';
 	let { children } = $props();
 
 	let route = $derived(page.url.pathname);
@@ -76,7 +78,12 @@
 <main
 	class={`block h-[100dvh] ${route !== '/home' && route !== '/messages' ? 'grid-cols-[20vw_auto]' : 'grid-cols-[20vw_auto_30vw]'} md:grid`}
 >
-	<SideBar profileSrc="https://picsum.photos/200" handlePost={async () => alert('adas')} />
+	<SideBar
+		profileSrc="https://picsum.photos/200"
+		handlePost={async () => {
+			openCreatePostModal();
+		}}
+	/>
 	<section class="hide-scrollbar h-[100dvh] overflow-y-auto px-4 pb-8 md:px-8 md:pt-8">
 		<div class="flex items-center justify-between">
 			<Header
@@ -103,7 +110,7 @@
 	</section>
 	{#if route === '/home' || route === '/messages'}
 		<aside
-			class="hide-scrollbar relative hidden h-[100dvh] overflow-y-scroll border border-e-0 border-t-0 border-b-0 border-s-gray-200 px-8 pt-14 md:block"
+			class="hide-scrollbar relative hidden h-[100dvh] overflow-y-scroll border border-b-0 border-e-0 border-t-0 border-s-gray-200 px-8 pt-14 md:block"
 		>
 			{#if route === '/home'}
 				{#if showComments.value}
@@ -121,7 +128,7 @@
 							</li>
 						{/each}
 						<MessageInput
-							class="sticky start-0 bottom-4 mt-4 w-full px-2"
+							class="sticky bottom-4 start-0 mt-4 w-full px-2"
 							variant="comment"
 							src="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
 							bind:value={commentValue}
@@ -138,7 +145,7 @@
 							<UserRequest
 								userImgSrc="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
 								userName="luffythethird"
-								description="I’ve always wished life came at me fast. Funny how that wish never came through"
+								description="I've always wished life came at me fast. Funny how that wish never came through"
 								handleFollow={async () => alert('Adsad')}
 							/>
 						</li>
@@ -152,3 +159,7 @@
 		<BottomNav class="btm-nav" profileSrc="https://picsum.photos/200" />
 	{/if}
 </main>
+
+{#if $isCreatePostModalOpen}
+	<CreatePostModal />
+{/if}
diff --git a/platforms/metagram/src/routes/(protected)/discover/+page.svelte b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/discover/+page.svelte
rename to platforms/pictique/src/routes/(protected)/discover/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/home/+page.svelte b/platforms/pictique/src/routes/(protected)/home/+page.svelte
similarity index 60%
rename from platforms/metagram/src/routes/(protected)/home/+page.svelte
rename to platforms/pictique/src/routes/(protected)/home/+page.svelte
index dea6637e..518384bd 100644
--- a/platforms/metagram/src/routes/(protected)/home/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/home/+page.svelte
@@ -1,41 +1,23 @@
 <script lang="ts">
 	import { Drawer, Post } from '$lib/fragments';
-	import { comments, dummyPosts } from '$lib/dummyData';
 	import { onMount } from 'svelte';
 	import type { CupertinoPane } from 'cupertino-pane';
 	import { Comment, MessageInput } from '$lib/fragments';
-	import type { CommentType, PostData } from '$lib/types';
+	import type { CommentType } from '$lib/types';
 	import { showComments } from '$lib/store/store.svelte';
+	import { posts, isLoading, error, fetchFeed } from '$lib/stores/posts';
 
 	let listElement: HTMLElement;
-	let visiblePosts: PostData[] = $state([]);
-	let maxVisiblePosts = $state(20);
-	const batchSize = 10;
-	let currentIndex = $state(0);
-	let loading = $state(false);
 	let drawer: CupertinoPane | undefined = $state();
 	let commentValue: string = $state('');
 	let commentInput: HTMLInputElement | undefined = $state();
-	let _comments = $state(comments);
+	let _comments = $state<CommentType[]>([]);
 	let activeReplyToId: string | null = $state(null);
 
-	const loadMore = () => {
-		if (loading || currentIndex >= dummyPosts.length) return;
-		loading = true;
-		setTimeout(() => {
-			const nextBatch = dummyPosts.slice(currentIndex, currentIndex + batchSize);
-			visiblePosts = [...visiblePosts, ...nextBatch];
-			if (visiblePosts.length > maxVisiblePosts) {
-				visiblePosts = visiblePosts.slice(visiblePosts.length - maxVisiblePosts);
-			}
-			currentIndex += batchSize;
-			loading = false;
-		}, 500);
-	};
-
 	const onScroll = () => {
-		if (listElement.scrollTop + listElement.clientHeight >= listElement.scrollHeight)
-			loadMore();
+		if (listElement.scrollTop + listElement.clientHeight >= listElement.scrollHeight) {
+			// TODO: Implement pagination
+		}
 	};
 
 	const handleSend = async () => {
@@ -79,44 +61,46 @@
 	});
 
 	onMount(() => {
-		loadMore();
+		fetchFeed();
 	});
 </script>
 
 <ul bind:this={listElement} class="hide-scrollbar h-[100vh] overflow-auto">
-	{#each visiblePosts as post}
-		<li class="mb-6">
-			<Post
-				avatar={post.avatar}
-				username={post.username}
-				imgUris={post.imgUri}
-				postAlt={post.postAlt}
-				text={post.text}
-				time={post.time}
-				count={post.count}
-				callback={{
-					like: () => alert('like'),
-					comment: () => {
-						if (window.matchMedia('(max-width: 768px)').matches) {
-							drawer?.present({ animate: true });
-						} else {
-							showComments.value = true;
-						}
-					},
-					menu: () => alert('menu')
-				}}
-			/>
-		</li>
-	{/each}
+	{#if $isLoading}
+		<li class="my-4 text-center">Loading posts...</li>
+	{:else if $error}
+		<li class="my-4 text-center text-red-500">{$error}</li>
+	{:else}
+		{#each $posts.posts as post}
+			<li class="mb-6">
+				<Post
+					avatar={post.author.avatarUrl}
+					username={post.author.handle}
+					imgUris={post.images}
+					postAlt={post.text}
+					text={post.text}
+					time={new Date(post.createdAt).toLocaleDateString()}
+					count={{ likes: post.likedBy.length, comments: post.comments.length }}
+					callback={{
+						like: () => alert('like'),
+						comment: () => {
+							if (window.matchMedia('(max-width: 768px)').matches) {
+								drawer?.present({ animate: true });
+							} else {
+								showComments.value = true;
+							}
+						},
+						menu: () => alert('menu')
+					}}
+				/>
+			</li>
+		{/each}
+	{/if}
 </ul>
 
-{#if loading}
-	<p class="my-4 text-center">Loading more posts…</p>
-{/if}
-
 <Drawer bind:drawer>
 	<ul class="pb-4">
-		<h3 class="text-black-600 mb-6 text-center">{comments.length} Comments</h3>
+		<h3 class="text-black-600 mb-6 text-center">{_comments.length} Comments</h3>
 		{#each _comments as comment}
 			<li class="mb-4">
 				<Comment
diff --git a/platforms/metagram/src/routes/(protected)/messages/+page.svelte b/platforms/pictique/src/routes/(protected)/messages/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/messages/+page.svelte
rename to platforms/pictique/src/routes/(protected)/messages/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/messages/[id]/+page.svelte b/platforms/pictique/src/routes/(protected)/messages/[id]/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/messages/[id]/+page.svelte
rename to platforms/pictique/src/routes/(protected)/messages/[id]/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/post/+page.svelte b/platforms/pictique/src/routes/(protected)/post/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/post/+page.svelte
rename to platforms/pictique/src/routes/(protected)/post/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/profile/+page.svelte b/platforms/pictique/src/routes/(protected)/profile/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/profile/+page.svelte
rename to platforms/pictique/src/routes/(protected)/profile/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/+layout.svelte b/platforms/pictique/src/routes/(protected)/settings/+layout.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/+layout.svelte
rename to platforms/pictique/src/routes/(protected)/settings/+layout.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/account/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/account/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/account/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/account/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/account/deactivate/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/account/deactivate/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/account/deactivate/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/account/deactivate/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/account/username/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/account/username/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/account/username/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/account/username/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/data-and-storage/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/data-and-storage/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/data-and-storage/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/data-and-storage/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/logout/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/logout/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/logout/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/logout/+page.svelte
diff --git a/platforms/metagram/src/routes/(protected)/settings/notifications/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/notifications/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/(protected)/settings/notifications/+page.svelte
rename to platforms/pictique/src/routes/(protected)/settings/notifications/+page.svelte
diff --git a/platforms/metagram/src/routes/+layout.svelte b/platforms/pictique/src/routes/+layout.svelte
similarity index 100%
rename from platforms/metagram/src/routes/+layout.svelte
rename to platforms/pictique/src/routes/+layout.svelte
diff --git a/platforms/metagram/src/routes/+layout.ts b/platforms/pictique/src/routes/+layout.ts
similarity index 100%
rename from platforms/metagram/src/routes/+layout.ts
rename to platforms/pictique/src/routes/+layout.ts
diff --git a/platforms/metagram/src/routes/+page.svelte b/platforms/pictique/src/routes/+page.svelte
similarity index 100%
rename from platforms/metagram/src/routes/+page.svelte
rename to platforms/pictique/src/routes/+page.svelte
diff --git a/platforms/metagram/static/favicon.png b/platforms/pictique/static/favicon.png
similarity index 100%
rename from platforms/metagram/static/favicon.png
rename to platforms/pictique/static/favicon.png
diff --git a/platforms/metagram/static/fonts/Geist-VariableFont_wght.ttf b/platforms/pictique/static/fonts/Geist-VariableFont_wght.ttf
similarity index 100%
rename from platforms/metagram/static/fonts/Geist-VariableFont_wght.ttf
rename to platforms/pictique/static/fonts/Geist-VariableFont_wght.ttf
diff --git a/platforms/metagram/static/images/Logo.svg b/platforms/pictique/static/images/Logo.svg
similarity index 100%
rename from platforms/metagram/static/images/Logo.svg
rename to platforms/pictique/static/images/Logo.svg
diff --git a/platforms/metagram/svelte.config.js b/platforms/pictique/svelte.config.js
similarity index 54%
rename from platforms/metagram/svelte.config.js
rename to platforms/pictique/svelte.config.js
index e396323a..27ddeeee 100644
--- a/platforms/metagram/svelte.config.js
+++ b/platforms/pictique/svelte.config.js
@@ -2,8 +2,13 @@ import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 const config = {
-	preprocess: vitePreprocess(),
-	kit: { adapter: adapter() }
+    preprocess: vitePreprocess(),
+    kit: {
+        adapter: adapter(),
+        env: {
+            dir: '../../'
+        }
+    }
 };
 
 export default config;
diff --git a/platforms/metagram/tsconfig.json b/platforms/pictique/tsconfig.json
similarity index 100%
rename from platforms/metagram/tsconfig.json
rename to platforms/pictique/tsconfig.json
diff --git a/platforms/metagram/vite.config.ts b/platforms/pictique/vite.config.ts
similarity index 100%
rename from platforms/metagram/vite.config.ts
rename to platforms/pictique/vite.config.ts
diff --git a/platforms/piqtique-api/package.json b/platforms/piqtique-api/package.json
new file mode 100644
index 00000000..bf1440dd
--- /dev/null
+++ b/platforms/piqtique-api/package.json
@@ -0,0 +1,39 @@
+{
+    "name": "piqtique-api",
+    "version": "1.0.0",
+    "description": "Piqtique Social Media Platform API",
+    "main": "src/index.ts",
+    "scripts": {
+        "start": "ts-node src/index.ts",
+        "dev": "nodemon --exec ts-node src/index.ts",
+        "build": "tsc",
+        "typeorm": "typeorm-ts-node-commonjs",
+        "migration:generate": "npm run typeorm migration:generate -- -d src/database/data-source.ts",
+        "migration:run": "npm run typeorm migration:run -- -d src/database/data-source.ts",
+        "migration:revert": "npm run typeorm migration:revert -- -d src/database/data-source.ts"
+    },
+    "dependencies": {
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "express": "^4.18.2",
+        "jsonwebtoken": "^9.0.2",
+        "pg": "^8.11.3",
+        "reflect-metadata": "^0.2.1",
+        "typeorm": "^0.3.20",
+        "uuid": "^9.0.1"
+    },
+    "devDependencies": {
+        "@types/cors": "^2.8.17",
+        "@types/express": "^4.17.21",
+        "@types/jsonwebtoken": "^9.0.5",
+        "@types/node": "^20.11.24",
+        "@types/pg": "^8.11.2",
+        "@types/uuid": "^9.0.8",
+        "@typescript-eslint/eslint-plugin": "^7.0.1",
+        "@typescript-eslint/parser": "^7.0.1",
+        "eslint": "^8.56.0",
+        "nodemon": "^3.0.3",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.3.3"
+    }
+}
diff --git a/platforms/piqtique-api/src/controllers/AuthController.ts b/platforms/piqtique-api/src/controllers/AuthController.ts
new file mode 100644
index 00000000..86cdb843
--- /dev/null
+++ b/platforms/piqtique-api/src/controllers/AuthController.ts
@@ -0,0 +1,81 @@
+import { Request, Response } from "express";
+import { v4 as uuidv4 } from "uuid";
+import { UserService } from "../services/UserService";
+import { EventEmitter } from "events";
+export class AuthController {
+    private userService: UserService;
+    private eventEmitter: EventEmitter;
+
+    constructor() {
+        this.userService = new UserService();
+        this.eventEmitter = new EventEmitter();
+    }
+
+    sseStream = async (req: Request, res: Response) => {
+        const { id } = req.params;
+
+        // Set headers for SSE
+        res.writeHead(200, {
+            "Content-Type": "text/event-stream",
+            "Cache-Control": "no-cache",
+            Connection: "keep-alive",
+            "Access-Control-Allow-Origin": "*",
+        });
+
+        const handler = (data: any) => {
+            res.write(`data: ${JSON.stringify(data)}\n\n`);
+        };
+
+        this.eventEmitter.on(id, handler);
+
+        // Handle client disconnect
+        req.on("close", () => {
+            this.eventEmitter.off(id, handler);
+            res.end();
+        });
+
+        req.on("error", (error) => {
+            console.error("SSE Error:", error);
+            this.eventEmitter.off(id, handler);
+            res.end();
+        });
+    };
+
+    getOffer = async (req: Request, res: Response) => {
+        const url = new URL(
+            "/api/auth",
+            process.env.PUBLIC_PICTIQUE_BASE_URL,
+        ).toString();
+        const session = uuidv4();
+        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=pictique`;
+        res.json({ uri: offer });
+    };
+
+    login = async (req: Request, res: Response) => {
+        try {
+            const { ename, session } = req.body;
+
+            if (!ename) {
+                return res.status(400).json({ error: "ename is required" });
+            }
+
+            const { user, token } =
+                await this.userService.findOrCreateUser(ename);
+
+            const data = {
+                user: {
+                    id: user.id,
+                    ename: user.ename,
+                    isVerified: user.isVerified,
+                    isPrivate: user.isPrivate,
+                },
+                token,
+            };
+            this.eventEmitter.emit(session, data);
+            res.status(200).send();
+        } catch (error) {
+            console.error("Error during login:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/piqtique-api/src/controllers/CommentController.ts b/platforms/piqtique-api/src/controllers/CommentController.ts
new file mode 100644
index 00000000..b22b6f66
--- /dev/null
+++ b/platforms/piqtique-api/src/controllers/CommentController.ts
@@ -0,0 +1,125 @@
+import { Request, Response } from "express";
+import { AppDataSource } from "../database/data-source";
+import { Comment } from "../database/entities/Comment";
+import { Post } from "../database/entities/Post";
+
+export class CommentController {
+    private commentRepository = AppDataSource.getRepository(Comment);
+    private postRepository = AppDataSource.getRepository(Post);
+
+    createComment = async (req: Request, res: Response) => {
+        try {
+            const { postId, text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const post = await this.postRepository.findOneBy({ id: postId });
+            if (!post) {
+                return res.status(404).json({ error: "Post not found" });
+            }
+
+            const comment = this.commentRepository.create({
+                text,
+                author: { id: userId },
+                post: { id: postId }
+            });
+
+            const savedComment = await this.commentRepository.save(comment);
+            res.status(201).json(savedComment);
+        } catch (error) {
+            console.error("Error creating comment:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getPostComments = async (req: Request, res: Response) => {
+        try {
+            const { postId } = req.params;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            const [comments, total] = await this.commentRepository.findAndCount({
+                where: { post: { id: postId } },
+                relations: ["author"],
+                order: { createdAt: "DESC" },
+                skip: (page - 1) * limit,
+                take: limit
+            });
+
+            res.json({
+                comments,
+                total,
+                page,
+                totalPages: Math.ceil(total / limit)
+            });
+        } catch (error) {
+            console.error("Error fetching comments:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    updateComment = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const { text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const comment = await this.commentRepository.findOne({
+                where: { id },
+                relations: ["author"]
+            });
+
+            if (!comment) {
+                return res.status(404).json({ error: "Comment not found" });
+            }
+
+            if (comment.author.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            comment.text = text;
+            const updatedComment = await this.commentRepository.save(comment);
+            res.json(updatedComment);
+        } catch (error) {
+            console.error("Error updating comment:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    deleteComment = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const comment = await this.commentRepository.findOne({
+                where: { id },
+                relations: ["author"]
+            });
+
+            if (!comment) {
+                return res.status(404).json({ error: "Comment not found" });
+            }
+
+            if (comment.author.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            await this.commentRepository.softDelete(id);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error deleting comment:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/controllers/MessageController.ts b/platforms/piqtique-api/src/controllers/MessageController.ts
new file mode 100644
index 00000000..c2dda4c0
--- /dev/null
+++ b/platforms/piqtique-api/src/controllers/MessageController.ts
@@ -0,0 +1,173 @@
+import { Request, Response } from "express";
+import { AppDataSource } from "../database/data-source";
+import { Message } from "../database/entities/Message";
+import { User } from "../database/entities/User";
+
+export class MessageController {
+    private messageRepository = AppDataSource.getRepository(Message);
+    private userRepository = AppDataSource.getRepository(User);
+
+    sendMessage = async (req: Request, res: Response) => {
+        try {
+            const { recipientId, text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const recipient = await this.userRepository.findOneBy({ id: recipientId });
+            if (!recipient) {
+                return res.status(404).json({ error: "Recipient not found" });
+            }
+
+            const message = this.messageRepository.create({
+                text,
+                sender: { id: userId },
+                recipient: { id: recipientId }
+            });
+
+            const savedMessage = await this.messageRepository.save(message);
+            res.status(201).json(savedMessage);
+        } catch (error) {
+            console.error("Error sending message:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getConversation = async (req: Request, res: Response) => {
+        try {
+            const { userId } = req.params;
+            const currentUserId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 20;
+
+            if (!currentUserId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const [messages, total] = await this.messageRepository.findAndCount({
+                where: [
+                    { sender: { id: currentUserId }, recipient: { id: userId } },
+                    { sender: { id: userId }, recipient: { id: currentUserId } }
+                ],
+                relations: ["sender", "recipient"],
+                order: { createdAt: "DESC" },
+                skip: (page - 1) * limit,
+                take: limit
+            });
+
+            // Mark unread messages as read
+            await this.messageRepository.update(
+                {
+                    sender: { id: userId },
+                    recipient: { id: currentUserId },
+                    isRead: false
+                },
+                { isRead: true }
+            );
+
+            res.json({
+                messages,
+                total,
+                page,
+                totalPages: Math.ceil(total / limit)
+            });
+        } catch (error) {
+            console.error("Error fetching conversation:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getConversations = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            // Get the latest message from each conversation
+            const conversations = await this.messageRepository
+                .createQueryBuilder("message")
+                .leftJoinAndSelect("message.sender", "sender")
+                .leftJoinAndSelect("message.recipient", "recipient")
+                .where("message.sender.id = :userId OR message.recipient.id = :userId", { userId })
+                .andWhere("message.isArchived = false")
+                .orderBy("message.createdAt", "DESC")
+                .getMany();
+
+            // Group messages by conversation partner
+            const conversationMap = new Map();
+            conversations.forEach(message => {
+                const partnerId = message.sender.id === userId ? message.recipient.id : message.sender.id;
+                if (!conversationMap.has(partnerId)) {
+                    conversationMap.set(partnerId, {
+                        partner: message.sender.id === userId ? message.recipient : message.sender,
+                        lastMessage: message,
+                        unreadCount: 0
+                    });
+                }
+            });
+
+            // Count unread messages for each conversation
+            for (const [partnerId, conversation] of conversationMap) {
+                const unreadCount = await this.messageRepository.count({
+                    where: {
+                        sender: { id: partnerId },
+                        recipient: { id: userId },
+                        isRead: false
+                    }
+                });
+                conversation.unreadCount = unreadCount;
+            }
+
+            const conversationList = Array.from(conversationMap.values());
+            const start = (page - 1) * limit;
+            const end = start + limit;
+            const paginatedConversations = conversationList.slice(start, end);
+
+            res.json({
+                conversations: paginatedConversations,
+                total: conversationList.length,
+                page,
+                totalPages: Math.ceil(conversationList.length / limit)
+            });
+        } catch (error) {
+            console.error("Error fetching conversations:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    deleteMessage = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const message = await this.messageRepository.findOne({
+                where: { id },
+                relations: ["sender"]
+            });
+
+            if (!message) {
+                return res.status(404).json({ error: "Message not found" });
+            }
+
+            if (message.sender.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            await this.messageRepository.softDelete(id);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error deleting message:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/controllers/PostController.ts b/platforms/piqtique-api/src/controllers/PostController.ts
new file mode 100644
index 00000000..d738f9ac
--- /dev/null
+++ b/platforms/piqtique-api/src/controllers/PostController.ts
@@ -0,0 +1,54 @@
+import { Request, Response } from "express";
+import { PostService } from "../services/PostService";
+
+export class PostController {
+    private postService: PostService;
+
+    constructor() {
+        this.postService = new PostService();
+    }
+
+    getFeed = async (req: Request, res: Response) => {
+        try {
+            // @ts-ignore
+            const userId = req.user?.id; // Assuming you have authentication middleware
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            const feed = await this.postService.getFollowingFeed(
+                userId,
+                page,
+                limit,
+            );
+            res.json(feed);
+        } catch (error) {
+            console.error("Error fetching feed:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    createPost = async (req: Request, res: Response) => {
+        try {
+            // @ts-ignore
+            const userId = req.user?.id;
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const { text, images, hashtags } = req.body;
+            const post = await this.postService.createPost(userId, {
+                text,
+                images,
+                hashtags,
+            });
+            res.status(201).json(post);
+        } catch (error) {
+            console.error("Error creating post:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/piqtique-api/src/database/data-source.ts b/platforms/piqtique-api/src/database/data-source.ts
new file mode 100644
index 00000000..5035d284
--- /dev/null
+++ b/platforms/piqtique-api/src/database/data-source.ts
@@ -0,0 +1,20 @@
+import "reflect-metadata";
+import { DataSource } from "typeorm";
+import { config } from "dotenv";
+import { User } from "./entities/User";
+import { Post } from "./entities/Post";
+import { Comment } from "./entities/Comment";
+import { Message } from "./entities/Message";
+import path from "path";
+
+config({ path: path.resolve(__dirname, "../../../../.env") });
+
+export const AppDataSource = new DataSource({
+    type: "postgres",
+    url: process.env.PICTIQUE_DATABASE_URL,
+    synchronize: false,
+    logging: process.env.NODE_ENV === "development",
+    entities: [User, Post, Comment, Message],
+    migrations: ["src/database/migrations/*.ts"],
+    subscribers: [],
+}); 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/entities/Comment.ts b/platforms/piqtique-api/src/database/entities/Comment.ts
new file mode 100644
index 00000000..1f3157b2
--- /dev/null
+++ b/platforms/piqtique-api/src/database/entities/Comment.ts
@@ -0,0 +1,35 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable } from "typeorm";
+import { User } from "./User";
+import { Post } from "./Post";
+
+@Entity("comments")
+export class Comment {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.comments)
+    author!: User;
+
+    @ManyToOne(() => Post, (post: Post) => post.comments)
+    post!: Post;
+
+    @Column("text")
+    text!: string;
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "comment_likes",
+        joinColumn: { name: "comment_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    likedBy!: User[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/entities/Message.ts b/platforms/piqtique-api/src/database/entities/Message.ts
new file mode 100644
index 00000000..7c2f55ff
--- /dev/null
+++ b/platforms/piqtique-api/src/database/entities/Message.ts
@@ -0,0 +1,29 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne } from "typeorm";
+import { User } from "./User";
+
+@Entity("messages")
+export class Message {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.sentMessages)
+    sender!: User;
+
+    @ManyToOne(() => User, (user: User) => user.receivedMessages)
+    recipient!: User;
+
+    @Column("text")
+    text!: string;
+
+    @Column({ default: false })
+    isRead!: boolean;
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/entities/Post.ts b/platforms/piqtique-api/src/database/entities/Post.ts
new file mode 100644
index 00000000..c9aecc73
--- /dev/null
+++ b/platforms/piqtique-api/src/database/entities/Post.ts
@@ -0,0 +1,41 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable, OneToMany } from "typeorm";
+import { User } from "./User";
+import { Comment } from "./Comment";
+
+@Entity("posts")
+export class Post {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.posts)
+    author!: User;
+
+    @Column("text")
+    text!: string; // was content
+
+    @Column("simple-array", { nullable: true })
+    images!: string[]; // was mediaUrls
+
+    @OneToMany(() => Comment, (comment: Comment) => comment.post)
+    comments!: Comment[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "post_likes",
+        joinColumn: { name: "post_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    likedBy!: User[]; // was likes
+
+    @Column("simple-array", { nullable: true })
+    hashtags!: string[]; // was tags
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean; // was isDeleted
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/entities/User.ts b/platforms/piqtique-api/src/database/entities/User.ts
new file mode 100644
index 00000000..2475bd02
--- /dev/null
+++ b/platforms/piqtique-api/src/database/entities/User.ts
@@ -0,0 +1,71 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, OneToMany, ManyToMany, JoinTable } from "typeorm";
+import { Post } from "./Post";
+import { Comment } from "./Comment";
+import { Message } from "./Message";
+
+@Entity("users")
+export class User {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ nullable: true })
+    handle!: string;
+
+    @Column({ nullable: true })
+    name!: string;
+
+    @Column({ nullable: true })
+    description!: string;
+
+    @Column({ nullable: true })
+    avatarUrl!: string;
+
+    @Column({ nullable: true })
+    bannerUrl!: string;
+
+    @Column({ nullable: true })
+    ename!: string;
+
+    @Column({ default: false })
+    isVerified!: boolean;
+
+    @Column({ default: false })
+    isPrivate!: boolean;
+
+    @OneToMany(() => Post, (post: Post) => post.author)
+    posts!: Post[];
+
+    @OneToMany(() => Comment, (comment: Comment) => comment.author)
+    comments!: Comment[];
+
+    @OneToMany(() => Message, (message: Message) => message.sender)
+    sentMessages!: Message[];
+
+    @OneToMany(() => Message, (message: Message) => message.recipient)
+    receivedMessages!: Message[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "user_followers",
+        joinColumn: { name: "user_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "follower_id", referencedColumnName: "id" }
+    })
+    followers!: User[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "user_following",
+        joinColumn: { name: "user_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "following_id", referencedColumnName: "id" }
+    })
+    following!: User[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts b/platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts
new file mode 100644
index 00000000..3a9160cc
--- /dev/null
+++ b/platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts
@@ -0,0 +1,70 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class Migration1749032877158 implements MigrationInterface {
+    name = 'Migration1749032877158'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`CREATE TABLE "comments" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, "postId" uuid, CONSTRAINT "PK_8bf68bc960f2b69e818bdb90dcb" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "posts" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "images" text, "hashtags" text, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, CONSTRAINT "PK_2829ac61eff60fcec60d7274b9e" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "messages" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "isRead" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "senderId" uuid, "recipientId" uuid, CONSTRAINT "PK_18325f38ae6de43878487eff986" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "users" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "handle" character varying, "name" character varying, "description" character varying, "avatarUrl" character varying, "bannerUrl" character varying, "ename" character varying, "isVerified" boolean NOT NULL DEFAULT false, "isPrivate" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, CONSTRAINT "PK_a3ffb1c0c8416b9fc6f907b7433" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "comment_likes" ("comment_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_660059072f131c773be5f37c475" PRIMARY KEY ("comment_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_2073bf518ef7017ec19319a65e" ON "comment_likes" ("comment_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_bdba9a10c64ff58d36b09e3ac4" ON "comment_likes" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "post_likes" ("post_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_8f64693922a9e8c4e2605850d0b" PRIMARY KEY ("post_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_b40d37469c501092203d285af8" ON "post_likes" ("post_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_9b9a7fc5eeff133cf71b8e06a7" ON "post_likes" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "user_followers" ("user_id" uuid NOT NULL, "follower_id" uuid NOT NULL, CONSTRAINT "PK_d7b47e785d7dbc74b2f22f30045" PRIMARY KEY ("user_id", "follower_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_a59d62cda8101214445e295cdc" ON "user_followers" ("user_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_da722d93356ae3119d6be40d98" ON "user_followers" ("follower_id") `);
+        await queryRunner.query(`CREATE TABLE "user_following" ("user_id" uuid NOT NULL, "following_id" uuid NOT NULL, CONSTRAINT "PK_5d7e9a83ee6f9b806d569068a30" PRIMARY KEY ("user_id", "following_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_a28a2c27629ac06a41720d01c3" ON "user_following" ("user_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_94e1183284db3e697031eb7775" ON "user_following" ("following_id") `);
+        await queryRunner.query(`ALTER TABLE "comments" ADD CONSTRAINT "FK_4548cc4a409b8651ec75f70e280" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "comments" ADD CONSTRAINT "FK_e44ddaaa6d058cb4092f83ad61f" FOREIGN KEY ("postId") REFERENCES "posts"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "posts" ADD CONSTRAINT "FK_c5a322ad12a7bf95460c958e80e" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_2db9cf2b3ca111742793f6c37ce" FOREIGN KEY ("senderId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5" FOREIGN KEY ("recipientId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" ADD CONSTRAINT "FK_2073bf518ef7017ec19319a65e5" FOREIGN KEY ("comment_id") REFERENCES "comments"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" ADD CONSTRAINT "FK_bdba9a10c64ff58d36b09e3ac45" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "post_likes" ADD CONSTRAINT "FK_b40d37469c501092203d285af80" FOREIGN KEY ("post_id") REFERENCES "posts"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "post_likes" ADD CONSTRAINT "FK_9b9a7fc5eeff133cf71b8e06a7b" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_a59d62cda8101214445e295cdc8" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_da722d93356ae3119d6be40d988" FOREIGN KEY ("follower_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_a28a2c27629ac06a41720d01c30" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_94e1183284db3e697031eb7775d" FOREIGN KEY ("following_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_94e1183284db3e697031eb7775d"`);
+        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_a28a2c27629ac06a41720d01c30"`);
+        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_da722d93356ae3119d6be40d988"`);
+        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_a59d62cda8101214445e295cdc8"`);
+        await queryRunner.query(`ALTER TABLE "post_likes" DROP CONSTRAINT "FK_9b9a7fc5eeff133cf71b8e06a7b"`);
+        await queryRunner.query(`ALTER TABLE "post_likes" DROP CONSTRAINT "FK_b40d37469c501092203d285af80"`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" DROP CONSTRAINT "FK_bdba9a10c64ff58d36b09e3ac45"`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" DROP CONSTRAINT "FK_2073bf518ef7017ec19319a65e5"`);
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5"`);
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_2db9cf2b3ca111742793f6c37ce"`);
+        await queryRunner.query(`ALTER TABLE "posts" DROP CONSTRAINT "FK_c5a322ad12a7bf95460c958e80e"`);
+        await queryRunner.query(`ALTER TABLE "comments" DROP CONSTRAINT "FK_e44ddaaa6d058cb4092f83ad61f"`);
+        await queryRunner.query(`ALTER TABLE "comments" DROP CONSTRAINT "FK_4548cc4a409b8651ec75f70e280"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_94e1183284db3e697031eb7775"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_a28a2c27629ac06a41720d01c3"`);
+        await queryRunner.query(`DROP TABLE "user_following"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_da722d93356ae3119d6be40d98"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_a59d62cda8101214445e295cdc"`);
+        await queryRunner.query(`DROP TABLE "user_followers"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_9b9a7fc5eeff133cf71b8e06a7"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_b40d37469c501092203d285af8"`);
+        await queryRunner.query(`DROP TABLE "post_likes"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_bdba9a10c64ff58d36b09e3ac4"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_2073bf518ef7017ec19319a65e"`);
+        await queryRunner.query(`DROP TABLE "comment_likes"`);
+        await queryRunner.query(`DROP TABLE "users"`);
+        await queryRunner.query(`DROP TABLE "messages"`);
+        await queryRunner.query(`DROP TABLE "posts"`);
+        await queryRunner.query(`DROP TABLE "comments"`);
+    }
+
+}
diff --git a/platforms/piqtique-api/src/index.ts b/platforms/piqtique-api/src/index.ts
new file mode 100644
index 00000000..be311772
--- /dev/null
+++ b/platforms/piqtique-api/src/index.ts
@@ -0,0 +1,73 @@
+import "reflect-metadata";
+import express from "express";
+import cors from "cors";
+import { config } from "dotenv";
+import { AppDataSource } from "./database/data-source";
+import { PostController } from "./controllers/PostController";
+import path from "path";
+import { AuthController } from "./controllers/AuthController";
+import { CommentController } from "./controllers/CommentController";
+import { MessageController } from "./controllers/MessageController";
+import { authMiddleware, authGuard } from "./middleware/auth";
+
+config({ path: path.resolve(__dirname, "../../../.env") });
+
+const app = express();
+const port = process.env.PORT || 3000;
+
+// Middleware
+app.use(
+    cors({
+        origin: "*",
+        methods: ["GET", "POST", "OPTIONS", "PATCH"],
+        allowedHeaders: ["Content-Type", "Authorization"],
+        credentials: true,
+    }),
+);
+app.use(express.json({ limit: '50mb' }));
+app.use(express.urlencoded({ limit: '50mb', extended: true }));
+
+// Initialize database connection
+AppDataSource.initialize()
+    .then(() => {
+        console.log("Database connection established");
+    })
+    .catch((error) => {
+        console.error("Error connecting to database:", error);
+        process.exit(1);
+    });
+
+// Controllers
+const postController = new PostController();
+const authController = new AuthController();
+const commentController = new CommentController();
+const messageController = new MessageController();
+
+// Public routes (no auth required)
+app.get("/api/auth/offer", authController.getOffer);
+app.post("/api/auth", authController.login);
+app.get("/api/auth/sessions/:id", authController.sseStream);
+
+// Protected routes (auth required)
+app.use(authMiddleware); // Apply auth middleware to all routes below
+
+// Post routes
+app.get("/api/posts/feed", authGuard, postController.getFeed);
+app.post("/api/posts", authGuard, postController.createPost);
+
+// Comment routes
+app.post("/api/comments", authGuard, commentController.createComment);
+app.get("/api/posts/:postId/comments", authGuard, commentController.getPostComments);
+app.put("/api/comments/:id", authGuard, commentController.updateComment);
+app.delete("/api/comments/:id", authGuard, commentController.deleteComment);
+
+// Message routes
+app.post("/api/messages", authGuard, messageController.sendMessage);
+app.get("/api/conversations", authGuard, messageController.getConversations);
+app.get("/api/conversations/:userId", authGuard, messageController.getConversation);
+app.delete("/api/messages/:id", authGuard, messageController.deleteMessage);
+
+// Start server
+app.listen(port, () => {
+    console.log(`Server running on port ${port}`);
+});
diff --git a/platforms/piqtique-api/src/middleware/auth.ts b/platforms/piqtique-api/src/middleware/auth.ts
new file mode 100644
index 00000000..f00e1ba9
--- /dev/null
+++ b/platforms/piqtique-api/src/middleware/auth.ts
@@ -0,0 +1,40 @@
+import { Request, Response, NextFunction } from "express";
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+import { verifyToken } from "../utils/jwt";
+
+export const authMiddleware = async (req: Request, res: Response, next: NextFunction) => {
+    try {
+        const authHeader = req.headers.authorization;
+        if (!authHeader?.startsWith("Bearer ")) {
+            return res.status(401).json({ error: "No token provided" });
+        }
+
+        const token = authHeader.split(" ")[1];
+        const decoded = verifyToken(token) as { userId: string };
+
+        if (!decoded?.userId) {
+            return res.status(401).json({ error: "Invalid token" });
+        }
+
+        const userRepository = AppDataSource.getRepository(User);
+        const user = await userRepository.findOneBy({ id: decoded.userId });
+
+        if (!user) {
+            return res.status(401).json({ error: "User not found" });
+        }
+
+        req.user = user;
+        next();
+    } catch (error) {
+        console.error("Auth middleware error:", error);
+        res.status(401).json({ error: "Invalid token" });
+    }
+};
+
+export const authGuard = (req: Request, res: Response, next: NextFunction) => {
+    if (!req.user) {
+        return res.status(401).json({ error: "Authentication required" });
+    }
+    next();
+}; 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/services/PostService.ts b/platforms/piqtique-api/src/services/PostService.ts
new file mode 100644
index 00000000..416eab63
--- /dev/null
+++ b/platforms/piqtique-api/src/services/PostService.ts
@@ -0,0 +1,67 @@
+import { AppDataSource } from "../database/data-source";
+import { Post } from "../database/entities/Post";
+import { User } from "../database/entities/User";
+import { In } from "typeorm";
+
+interface CreatePostData {
+    text: string;
+    images?: string[];
+    hashtags?: string[];
+}
+
+export class PostService {
+    private postRepository = AppDataSource.getRepository(Post);
+    private userRepository = AppDataSource.getRepository(User);
+
+    async getFollowingFeed(userId: string, page: number, limit: number) {
+        const user = await this.userRepository.findOne({
+            where: { id: userId },
+            relations: ["following"],
+        });
+
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const followingIds = user.following.map((f: User) => f.id);
+        const authorIds = [...followingIds, userId];
+
+        const [posts, total] = await this.postRepository.findAndCount({
+            where: {
+                author: { id: In(authorIds) },
+                isArchived: false,
+            },
+            relations: ["author", "likedBy", "comments", "comments.author"],
+            order: {
+                createdAt: "DESC",
+            },
+            skip: (page - 1) * limit,
+            take: limit,
+        });
+
+        return {
+            posts,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async createPost(userId: string, data: CreatePostData) {
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const post = this.postRepository.create({
+            author: user,
+            text: data.text,
+            images: data.images || [],
+            hashtags: data.hashtags || [],
+            likedBy: [],
+        });
+
+        return await this.postRepository.save(post);
+    }
+}
+
diff --git a/platforms/piqtique-api/src/services/UserService.ts b/platforms/piqtique-api/src/services/UserService.ts
new file mode 100644
index 00000000..ded3ef7d
--- /dev/null
+++ b/platforms/piqtique-api/src/services/UserService.ts
@@ -0,0 +1,35 @@
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+import { signToken } from "../utils/jwt";
+
+export class UserService {
+    private userRepository = AppDataSource.getRepository(User);
+
+    async createBlankUser(ename: string): Promise<User> {
+        const user = this.userRepository.create({
+            ename,
+            isVerified: false,
+            isPrivate: false,
+            isArchived: false
+        });
+
+        return await this.userRepository.save(user);
+    }
+
+    async findOrCreateUser(ename: string): Promise<{ user: User; token: string }> {
+        let user = await this.userRepository.findOne({
+            where: { ename }
+        });
+
+        if (!user) {
+            user = await this.createBlankUser(ename);
+        }
+
+        const token = signToken({ userId: user.id });
+        return { user, token };
+    }
+
+    async findById(id: string): Promise<User | null> {
+        return await this.userRepository.findOneBy({ id });
+    }
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/types/express.d.ts b/platforms/piqtique-api/src/types/express.d.ts
new file mode 100644
index 00000000..8ad6ec48
--- /dev/null
+++ b/platforms/piqtique-api/src/types/express.d.ts
@@ -0,0 +1,9 @@
+import { User } from "../database/entities/User";
+
+declare global {
+    namespace Express {
+        interface Request {
+            user?: User;
+        }
+    }
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/utils/jwt.ts b/platforms/piqtique-api/src/utils/jwt.ts
new file mode 100644
index 00000000..4cebfb90
--- /dev/null
+++ b/platforms/piqtique-api/src/utils/jwt.ts
@@ -0,0 +1,15 @@
+import jwt from 'jsonwebtoken';
+
+const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key';
+
+export const signToken = (payload: any): string => {
+    return jwt.sign(payload, JWT_SECRET, { expiresIn: '7d' });
+};
+
+export const verifyToken = (token: string): any => {
+    try {
+        return jwt.verify(token, JWT_SECRET);
+    } catch (error) {
+        throw new Error('Invalid token');
+    }
+}; 
\ No newline at end of file
diff --git a/platforms/piqtique-api/tsconfig.json b/platforms/piqtique-api/tsconfig.json
new file mode 100644
index 00000000..733170be
--- /dev/null
+++ b/platforms/piqtique-api/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "commonjs",
+        "lib": ["ES2020"],
+        "sourceMap": true,
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "strict": true,
+        "moduleResolution": "node",
+        "baseUrl": "./src",
+        "esModuleInterop": true,
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "typeRoots": [
+          "./src/types",
+          "./node_modules/@types"
+        ]
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules", "dist"]
+} 
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6bd9cdb4..c23c7959 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -412,7 +412,7 @@ importers:
 
   packages/typescript-config: {}
 
-  platforms/metagram:
+  platforms/pictique:
     dependencies:
       '-':
         specifier: ^0.0.1
@@ -420,6 +420,12 @@ importers:
       D:
         specifier: ^1.0.0
         version: 1.0.0
+      axios:
+        specifier: ^1.6.7
+        version: 1.9.0
+      svelte-qrcode:
+        specifier: ^1.0.1
+        version: 1.0.1
       tailwind-merge:
         specifier: ^3.0.2
         version: 3.3.0
@@ -521,6 +527,70 @@ importers:
         specifier: ^6.2.6
         version: 6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
 
+  platforms/piqtique-api:
+    dependencies:
+      cors:
+        specifier: ^2.8.5
+        version: 2.8.5
+      dotenv:
+        specifier: ^16.4.5
+        version: 16.5.0
+      express:
+        specifier: ^4.18.2
+        version: 4.21.2
+      jsonwebtoken:
+        specifier: ^9.0.2
+        version: 9.0.2
+      pg:
+        specifier: ^8.11.3
+        version: 8.16.0
+      reflect-metadata:
+        specifier: ^0.2.1
+        version: 0.2.2
+      typeorm:
+        specifier: ^0.3.20
+        version: 0.3.24(babel-plugin-macros@3.1.0)(pg@8.16.0)(reflect-metadata@0.2.2)(ts-node@10.9.2(@types/node@20.17.50)(typescript@5.8.3))
+      uuid:
+        specifier: ^9.0.1
+        version: 9.0.1
+    devDependencies:
+      '@types/cors':
+        specifier: ^2.8.17
+        version: 2.8.18
+      '@types/express':
+        specifier: ^4.17.21
+        version: 4.17.22
+      '@types/jsonwebtoken':
+        specifier: ^9.0.5
+        version: 9.0.9
+      '@types/node':
+        specifier: ^20.11.24
+        version: 20.17.50
+      '@types/pg':
+        specifier: ^8.11.2
+        version: 8.15.4
+      '@types/uuid':
+        specifier: ^9.0.8
+        version: 9.0.8
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^7.0.1
+        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.8.3))(eslint@8.57.1)(typescript@5.8.3)
+      '@typescript-eslint/parser':
+        specifier: ^7.0.1
+        version: 7.18.0(eslint@8.57.1)(typescript@5.8.3)
+      eslint:
+        specifier: ^8.56.0
+        version: 8.57.1
+      nodemon:
+        specifier: ^3.0.3
+        version: 3.1.10
+      ts-node:
+        specifier: ^10.9.2
+        version: 10.9.2(@types/node@20.17.50)(typescript@5.8.3)
+      typescript:
+        specifier: ^5.3.3
+        version: 5.8.3
+
   platforms/registry:
     dependencies:
       '@fastify/cors':
@@ -2339,12 +2409,18 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/jsonwebtoken@9.0.9':
+    resolution: {integrity: sha512-uoe+GxEuHbvy12OUQct2X9JenKM3qAscquYymuQN4fMWG9DBQtykrQEFcAbVACF7qaLw9BePSodUL0kquqBJpQ==}
+
   '@types/mdx@2.0.13':
     resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
 
   '@types/mime@1.3.5':
     resolution: {integrity: sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==}
 
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
   '@types/node-fetch@2.6.12':
     resolution: {integrity: sha512-8nneRWKCg3rMtF69nLQJnOYUcbafYeFSjqkw3jCRLsqkWFlHaoQrr5mXmofFGOx3DKn7UfmBMyov8ySvLRVldA==}
 
@@ -2436,6 +2512,17 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/eslint-plugin@7.18.0':
+    resolution: {integrity: sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/eslint-plugin@8.32.1':
     resolution: {integrity: sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2454,6 +2541,16 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/parser@7.18.0':
+    resolution: {integrity: sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/parser@8.32.1':
     resolution: {integrity: sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2465,6 +2562,10 @@ packages:
     resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  '@typescript-eslint/scope-manager@7.18.0':
+    resolution: {integrity: sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+
   '@typescript-eslint/scope-manager@8.32.1':
     resolution: {integrity: sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2479,6 +2580,16 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/type-utils@7.18.0':
+    resolution: {integrity: sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/type-utils@8.32.1':
     resolution: {integrity: sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2490,6 +2601,10 @@ packages:
     resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  '@typescript-eslint/types@7.18.0':
+    resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+
   '@typescript-eslint/types@8.32.1':
     resolution: {integrity: sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2503,6 +2618,15 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/typescript-estree@7.18.0':
+    resolution: {integrity: sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/typescript-estree@8.32.1':
     resolution: {integrity: sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2515,6 +2639,12 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
 
+  '@typescript-eslint/utils@7.18.0':
+    resolution: {integrity: sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+
   '@typescript-eslint/utils@8.32.1':
     resolution: {integrity: sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2526,6 +2656,10 @@ packages:
     resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  '@typescript-eslint/visitor-keys@7.18.0':
+    resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+
   '@typescript-eslint/visitor-keys@8.32.1':
     resolution: {integrity: sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2980,6 +3114,9 @@ packages:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
 
+  buffer-equal-constant-time@1.0.1:
+    resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
+
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
@@ -4544,10 +4681,20 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
+  jsonwebtoken@9.0.2:
+    resolution: {integrity: sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==}
+    engines: {node: '>=12', npm: '>=6'}
+
   jsx-ast-utils@3.3.5:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
 
+  jwa@1.4.2:
+    resolution: {integrity: sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==}
+
+  jws@3.2.2:
+    resolution: {integrity: sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==}
+
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
@@ -4669,15 +4816,33 @@ packages:
   lodash.castarray@4.4.0:
     resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
 
+  lodash.includes@4.3.0:
+    resolution: {integrity: sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==}
+
+  lodash.isboolean@3.0.3:
+    resolution: {integrity: sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==}
+
+  lodash.isinteger@4.0.4:
+    resolution: {integrity: sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==}
+
+  lodash.isnumber@3.0.3:
+    resolution: {integrity: sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==}
+
   lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
 
+  lodash.isstring@4.0.1:
+    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
+
   lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
 
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.once@4.1.1:
+    resolution: {integrity: sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==}
+
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -5361,6 +5526,9 @@ packages:
   pure-rand@6.1.0:
     resolution: {integrity: sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==}
 
+  qrious@4.0.2:
+    resolution: {integrity: sha512-xWPJIrK1zu5Ypn898fBp8RHkT/9ibquV2Kv24S/JY9VYEhMBMKur1gHVsOiNUh7PHP9uCgejjpZUHUIXXKoU/g==}
+
   qs@6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
@@ -5934,6 +6102,9 @@ packages:
       typescript:
         optional: true
 
+  svelte-qrcode@1.0.1:
+    resolution: {integrity: sha512-l1RcxDWkQqtBWUkolYee/IHGVKSgm1I2PdF8yVoIRqzKCc3kXpCXSVsMfrMSavWW2/BXvKu5Orv+JGbrO5onsw==}
+
   svelte2tsx@0.7.39:
     resolution: {integrity: sha512-NX8a7eSqF1hr6WKArvXr7TV7DeE+y0kDFD7L5JP7TWqlwFidzGKaG415p992MHREiiEWOv2xIWXJ+mlONofs0A==}
     peerDependencies:
@@ -6073,6 +6244,12 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
+  ts-api-utils@1.4.3:
+    resolution: {integrity: sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
   ts-api-utils@2.1.0:
     resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
     engines: {node: '>=18.12'}
@@ -8640,10 +8817,17 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/jsonwebtoken@9.0.9':
+    dependencies:
+      '@types/ms': 2.1.0
+      '@types/node': 20.17.50
+
   '@types/mdx@2.0.13': {}
 
   '@types/mime@1.3.5': {}
 
+  '@types/ms@2.1.0': {}
+
   '@types/node-fetch@2.6.12':
     dependencies:
       '@types/node': 20.17.50
@@ -8665,7 +8849,7 @@ snapshots:
 
   '@types/pg@8.15.4':
     dependencies:
-      '@types/node': 22.15.21
+      '@types/node': 20.17.50
       pg-protocol: 1.10.0
       pg-types: 2.2.0
 
@@ -8752,6 +8936,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.8.3))(eslint@8.57.1)(typescript@5.8.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.8.3)
+      '@typescript-eslint/scope-manager': 7.18.0
+      '@typescript-eslint/type-utils': 7.18.0(eslint@8.57.1)(typescript@5.8.3)
+      '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.8.3)
+      '@typescript-eslint/visitor-keys': 7.18.0
+      eslint: 8.57.1
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      natural-compare: 1.4.0
+      ts-api-utils: 1.4.3(typescript@5.8.3)
+    optionalDependencies:
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/eslint-plugin@8.32.1(@typescript-eslint/parser@8.32.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -8781,6 +8983,19 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.8.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 7.18.0
+      '@typescript-eslint/types': 7.18.0
+      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.8.3)
+      '@typescript-eslint/visitor-keys': 7.18.0
+      debug: 4.4.1(supports-color@5.5.0)
+      eslint: 8.57.1
+    optionalDependencies:
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/parser@8.32.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.32.1
@@ -8798,6 +9013,11 @@ snapshots:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
 
+  '@typescript-eslint/scope-manager@7.18.0':
+    dependencies:
+      '@typescript-eslint/types': 7.18.0
+      '@typescript-eslint/visitor-keys': 7.18.0
+
   '@typescript-eslint/scope-manager@8.32.1':
     dependencies:
       '@typescript-eslint/types': 8.32.1
@@ -8815,6 +9035,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/type-utils@7.18.0(eslint@8.57.1)(typescript@5.8.3)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.8.3)
+      '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.8.3)
+      debug: 4.4.1(supports-color@5.5.0)
+      eslint: 8.57.1
+      ts-api-utils: 1.4.3(typescript@5.8.3)
+    optionalDependencies:
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/type-utils@8.32.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.32.1(typescript@5.8.3)
@@ -8828,6 +9060,8 @@ snapshots:
 
   '@typescript-eslint/types@5.62.0': {}
 
+  '@typescript-eslint/types@7.18.0': {}
+
   '@typescript-eslint/types@8.32.1': {}
 
   '@typescript-eslint/typescript-estree@5.62.0(typescript@5.8.3)':
@@ -8844,6 +9078,21 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/typescript-estree@7.18.0(typescript@5.8.3)':
+    dependencies:
+      '@typescript-eslint/types': 7.18.0
+      '@typescript-eslint/visitor-keys': 7.18.0
+      debug: 4.4.1(supports-color@5.5.0)
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.7.2
+      ts-api-utils: 1.4.3(typescript@5.8.3)
+    optionalDependencies:
+      typescript: 5.8.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/typescript-estree@8.32.1(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/types': 8.32.1
@@ -8873,6 +9122,17 @@ snapshots:
       - supports-color
       - typescript
 
+  '@typescript-eslint/utils@7.18.0(eslint@8.57.1)(typescript@5.8.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.7.0(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 7.18.0
+      '@typescript-eslint/types': 7.18.0
+      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.8.3)
+      eslint: 8.57.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@typescript-eslint/utils@8.32.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.27.0(jiti@2.4.2))
@@ -8889,6 +9149,11 @@ snapshots:
       '@typescript-eslint/types': 5.62.0
       eslint-visitor-keys: 3.4.3
 
+  '@typescript-eslint/visitor-keys@7.18.0':
+    dependencies:
+      '@typescript-eslint/types': 7.18.0
+      eslint-visitor-keys: 3.4.3
+
   '@typescript-eslint/visitor-keys@8.32.1':
     dependencies:
       '@typescript-eslint/types': 8.32.1
@@ -9492,6 +9757,8 @@ snapshots:
 
   buffer-crc32@1.0.0: {}
 
+  buffer-equal-constant-time@1.0.1: {}
+
   buffer-from@1.1.2: {}
 
   buffer@5.7.1:
@@ -11534,6 +11801,19 @@ snapshots:
       '@jsep-plugin/regex': 1.0.4(jsep@1.4.0)
       jsep: 1.4.0
 
+  jsonwebtoken@9.0.2:
+    dependencies:
+      jws: 3.2.2
+      lodash.includes: 4.3.0
+      lodash.isboolean: 3.0.3
+      lodash.isinteger: 4.0.4
+      lodash.isnumber: 3.0.3
+      lodash.isplainobject: 4.0.6
+      lodash.isstring: 4.0.1
+      lodash.once: 4.1.1
+      ms: 2.1.3
+      semver: 7.7.2
+
   jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.8
@@ -11541,6 +11821,17 @@ snapshots:
       object.assign: 4.1.7
       object.values: 1.2.1
 
+  jwa@1.4.2:
+    dependencies:
+      buffer-equal-constant-time: 1.0.1
+      ecdsa-sig-formatter: 1.0.11
+      safe-buffer: 5.2.1
+
+  jws@3.2.2:
+    dependencies:
+      jwa: 1.4.2
+      safe-buffer: 5.2.1
+
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
@@ -11636,12 +11927,24 @@ snapshots:
 
   lodash.castarray@4.4.0: {}
 
+  lodash.includes@4.3.0: {}
+
+  lodash.isboolean@3.0.3: {}
+
+  lodash.isinteger@4.0.4: {}
+
+  lodash.isnumber@3.0.3: {}
+
   lodash.isplainobject@4.0.6: {}
 
+  lodash.isstring@4.0.1: {}
+
   lodash.memoize@4.1.2: {}
 
   lodash.merge@4.6.2: {}
 
+  lodash.once@4.1.1: {}
+
   lodash@4.17.21: {}
 
   long@5.3.2: {}
@@ -12246,6 +12549,8 @@ snapshots:
 
   pure-rand@6.1.0: {}
 
+  qrious@4.0.2: {}
+
   qs@6.13.0:
     dependencies:
       side-channel: 1.1.0
@@ -12915,6 +13220,10 @@ snapshots:
       postcss-load-config: 3.1.4(postcss@8.5.3)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
       typescript: 5.8.3
 
+  svelte-qrcode@1.0.1:
+    dependencies:
+      qrious: 4.0.2
+
   svelte2tsx@0.7.39(svelte@5.33.1)(typescript@5.8.3):
     dependencies:
       dedent-js: 1.0.1
@@ -13087,6 +13396,10 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
+  ts-api-utils@1.4.3(typescript@5.8.3):
+    dependencies:
+      typescript: 5.8.3
+
   ts-api-utils@2.1.0(typescript@5.8.3):
     dependencies:
       typescript: 5.8.3
diff --git a/scripts/expose-ports.sh b/scripts/expose-ports.sh
new file mode 100644
index 00000000..377dad5e
--- /dev/null
+++ b/scripts/expose-ports.sh
@@ -0,0 +1,10 @@
+#!/bin/bash
+
+MINIKUBE_IP="192.168.49.2"
+START_PORT=30000
+END_PORT=32767
+
+for ((port = $START_PORT; port <= $END_PORT; port++)); do
+    echo "Forwarding port $port to $MINIKUBE_IP:$port"
+    nohup socat TCP4-LISTEN:$port,fork TCP4:$MINIKUBE_IP:$port >/dev/null 2>&1 &
+done
diff --git a/services/ontology/package.json b/services/ontology/package.json
index 69e44787..d6e3761c 100644
--- a/services/ontology/package.json
+++ b/services/ontology/package.json
@@ -1,12 +1,20 @@
 {
-	"name": "ontology",
-	"version": "1.0.0",
-	"description": "",
-	"main": "index.js",
-	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1"
-	},
-	"keywords": [],
-	"author": "",
-	"license": "ISC"
+    "name": "ontology",
+    "version": "1.0.0",
+    "description": "Service for serving JSON schemas",
+    "main": "src/index.js",
+    "scripts": {
+        "start": "node src/index.js",
+        "dev": "nodemon src/index.js"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "cors": "^2.8.5",
+        "express": "^4.21.2"
+    },
+    "devDependencies": {
+        "nodemon": "^3.0.2"
+    }
 }
diff --git a/services/ontology/schemas/socialMediaPost.json b/services/ontology/schemas/socialMediaPost.json
new file mode 100644
index 00000000..49ec4dc7
--- /dev/null
+++ b/services/ontology/schemas/socialMediaPost.json
@@ -0,0 +1,71 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "schemaId": "6ba7b810-9dad-11d1-80b4-00c04fd430c8",
+    "title": "SocialMediaPost",
+    "type": "object",
+    "properties": {
+        "id": {
+            "type": "string",
+            "format": "uuid",
+            "description": "The unique identifier for the post"
+        },
+        "authorId": {
+            "type": "string",
+            "format": "uuid",
+            "description": "Reference to the user who created the post"
+        },
+        "content": {
+            "type": "string",
+            "maxLength": 500,
+            "description": "The main content of the post"
+        },
+        "mediaUrls": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "format": "uri"
+            },
+            "description": "Array of URLs to media attachments (images, videos, etc.)"
+        },
+        "comments": {
+            "type": "array",
+            "items": {
+                "type": "string"
+            },
+            "description": "Array of comment IDs associated with this post"
+        },
+        "likes": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "format": "uuid"
+            },
+            "description": "Array of user IDs who liked this post"
+        },
+        "tags": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "pattern": "^#[a-zA-Z0-9_]+$"
+            },
+            "description": "Array of hashtags associated with the post"
+        },
+        "createdAt": {
+            "type": "string",
+            "format": "date-time",
+            "description": "When the post was created"
+        },
+        "updatedAt": {
+            "type": "string",
+            "format": "date-time",
+            "description": "When the post was last updated"
+        },
+        "isDeleted": {
+            "type": "boolean",
+            "default": false,
+            "description": "Whether the post has been deleted"
+        }
+    },
+    "required": ["id", "authorId", "content", "createdAt"],
+    "additionalProperties": false
+}
diff --git a/services/ontology/schemas/user.json b/services/ontology/schemas/user.json
new file mode 100644
index 00000000..e9ca352d
--- /dev/null
+++ b/services/ontology/schemas/user.json
@@ -0,0 +1,28 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "schemaId": "550e8400-e29b-41d4-a716-446655440000",
+    "title": "User",
+    "type": "object",
+    "properties": {
+        "id": {
+            "type": "string",
+            "description": "The unique identifier for the user"
+        },
+        "name": {
+            "type": "string",
+            "description": "The user's full name"
+        },
+        "email": {
+            "type": "string",
+            "format": "email",
+            "description": "The user's email address"
+        },
+        "age": {
+            "type": "integer",
+            "minimum": 0,
+            "description": "The user's age"
+        }
+    },
+    "required": ["id", "name", "email"],
+    "additionalProperties": false
+}
diff --git a/services/ontology/schemas/userProfile.json b/services/ontology/schemas/userProfile.json
new file mode 100644
index 00000000..7fcff6e1
--- /dev/null
+++ b/services/ontology/schemas/userProfile.json
@@ -0,0 +1,63 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "schemaId": "7c9e6679-7425-40de-944b-e07fc1f90ae7",
+    "title": "UserProfile",
+    "type": "object",
+    "properties": {
+        "id": {
+            "type": "string",
+            "format": "uuid",
+            "description": "The unique identifier for the user profile"
+        },
+        "username": {
+            "type": "string",
+            "minLength": 3,
+            "maxLength": 30,
+            "pattern": "^[a-zA-Z0-9_]+$",
+            "description": "The user's unique username"
+        },
+        "displayName": {
+            "type": "string",
+            "maxLength": 50,
+            "description": "The user's display name"
+        },
+        "bio": {
+            "type": "string",
+            "maxLength": 160,
+            "description": "User's biography"
+        },
+        "avatarUrl": {
+            "type": "string",
+            "format": "uri",
+            "description": "URL to the user's avatar image"
+        },
+        "followers": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "format": "uuid"
+            },
+            "description": "Array of user IDs who follow this user"
+        },
+        "following": {
+            "type": "array",
+            "items": {
+                "type": "string",
+                "format": "uuid"
+            },
+            "description": "Array of user IDs this user follows"
+        },
+        "createdAt": {
+            "type": "string",
+            "format": "date-time",
+            "description": "When the profile was created"
+        },
+        "updatedAt": {
+            "type": "string",
+            "format": "date-time",
+            "description": "When the profile was last updated"
+        }
+    },
+    "required": ["id", "username", "displayName", "createdAt"],
+    "additionalProperties": false
+}
diff --git a/services/ontology/src/index.js b/services/ontology/src/index.js
new file mode 100644
index 00000000..da13733b
--- /dev/null
+++ b/services/ontology/src/index.js
@@ -0,0 +1,93 @@
+const express = require('express');
+const cors = require('cors');
+const fs = require('fs').promises;
+const path = require('path');
+
+const app = express();
+const PORT = process.env.PORT || 3000;
+
+// Middleware
+app.use(cors());
+app.use(express.json());
+
+// Schema directory path
+const SCHEMAS_DIR = path.join(__dirname, '../schemas');
+
+// In-memory schema index
+let schemaIndex = new Map();
+
+// Load all schemas into memory
+async function loadSchemas() {
+    try {
+        const files = await fs.readdir(SCHEMAS_DIR);
+        const schemaFiles = files.filter(file => file.endsWith('.json'));
+        
+        for (const file of schemaFiles) {
+            const content = await fs.readFile(path.join(SCHEMAS_DIR, file), 'utf8');
+            const schema = JSON.parse(content);
+            
+            if (!schema.schemaId) {
+                console.warn(`Warning: Schema in ${file} is missing schemaId`);
+                continue;
+            }
+            
+            schemaIndex.set(schema.schemaId, schema);
+        }
+        
+        console.log(`Loaded ${schemaIndex.size} schemas`);
+    } catch (error) {
+        console.error('Error loading schemas:', error);
+        throw error;
+    }
+}
+
+// Ensure schemas directory exists
+async function ensureSchemasDirectory() {
+    try {
+        await fs.access(SCHEMAS_DIR);
+    } catch {
+        await fs.mkdir(SCHEMAS_DIR, { recursive: true });
+    }
+}
+
+// Get schema by UUID
+app.get('/schemas/:uuid', async (req, res) => {
+    try {
+        const schemaId = req.params.uuid;
+        const schema = schemaIndex.get(schemaId);
+        
+        if (!schema) {
+            return res.status(404).json({ error: 'Schema not found' });
+        }
+        
+        res.json(schema);
+    } catch (error) {
+        res.status(500).json({ error: 'Internal server error' });
+    }
+});
+
+// List all available schemas
+app.get('/schemas', async (req, res) => {
+    try {
+        const schemas = Array.from(schemaIndex.entries()).map(([id, schema]) => ({
+            id,
+            title: schema.title
+        }));
+        
+        res.json(schemas);
+    } catch (error) {
+        res.status(500).json({ error: 'Internal server error' });
+    }
+});
+
+// Start server
+async function startServer() {
+    await ensureSchemasDirectory();
+    await loadSchemas();
+    
+    app.listen(PORT, () => {
+        console.log(`Schema service running on port ${PORT}`);
+    });
+}
+
+startServer(); 
\ No newline at end of file

From d8f8099c97567d314f59d7caf637c420b2997d61 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Wed, 4 Jun 2025 16:25:11 +0530
Subject: [PATCH 2/7] chore: stash progress

---
 .../routes/(protected)/discover/+page.svelte  | 70 ++++++++++++++-----
 platforms/piqtique-api/src/index.ts           |  5 ++
 .../piqtique-api/src/services/UserService.ts  | 21 ++++++
 3 files changed, 80 insertions(+), 16 deletions(-)

diff --git a/platforms/pictique/src/routes/(protected)/discover/+page.svelte b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
index 46ac728b..2d35cea3 100644
--- a/platforms/pictique/src/routes/(protected)/discover/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
@@ -1,24 +1,62 @@
 <script lang="ts">
 	import { UserRequest } from '$lib/fragments';
 	import { Input } from '$lib/ui';
+	import { searchResults, isSearching, searchError, searchUsers } from '$lib/stores/users';
+	import { goto } from '$app/navigation';
+	import { onMount } from 'svelte';
 
-	let searchValue = $state();
+	let searchValue = $state('');
+	let debounceTimer: NodeJS.Timeout;
+
+	function handleSearch(value: string) {
+		searchValue = value;
+		clearTimeout(debounceTimer);
+		debounceTimer = setTimeout(() => {
+			searchUsers(value);
+		}, 300);
+	}
+
+	function handleProfileClick(userId: string) {
+		goto(`/profile/${userId}`);
+	}
+
+	onMount(() => {
+		return () => {
+			clearTimeout(debounceTimer);
+		};
+	});
 </script>
 
 <section>
-	<Input type="text" bind:value={searchValue} placeholder="Search user, post and more." />
-    {#if searchValue}
-    <ul class="pb-4 mt-6">
-        {#each { length: 5 } as _}
-            <li class="mb-4">
-                <UserRequest
-                    userImgSrc="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-                    userName="luffythethird"
-                    description="I’ve always wished life came at me fast. Funny how that wish never came through"
-                    handleFollow={async () => alert('Adsad')}
-                />
-            </li>
-        {/each}
-    </ul>
-    {/if}
+	<Input
+		type="text"
+		bind:value={searchValue}
+		placeholder="Search users..."
+		oninput={(e: Event) => handleSearch((e.target as HTMLInputElement).value)}
+	/>
+
+	{#if $isSearching}
+		<div class="mt-6 text-center text-gray-500">Searching...</div>
+	{:else if $searchError}
+		<div class="mt-6 text-center text-red-500">{$searchError}</div>
+	{:else if searchValue && $searchResults.length === 0}
+		<div class="mt-6 text-center text-gray-500">No users found</div>
+	{:else if searchValue}
+		<ul class="mt-6 space-y-4 pb-4">
+			{#each $searchResults as user}
+				<li>
+					<UserRequest
+						userImgSrc={user.avatarUrl || 'https://picsum.photos/200'}
+						userName={user.name || user.handle}
+						description={user.description || ''}
+						handleFollow={async () => {
+							// TODO: Implement follow functionality
+							alert('Follow functionality coming soon');
+						}}
+						onclick={() => handleProfileClick(user.id)}
+					/>
+				</li>
+			{/each}
+		</ul>
+	{/if}
 </section>
diff --git a/platforms/piqtique-api/src/index.ts b/platforms/piqtique-api/src/index.ts
index be311772..5a900bb7 100644
--- a/platforms/piqtique-api/src/index.ts
+++ b/platforms/piqtique-api/src/index.ts
@@ -9,6 +9,7 @@ import { AuthController } from "./controllers/AuthController";
 import { CommentController } from "./controllers/CommentController";
 import { MessageController } from "./controllers/MessageController";
 import { authMiddleware, authGuard } from "./middleware/auth";
+import { UserController } from "./controllers/UserController";
 
 config({ path: path.resolve(__dirname, "../../../.env") });
 
@@ -42,6 +43,7 @@ const postController = new PostController();
 const authController = new AuthController();
 const commentController = new CommentController();
 const messageController = new MessageController();
+const userController = new UserController();
 
 // Public routes (no auth required)
 app.get("/api/auth/offer", authController.getOffer);
@@ -67,6 +69,9 @@ app.get("/api/conversations", authGuard, messageController.getConversations);
 app.get("/api/conversations/:userId", authGuard, messageController.getConversation);
 app.delete("/api/messages/:id", authGuard, messageController.deleteMessage);
 
+// User routes
+app.get("/api/users/search", userController.search);
+
 // Start server
 app.listen(port, () => {
     console.log(`Server running on port ${port}`);
diff --git a/platforms/piqtique-api/src/services/UserService.ts b/platforms/piqtique-api/src/services/UserService.ts
index ded3ef7d..810f68de 100644
--- a/platforms/piqtique-api/src/services/UserService.ts
+++ b/platforms/piqtique-api/src/services/UserService.ts
@@ -1,6 +1,7 @@
 import { AppDataSource } from "../database/data-source";
 import { User } from "../database/entities/User";
 import { signToken } from "../utils/jwt";
+import { Like } from "typeorm";
 
 export class UserService {
     private userRepository = AppDataSource.getRepository(User);
@@ -32,4 +33,24 @@ export class UserService {
     async findById(id: string): Promise<User | null> {
         return await this.userRepository.findOneBy({ id });
     }
+
+    searchUsers = async (query: string) => {
+        const searchQuery = query.toLowerCase();
+        
+        return this.userRepository.find({
+            where: [
+                { handle: Like(`%${searchQuery}%`) },
+                { ename: Like(`%${searchQuery}%`) }
+            ],
+            select: {
+                id: true,
+                handle: true,
+                name: true,
+                description: true,
+                avatarUrl: true,
+                isVerified: true
+            },
+            take: 10
+        });
+    };
 } 
\ No newline at end of file

From c5c6e3ebfa2ca7c0d0727a9c7d02389b0c3f38df Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Wed, 4 Jun 2025 21:12:34 +0530
Subject: [PATCH 3/7] chore: stash progress

---
 .../src/routes/(app)/scan-qr/+page.svelte     | 134 ++------
 platforms/blabsy/.gitignore                   |  25 ++
 platforms/blabsy/.npmrc                       |   1 +
 platforms/blabsy/.prettierignore              |   6 +
 platforms/blabsy/.prettierrc                  |  15 +
 platforms/blabsy/.storybook/main.ts           |  24 ++
 platforms/blabsy/.storybook/preview.ts        |  15 +
 platforms/blabsy/README.md                    |  38 ++
 platforms/blabsy/eslint.config.js             |  42 +++
 platforms/blabsy/messages/en.json             |   4 +
 platforms/blabsy/messages/es.json             |   4 +
 platforms/blabsy/package.json                 |  59 ++++
 platforms/blabsy/project.inlang/.gitignore    |   1 +
 platforms/blabsy/project.inlang/project_id    |   1 +
 platforms/blabsy/project.inlang/settings.json |  12 +
 platforms/blabsy/src/app.css                  | 170 +++++++++
 platforms/blabsy/src/app.d.ts                 |  13 +
 platforms/blabsy/src/app.html                 |  12 +
 platforms/blabsy/src/hooks.server.ts          |   0
 platforms/blabsy/src/hooks.ts                 |   0
 .../src/lib/components/CreatePostModal.svelte | 116 +++++++
 platforms/blabsy/src/lib/dummyData.ts         |  87 +++++
 .../ActionMenu/ActionMenu.stories.ts          |  21 ++
 .../fragments/ActionMenu/ActionMenu.svelte    |  85 +++++
 .../fragments/BottomNav/BottomNav.stories.ts  |  16 +
 .../lib/fragments/BottomNav/BottomNav.svelte  | 132 +++++++
 .../ChatMessage/ChatMessage.stories.ts        |  42 +++
 .../fragments/ChatMessage/ChatMessage.svelte  |  73 ++++
 .../lib/fragments/Comment/Comment.stories.ts  |  19 +
 .../src/lib/fragments/Comment/Comment.svelte  | 147 ++++++++
 .../CreatePostModal/CreatePostModal.svelte    | 106 ++++++
 .../Drawer/Drawer.stories.snippet.svelte      |  84 +++++
 .../lib/fragments/Drawer/Drawer.stories.ts    |  19 +
 .../src/lib/fragments/Drawer/Drawer.svelte    |  74 ++++
 .../lib/fragments/Header/Header.stories.ts    |  52 +++
 .../src/lib/fragments/Header/Header.svelte    | 116 +++++++
 .../fragments/InputFile/InputFile.stories.ts  |  15 +
 .../lib/fragments/InputFile/InputFile.svelte  |  84 +++++
 .../lib/fragments/Message/Message.stories.ts  |  32 ++
 .../src/lib/fragments/Message/Message.svelte  |  68 ++++
 .../MessageInput/MessageInput.stories.ts      |  29 ++
 .../MessageInput/MessageInput.svelte          |  68 ++++
 .../Modal/Modal.stories.snippet.svelte        |  11 +
 .../src/lib/fragments/Modal/Modal.stories.ts  |  19 +
 .../src/lib/fragments/Modal/Modal.svelte      |  81 +++++
 .../src/lib/fragments/Post/Post.stories.ts    |  41 +++
 .../blabsy/src/lib/fragments/Post/Post.svelte | 186 ++++++++++
 .../src/lib/fragments/Profile/Profile.svelte  |  81 +++++
 .../fragments/RightAside/RightAside.svelte    |  22 ++
 .../SettingsDeleteButton.svelte               |  27 ++
 ...ngsNavigationButton.stories.snippet.svelte |  14 +
 .../SettingsNavigationButton.stories.ts       |  42 +++
 .../SettingsNavigationButton.svelte           |  53 +++
 .../SettingsPage/SettingsPage.svelte          |  84 +++++
 .../SettingsToggleButton.svelte               |  24 ++
 .../lib/fragments/SideBar/SideBar.stories.ts  |  16 +
 .../src/lib/fragments/SideBar/SideBar.svelte  | 174 ++++++++++
 .../UploadedPostView.stories.ts               |  51 +++
 .../UploadedPostView/UploadedPostView.svelte  |  82 +++++
 .../UserRequest/UserRequest.stories.ts        |  22 ++
 .../fragments/UserRequest/UserRequest.svelte  |  59 ++++
 platforms/blabsy/src/lib/fragments/index.ts   |  19 +
 platforms/blabsy/src/lib/icons/Camera.svelte  |  26 ++
 .../blabsy/src/lib/icons/CommentIcon.svelte   |  28 ++
 .../blabsy/src/lib/icons/CommentsTwo.svelte   |  28 ++
 platforms/blabsy/src/lib/icons/Cross.svelte   |  23 ++
 platforms/blabsy/src/lib/icons/Flash.svelte   |  21 ++
 platforms/blabsy/src/lib/icons/Home.svelte    |  30 ++
 .../blabsy/src/lib/icons/Icons.stories.ts     |  16 +
 platforms/blabsy/src/lib/icons/Icons.svelte   |  13 +
 platforms/blabsy/src/lib/icons/Like.svelte    |  29 ++
 platforms/blabsy/src/lib/icons/Refresh.svelte |  22 ++
 platforms/blabsy/src/lib/icons/Search.svelte  |  29 ++
 .../blabsy/src/lib/icons/Settings.svelte      |  31 ++
 .../blabsy/src/lib/icons/VerticalDots.svelte  |  36 ++
 platforms/blabsy/src/lib/icons/index.ts       |  12 +
 platforms/blabsy/src/lib/index.ts             |   2 +
 .../blabsy/src/lib/store/store.svelte.ts      |  17 +
 platforms/blabsy/src/lib/stores/auth.ts       |  24 ++
 platforms/blabsy/src/lib/stores/comments.ts   |  47 +++
 platforms/blabsy/src/lib/stores/posts.ts      |  75 ++++
 platforms/blabsy/src/lib/stores/users.ts      |  44 +++
 platforms/blabsy/src/lib/types.ts             |  43 +++
 .../src/lib/ui/Avatar/Avatar.stories.ts       |  40 +++
 .../blabsy/src/lib/ui/Avatar/Avatar.svelte    |  47 +++
 .../ui/Button/Button.stories.snippet.svelte   |  24 ++
 .../src/lib/ui/Button/Button.stories.ts       |  42 +++
 .../blabsy/src/lib/ui/Button/Button.svelte    | 152 ++++++++
 .../ui/Helper/Helper.stories.snippet.svelte   |   7 +
 .../src/lib/ui/Helper/Helper.stories.ts       |  17 +
 .../blabsy/src/lib/ui/Helper/Helper.svelte    |  17 +
 .../blabsy/src/lib/ui/Input/Input.stories.ts  |  54 +++
 .../blabsy/src/lib/ui/Input/Input.svelte      |  33 ++
 .../lib/ui/Label/Label.stories.snippet.svelte |   7 +
 .../blabsy/src/lib/ui/Label/Label.stories.ts  |  17 +
 .../blabsy/src/lib/ui/Label/Label.svelte      |  17 +
 .../blabsy/src/lib/ui/Modal/Modal.svelte      |  31 ++
 platforms/blabsy/src/lib/ui/Qr/Qr.svelte      |   9 +
 .../src/lib/ui/Select/Select.stories.ts       |  16 +
 .../blabsy/src/lib/ui/Select/Select.svelte    |  39 +++
 .../src/lib/ui/Toggle/Toggle.stories.ts       |  16 +
 .../blabsy/src/lib/ui/Toggle/Toggle.svelte    |  31 ++
 platforms/blabsy/src/lib/ui/index.ts          |   8 +
 platforms/blabsy/src/lib/utils/axios.ts       |  23 ++
 .../blabsy/src/lib/utils/clickOutside.ts      |  17 +
 platforms/blabsy/src/lib/utils/index.ts       |   3 +
 .../blabsy/src/lib/utils/mergeClasses.ts      |   6 +
 .../src/routes/(auth)/auth/+page.svelte       |  48 +++
 .../src/routes/(protected)/+layout.svelte     | 158 +++++++++
 .../routes/(protected)/discover/+page.svelte  |  73 ++++
 .../src/routes/(protected)/home/+page.svelte  | 134 ++++++++
 .../routes/(protected)/messages/+page.svelte  |  31 ++
 .../(protected)/messages/[id]/+page.svelte    |  63 ++++
 .../src/routes/(protected)/post/+page.svelte  |   0
 .../routes/(protected)/profile/+page.svelte   |   2 +
 .../(protected)/profile/[id]/+page.svelte     |  72 ++++
 .../(protected)/settings/+layout.svelte       |   7 +
 .../routes/(protected)/settings/+page.svelte  |  74 ++++
 .../(protected)/settings/account/+page.svelte |  19 +
 .../settings/account/deactivate/+page.svelte  |  19 +
 .../settings/account/username/+page.svelte    |  13 +
 .../settings/data-and-storage/+page.svelte    |  12 +
 .../(protected)/settings/logout/+page.svelte  |  21 ++
 .../settings/notifications/+page.svelte       |  39 +++
 platforms/blabsy/src/routes/+layout.svelte    |  59 ++++
 platforms/blabsy/src/routes/+layout.ts        |   2 +
 platforms/blabsy/src/routes/+page.svelte      |   7 +
 platforms/blabsy/static/favicon.png           | Bin 0 -> 1571 bytes
 .../static/fonts/Geist-VariableFont_wght.ttf  | Bin 0 -> 148832 bytes
 platforms/blabsy/static/images/Logo.svg       |  44 +++
 platforms/blabsy/svelte.config.js             |  14 +
 platforms/blabsy/tsconfig.json                |  19 +
 platforms/blabsy/vite.config.ts               |   7 +
 .../src/lib/fragments/Post/Post.svelte        | 102 +++---
 .../src/lib/fragments/Profile/Profile.svelte  |  81 +++++
 .../src/lib/fragments/SideBar/SideBar.svelte  |   2 +-
 platforms/pictique/src/lib/stores/comments.ts |  47 +++
 platforms/pictique/src/lib/stores/posts.ts    |  11 +-
 platforms/pictique/src/lib/stores/users.ts    |  44 +++
 .../src/routes/(protected)/+layout.svelte     | 124 ++++---
 .../routes/(protected)/discover/+page.svelte  |  23 +-
 .../src/routes/(protected)/home/+page.svelte  |  76 ++--
 .../routes/(protected)/messages/+page.svelte  |  11 +-
 .../(protected)/profile/[id]/+page.svelte     |  72 ++++
 platforms/piqtique-api/package.json           |   1 +
 .../src/controllers/AuthController.ts         |  10 +
 .../src/controllers/CommentController.ts      |  60 +---
 .../src/controllers/PostController.ts         |  81 +++++
 .../src/controllers/UserController.ts         |  43 +++
 platforms/piqtique-api/src/index.ts           |  19 +-
 platforms/piqtique-api/src/middleware/auth.ts |  10 +-
 .../src/services/CommentService.ts            |  57 +++
 .../piqtique-api/src/services/PostService.ts  |  27 +-
 .../piqtique-api/src/services/UserService.ts  |  27 ++
 pnpm-lock.yaml                                | 325 ++++++++++++------
 155 files changed, 6194 insertions(+), 434 deletions(-)
 create mode 100644 platforms/blabsy/.gitignore
 create mode 100644 platforms/blabsy/.npmrc
 create mode 100644 platforms/blabsy/.prettierignore
 create mode 100644 platforms/blabsy/.prettierrc
 create mode 100644 platforms/blabsy/.storybook/main.ts
 create mode 100644 platforms/blabsy/.storybook/preview.ts
 create mode 100644 platforms/blabsy/README.md
 create mode 100644 platforms/blabsy/eslint.config.js
 create mode 100644 platforms/blabsy/messages/en.json
 create mode 100644 platforms/blabsy/messages/es.json
 create mode 100644 platforms/blabsy/package.json
 create mode 100644 platforms/blabsy/project.inlang/.gitignore
 create mode 100644 platforms/blabsy/project.inlang/project_id
 create mode 100644 platforms/blabsy/project.inlang/settings.json
 create mode 100644 platforms/blabsy/src/app.css
 create mode 100644 platforms/blabsy/src/app.d.ts
 create mode 100644 platforms/blabsy/src/app.html
 create mode 100644 platforms/blabsy/src/hooks.server.ts
 create mode 100644 platforms/blabsy/src/hooks.ts
 create mode 100644 platforms/blabsy/src/lib/components/CreatePostModal.svelte
 create mode 100644 platforms/blabsy/src/lib/dummyData.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Comment/Comment.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/Comment/Comment.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/Drawer/Drawer.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Header/Header.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/Header/Header.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/InputFile/InputFile.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Message/Message.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/Message/Message.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Modal/Modal.stories.snippet.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Modal/Modal.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/Modal/Modal.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Post/Post.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/Post/Post.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/RightAside/RightAside.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/SettingsPage/SettingsPage.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/SideBar/SideBar.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.stories.ts
 create mode 100644 platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.svelte
 create mode 100644 platforms/blabsy/src/lib/fragments/index.ts
 create mode 100644 platforms/blabsy/src/lib/icons/Camera.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/CommentIcon.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/CommentsTwo.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Cross.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Flash.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Home.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Icons.stories.ts
 create mode 100644 platforms/blabsy/src/lib/icons/Icons.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Like.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Refresh.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Search.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/Settings.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/VerticalDots.svelte
 create mode 100644 platforms/blabsy/src/lib/icons/index.ts
 create mode 100644 platforms/blabsy/src/lib/index.ts
 create mode 100644 platforms/blabsy/src/lib/store/store.svelte.ts
 create mode 100644 platforms/blabsy/src/lib/stores/auth.ts
 create mode 100644 platforms/blabsy/src/lib/stores/comments.ts
 create mode 100644 platforms/blabsy/src/lib/stores/posts.ts
 create mode 100644 platforms/blabsy/src/lib/stores/users.ts
 create mode 100644 platforms/blabsy/src/lib/types.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Avatar/Avatar.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Avatar/Avatar.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Button/Button.stories.snippet.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Button/Button.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Button/Button.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Helper/Helper.stories.snippet.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Helper/Helper.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Helper/Helper.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Input/Input.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Input/Input.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Label/Label.stories.snippet.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Label/Label.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Label/Label.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Modal/Modal.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Qr/Qr.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Select/Select.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Select/Select.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/Toggle/Toggle.stories.ts
 create mode 100644 platforms/blabsy/src/lib/ui/Toggle/Toggle.svelte
 create mode 100644 platforms/blabsy/src/lib/ui/index.ts
 create mode 100644 platforms/blabsy/src/lib/utils/axios.ts
 create mode 100644 platforms/blabsy/src/lib/utils/clickOutside.ts
 create mode 100644 platforms/blabsy/src/lib/utils/index.ts
 create mode 100644 platforms/blabsy/src/lib/utils/mergeClasses.ts
 create mode 100644 platforms/blabsy/src/routes/(auth)/auth/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/+layout.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/discover/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/home/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/messages/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/post/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/profile/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/+layout.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/data-and-storage/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/logout/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/(protected)/settings/notifications/+page.svelte
 create mode 100644 platforms/blabsy/src/routes/+layout.svelte
 create mode 100644 platforms/blabsy/src/routes/+layout.ts
 create mode 100644 platforms/blabsy/src/routes/+page.svelte
 create mode 100644 platforms/blabsy/static/favicon.png
 create mode 100644 platforms/blabsy/static/fonts/Geist-VariableFont_wght.ttf
 create mode 100644 platforms/blabsy/static/images/Logo.svg
 create mode 100644 platforms/blabsy/svelte.config.js
 create mode 100644 platforms/blabsy/tsconfig.json
 create mode 100644 platforms/blabsy/vite.config.ts
 create mode 100644 platforms/pictique/src/lib/fragments/Profile/Profile.svelte
 create mode 100644 platforms/pictique/src/lib/stores/comments.ts
 create mode 100644 platforms/pictique/src/lib/stores/users.ts
 create mode 100644 platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
 create mode 100644 platforms/piqtique-api/src/controllers/UserController.ts
 create mode 100644 platforms/piqtique-api/src/services/CommentService.ts

diff --git a/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
index c9c89323..becbe871 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-<<<<<<< HEAD
     import { PUBLIC_PROVISIONER_URL } from "$env/static/public";
     import AppNav from "$lib/fragments/AppNav/AppNav.svelte";
     import { Drawer } from "$lib/ui";
@@ -21,108 +20,40 @@
     import axios from "axios";
 
     const globalState = getContext<() => GlobalState>("globalState")();
-=======
-import AppNav from "$lib/fragments/AppNav/AppNav.svelte";
-import { Drawer } from "$lib/ui";
-import * as Button from "$lib/ui/Button";
-import {
-    FlashlightIcon,
-    Image02Icon,
-    QrCodeIcon,
-} from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/svelte";
-import {
-    Format,
-    type PermissionState,
-    type Scanned,
-    cancel,
-    checkPermissions,
-    requestPermissions,
-    scan,
-} from "@tauri-apps/plugin-barcode-scanner";
-import { onDestroy, onMount } from "svelte";
-import type { SVGAttributes } from "svelte/elements";
->>>>>>> 52fa5ad87a98c94d6e905e00b2137487c0b16609
+    const pathProps: SVGAttributes<SVGPathElement> = {
+        stroke: "white",
+        "stroke-width": 7,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+    };
 
-const pathProps: SVGAttributes<SVGPathElement> = {
-    stroke: "white",
-    "stroke-width": 7,
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-};
-
-<<<<<<< HEAD
     let platform = $state();
     let hostname = $state();
     let session = $state();
     let codeScannedDrawerOpen = $state(false);
     let loggedInDrawerOpen = $state(false);
-=======
-let codeScannedDrawerOpen = $state(false);
-let loggedInDrawerOpen = $state(false);
-let flashlightOn = $state(false);
->>>>>>> 52fa5ad87a98c94d6e905e00b2137487c0b16609
-
-let scannedData: Scanned | undefined = $state(undefined);
-
-<<<<<<< HEAD
+    let scannedData: Scanned | undefined = $state(undefined);
     let scanning = false;
     let loading = false;
     let redirect = $state();
-=======
-let scanning = false;
-let loading = false;
->>>>>>> 52fa5ad87a98c94d6e905e00b2137487c0b16609
-
-let permissions_nullable: PermissionState | null;
-
-async function startScan() {
-    let permissions = await checkPermissions()
-        .then((permissions) => {
-            return permissions;
-        })
-        .catch(() => {
-            return null; // possibly return "denied"? or does that imply that the check has been successful, but was actively denied?
-        });
-
-    // TODO: handle receiving "prompt-with-rationale" (issue: https://github.com/tauri-apps/plugins-workspace/issues/979)
-    if (permissions === "prompt") {
-        permissions = await requestPermissions(); // handle in more detail?
-    }
-
-    permissions_nullable = permissions;
-
-    if (permissions === "granted") {
-        // Scanning parameters
-        const formats = [Format.QRCode];
-        const windowed = true;
+    let permissions_nullable: PermissionState | null;
 
-        if (scanning) return;
-        scanning = true;
-        scan({ formats, windowed })
-            .then((res) => {
-                console.log("Scan result:", res);
-                scannedData = res;
-                codeScannedDrawerOpen = true;
+    async function startScan() {
+        let permissions = await checkPermissions()
+            .then((permissions) => {
+                return permissions;
             })
-            .catch((error) => {
-                // TODO: display error to user
-                console.error("Scan error:", error);
-            })
-            .finally(() => {
-                scanning = false;
+            .catch(() => {
+                return null;
             });
-<<<<<<< HEAD
 
-        // TODO: handle receiving "prompt-with-rationale" (issue: https://github.com/tauri-apps/plugins-workspace/issues/979)
         if (permissions === "prompt") {
-            permissions = await requestPermissions(); // handle in more detail?
+            permissions = await requestPermissions();
         }
 
         permissions_nullable = permissions;
 
         if (permissions === "granted") {
-            // Scanning parameters
             const formats = [Format.QRCode];
             const windowed = true;
 
@@ -134,7 +65,7 @@ async function startScan() {
                     const url = new URL(res.content);
                     platform = url.searchParams.get("platform");
                     const redirectUrl = new URL(
-                        url.searchParams.get("redirect"),
+                        url.searchParams.get("redirect") || "",
                     );
                     redirect = url.searchParams.get("redirect");
                     session = url.searchParams.get("session");
@@ -142,22 +73,18 @@ async function startScan() {
                     codeScannedDrawerOpen = true;
                 })
                 .catch((error) => {
-                    // TODO: display error to user
                     console.error("Scan error:", error);
                 })
                 .finally(() => {
                     scanning = false;
                 });
         }
-
-        console.error("Permission denied or not granted");
-        // TODO: consider handling GUI for permission denied
     }
 
     async function handleAuth() {
         const vault = await globalState.vaultController.vault;
+        if (!vault || !redirect) return;
         await axios.post(redirect, { ename: vault.ename, session });
-
         codeScannedDrawerOpen = false;
         loggedInDrawerOpen = true;
         startScan();
@@ -167,26 +94,14 @@ async function startScan() {
         await cancel();
         scanning = false;
     }
-=======
-    }
 
-    console.error("Permission denied or not granted");
-    // TODO: consider handling GUI for permission denied
-}
->>>>>>> 52fa5ad87a98c94d6e905e00b2137487c0b16609
-
-async function cancelScan() {
-    await cancel();
-    scanning = false;
-}
-
-onMount(async () => {
-    startScan();
-});
+    onMount(async () => {
+        startScan();
+    });
 
-onDestroy(async () => {
-    await cancelScan();
-});
+    onDestroy(async () => {
+        await cancelScan();
+    });
 </script>
 
 <AppNav title="Scan QR Code" titleClasses="text-white" iconColor="white" />
@@ -310,6 +225,3 @@ onDestroy(async () => {
         </Button.Action>
     </div>
 </Drawer>
-
-<style>
-</style>
diff --git a/platforms/blabsy/.gitignore b/platforms/blabsy/.gitignore
new file mode 100644
index 00000000..c5dabf31
--- /dev/null
+++ b/platforms/blabsy/.gitignore
@@ -0,0 +1,25 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+*storybook.log
diff --git a/platforms/blabsy/.npmrc b/platforms/blabsy/.npmrc
new file mode 100644
index 00000000..b6f27f13
--- /dev/null
+++ b/platforms/blabsy/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/platforms/blabsy/.prettierignore b/platforms/blabsy/.prettierignore
new file mode 100644
index 00000000..6562bcbb
--- /dev/null
+++ b/platforms/blabsy/.prettierignore
@@ -0,0 +1,6 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+bun.lock
+bun.lockb
diff --git a/platforms/blabsy/.prettierrc b/platforms/blabsy/.prettierrc
new file mode 100644
index 00000000..7ebb855b
--- /dev/null
+++ b/platforms/blabsy/.prettierrc
@@ -0,0 +1,15 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}
diff --git a/platforms/blabsy/.storybook/main.ts b/platforms/blabsy/.storybook/main.ts
new file mode 100644
index 00000000..e5a31a17
--- /dev/null
+++ b/platforms/blabsy/.storybook/main.ts
@@ -0,0 +1,24 @@
+import type { StorybookConfig } from '@storybook/sveltekit';
+
+import { join, dirname } from 'path';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): string {
+	return dirname(require.resolve(join(value, 'package.json')));
+}
+const config: StorybookConfig = {
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|ts|svelte)'],
+	addons: [
+		getAbsolutePath('@storybook/addon-essentials'),
+		getAbsolutePath('@storybook/addon-svelte-csf'),
+		getAbsolutePath('@chromatic-com/storybook')
+	],
+	framework: {
+		name: getAbsolutePath('@storybook/sveltekit'),
+		options: {}
+	}
+};
+export default config;
diff --git a/platforms/blabsy/.storybook/preview.ts b/platforms/blabsy/.storybook/preview.ts
new file mode 100644
index 00000000..94b3fe76
--- /dev/null
+++ b/platforms/blabsy/.storybook/preview.ts
@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/svelte';
+import '../src/app.css';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i
+			}
+		}
+	}
+};
+
+export default preview;
diff --git a/platforms/blabsy/README.md b/platforms/blabsy/README.md
new file mode 100644
index 00000000..b5b29507
--- /dev/null
+++ b/platforms/blabsy/README.md
@@ -0,0 +1,38 @@
+# sv
+
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
diff --git a/platforms/blabsy/eslint.config.js b/platforms/blabsy/eslint.config.js
new file mode 100644
index 00000000..44868546
--- /dev/null
+++ b/platforms/blabsy/eslint.config.js
@@ -0,0 +1,42 @@
+import prettier from 'eslint-config-prettier';
+import js from '@eslint/js';
+import { includeIgnoreFile } from '@eslint/compat';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+import { fileURLToPath } from 'node:url';
+import ts from 'typescript-eslint';
+import svelteConfig from './svelte.config.js';
+
+const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
+
+export default ts.config(
+	includeIgnoreFile(gitignorePath),
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs.recommended,
+	prettier,
+	...svelte.configs.prettier,
+	{
+		languageOptions: {
+			globals: { ...globals.browser }
+		},
+		rules: {},
+		overrides: [
+			{
+				files: ['*.svelte'],
+				rules: { 'no-undef': 'off' }
+			}
+		]
+	},
+	{
+		files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
+		languageOptions: {
+			parserOptions: {
+				projectService: true,
+				extraFileExtensions: ['.svelte'],
+				parser: ts.parser,
+				svelteConfig
+			}
+		}
+	}
+);
diff --git a/platforms/blabsy/messages/en.json b/platforms/blabsy/messages/en.json
new file mode 100644
index 00000000..37a98944
--- /dev/null
+++ b/platforms/blabsy/messages/en.json
@@ -0,0 +1,4 @@
+{
+	"$schema": "https://inlang.com/schema/inlang-message-format",
+	"hello_world": "Hello, {name} from en!"
+}
diff --git a/platforms/blabsy/messages/es.json b/platforms/blabsy/messages/es.json
new file mode 100644
index 00000000..176345c1
--- /dev/null
+++ b/platforms/blabsy/messages/es.json
@@ -0,0 +1,4 @@
+{
+	"$schema": "https://inlang.com/schema/inlang-message-format",
+	"hello_world": "Hello, {name} from es!"
+}
diff --git a/platforms/blabsy/package.json b/platforms/blabsy/package.json
new file mode 100644
index 00000000..5ac9de0c
--- /dev/null
+++ b/platforms/blabsy/package.json
@@ -0,0 +1,59 @@
+{
+	"name": "metagram",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
+	},
+	"devDependencies": {
+		"@chromatic-com/storybook": "^3",
+		"@eslint/compat": "^1.2.5",
+		"@eslint/js": "^9.18.0",
+		"@hugeicons/core-free-icons": "^1.0.13",
+		"@hugeicons/svelte": "^1.0.2",
+		"@storybook/addon-essentials": "^8.6.12",
+		"@storybook/addon-svelte-csf": "^5.0.0-next.0",
+		"@storybook/blocks": "^8.6.12",
+		"@storybook/svelte": "^8.6.12",
+		"@storybook/sveltekit": "^8.6.12",
+		"@storybook/test": "^8.6.12",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@tailwindcss/vite": "^4.0.0",
+		"clsx": "^2.1.1",
+		"cupertino-pane": "^1.4.22",
+		"eslint": "^9.18.0",
+		"eslint-config-prettier": "^10.0.1",
+		"eslint-plugin-svelte": "^3.0.0",
+		"globals": "^16.0.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"storybook": "^8.6.12",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"svelte-gestures": "^5.1.3",
+		"tailwindcss": "^4.0.0",
+		"typescript": "^5.0.0",
+		"typescript-eslint": "^8.20.0",
+		"vite": "^6.2.6"
+	},
+	"dependencies": {
+		"-": "^0.0.1",
+		"D": "^1.0.0",
+		"axios": "^1.6.7",
+		"svelte-qrcode": "^1.0.1",
+		"tailwind-merge": "^3.0.2"
+	}
+}
diff --git a/platforms/blabsy/project.inlang/.gitignore b/platforms/blabsy/project.inlang/.gitignore
new file mode 100644
index 00000000..5e465967
--- /dev/null
+++ b/platforms/blabsy/project.inlang/.gitignore
@@ -0,0 +1 @@
+cache
\ No newline at end of file
diff --git a/platforms/blabsy/project.inlang/project_id b/platforms/blabsy/project.inlang/project_id
new file mode 100644
index 00000000..66ac0986
--- /dev/null
+++ b/platforms/blabsy/project.inlang/project_id
@@ -0,0 +1 @@
+1lExt3FnvpxOpPeeZE
\ No newline at end of file
diff --git a/platforms/blabsy/project.inlang/settings.json b/platforms/blabsy/project.inlang/settings.json
new file mode 100644
index 00000000..dc73166c
--- /dev/null
+++ b/platforms/blabsy/project.inlang/settings.json
@@ -0,0 +1,12 @@
+{
+	"$schema": "https://inlang.com/schema/project-settings",
+	"modules": [
+		"https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js",
+		"https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@2/dist/index.js"
+	],
+	"plugin.inlang.messageFormat": {
+		"pathPattern": "../messages/{locale}.json"
+	},
+	"baseLocale": "en",
+	"locales": ["en", "es"]
+}
diff --git a/platforms/blabsy/src/app.css b/platforms/blabsy/src/app.css
new file mode 100644
index 00000000..2f7ba6ea
--- /dev/null
+++ b/platforms/blabsy/src/app.css
@@ -0,0 +1,170 @@
+@import 'tailwindcss';
+
+@font-face {
+	font-family: 'Geist', sans-serif;
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url('/fonts/Geist-VariableFont_wght.ttf') format('truetype');
+}
+
+body {
+	font-family: 'Geist', sans-serif;
+	padding-top: env(safe-area-inset-top);
+	padding-bottom: env(safe-area-inset-bottom);
+	padding-left: env(safe-area-inset-left);
+	padding-right: env(safe-area-inset-right);
+	background-color: black;
+    color: white
+}
+
+@layer base {
+	h1 {
+		@apply font-geist text-xl/[1] font-semibold;
+	}
+	h2 {
+		@apply font-geist text-lg/[1] font-medium;
+	}
+	h3 {
+		@apply font-geist text-base/[1] font-normal;
+	}
+	p {
+		@apply font-geist text-[15px]/[1] font-normal;
+	}
+	.small {
+		@apply font-geist text-sm/[1] font-normal;
+	}
+	.subtext {
+		@apply font-geist text-xs/[1] font-normal;
+	}
+	.hide-scrollbar {
+		-ms-overflow-style: none;
+		scrollbar-width: none;
+	}
+
+	.hide-scrollbar::-webkit-scrollbar {
+		display: none;
+	}
+}
+
+@theme {
+	/* fonts */
+	--font-geist: 'Geist', sans-serif;
+
+	/* colors */
+	--color-black: #1f1f1f;
+	--color-black-800: #4c4c4c;
+	--color-black-600: #797979;
+	--color-black-400: #a5a5a5;
+	--color-black-200: #d2d2d2;
+
+	--color-grey: #f5f5f5;
+	--color-red: #8E52FF;
+
+	--color-gray-200: #eaecf0;
+
+	--color-brand-burnt-orange: #8E52FF;
+	--color-brand-burnt-orange-100: #f8dbcf;
+	--color-brand-burnt-orange-200: #f3c3b0;
+	--color-brand-burnt-orange-300: #eca488;
+	--color-brand-burnt-orange-400: #e68660;
+	--color-brand-burnt-orange-500: #e06839;
+	--color-brand-burnt-orange-600: #91310b;
+	--color-brand-burnt-orange-700: #6d2509;
+	--color-brand-burnt-orange-800: #491906;
+	--color-brand-burnt-orange-900: #2c0f03;
+
+	--color-brand-gradient: linear-gradient(
+		91.82deg,
+		#4D44EF 0%,
+		#EB5BF3 50%,
+		#F7A428 100%
+	);
+}
+
+/* Ensure background remains correct during transitions */
+:root[data-transition]::view-transition-group(root),
+:root[data-transition]::view-transition-old(root),
+:root[data-transition]::view-transition-new(root) {
+	background-color: white !important; /* Default to white */
+}
+
+/* Prevent flickering */
+:root[data-transition]::view-transition-old(root),
+:root[data-transition]::view-transition-new(root) {
+	contain: paint;
+	will-change: transform, opacity;
+}
+
+/* Slide-in from the right without fade */
+@keyframes slide-from-right {
+	from {
+		transform: translateX(100%); /* Start from the right */
+		opacity: 1; /* Ensure fully visible */
+	}
+	to {
+		transform: translateX(0); /* Move to original position */
+		opacity: 1;
+	}
+}
+
+/* Slide-out to the right without fade */
+@keyframes slide-to-right {
+	from {
+		transform: translateX(0); /* Start at original position */
+		opacity: 1;
+	}
+	to {
+		transform: translateX(100%); /* Move to the right */
+		opacity: 1;
+	}
+}
+
+/* Slide-in from the left without fade */
+@keyframes slide-from-left {
+	from {
+		transform: translateX(-100%); /* Start from the left */
+		opacity: 1;
+	}
+	to {
+		transform: translateX(0); /* Move to original position */
+		opacity: 1;
+	}
+}
+
+/* Slide-out to the left without fade */
+@keyframes slide-to-left {
+	from {
+		transform: translateX(0); /* Start at original position */
+		opacity: 1;
+	}
+	to {
+		transform: translateX(-100%); /* Move to the left */
+		opacity: 1;
+	}
+}
+
+@keyframes fade-out {
+	from {
+		opacity: 1;
+	}
+	to {
+		opacity: 0;
+	}
+}
+
+:root[data-transition]::view-transition-old(root) {
+	animation: 400ms ease-out both fade-out;
+}
+
+:root[data-transition='right']::view-transition-new(root) {
+	animation: 200ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
+	position: relative;
+	z-index: 1;
+}
+
+:root[data-transition='left']::view-transition-new(root) {
+	animation: 200ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-left;
+	position: relative;
+	z-index: 1;
+}
diff --git a/platforms/blabsy/src/app.d.ts b/platforms/blabsy/src/app.d.ts
new file mode 100644
index 00000000..da08e6da
--- /dev/null
+++ b/platforms/blabsy/src/app.d.ts
@@ -0,0 +1,13 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/platforms/blabsy/src/app.html b/platforms/blabsy/src/app.html
new file mode 100644
index 00000000..77a5ff52
--- /dev/null
+++ b/platforms/blabsy/src/app.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/platforms/blabsy/src/hooks.server.ts b/platforms/blabsy/src/hooks.server.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/platforms/blabsy/src/hooks.ts b/platforms/blabsy/src/hooks.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/platforms/blabsy/src/lib/components/CreatePostModal.svelte b/platforms/blabsy/src/lib/components/CreatePostModal.svelte
new file mode 100644
index 00000000..f1682b52
--- /dev/null
+++ b/platforms/blabsy/src/lib/components/CreatePostModal.svelte
@@ -0,0 +1,116 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	import { createPost } from '$lib/stores/posts';
+	import Button from '$lib/ui/Button/Button.svelte';
+
+	const dispatch = createEventDispatcher<{
+		close: void;
+	}>();
+
+	let text = '';
+	let images: string[] = [];
+	let isUploading = false;
+
+	const handleImageUpload = async (event: Event) => {
+		const input = event.target as HTMLInputElement;
+		if (!input.files?.length) return;
+
+		isUploading = true;
+		const newImages: string[] = [];
+
+		for (const file of Array.from(input.files)) {
+			const reader = new FileReader();
+			const dataUri = await new Promise<string>((resolve) => {
+				reader.onload = () => resolve(reader.result as string);
+				reader.readAsDataURL(file);
+			});
+			console.log('HERRREE');
+			newImages.push(dataUri);
+		}
+
+		images = [...images, ...newImages];
+		isUploading = false;
+	};
+
+	const removeImage = (index: number) => {
+		images = images.filter((_, i) => i !== index);
+	};
+
+	const handleSubmit = async () => {
+		try {
+			await createPost(text, images);
+			dispatch('close');
+		} catch (error) {
+			console.error('Failed to create post:', error);
+		}
+	};
+</script>
+
+<div class="bg-black-200 fixed inset-0 z-50 flex items-center justify-center">
+	<div class="w-full max-w-2xl rounded-lg bg-black p-6">
+		<div class="mb-4 flex items-center justify-between">
+			<h2 class="text-xl font-semibold">Create Post</h2>
+			<button
+				type="button"
+				class="text-gray-500 hover:text-gray-700"
+				on:click={() => dispatch('close')}
+			>
+				✕
+			</button>
+		</div>
+
+		<form on:submit|preventDefault={handleSubmit} class="space-y-4">
+			<textarea
+				bind:value={text}
+				placeholder="What's on your mind??"
+				class="focus:border-brand-burnt-orange w-full rounded-lg border border-gray-300 p-3 focus:outline-none"
+				rows="4"
+			/>
+
+			<div class="space-y-2">
+				<label class="block text-sm font-medium text-gray-700"> Add Images </label>
+				<input
+					type="file"
+					accept="image/*"
+					multiple
+					on:change={handleImageUpload}
+					class="file:bg-brand-burnt-orange hover:file:bg-brand-burnt-orange-600 block w-full text-sm text-gray-500 file:mr-4 file:rounded-full file:border-0 file:px-4 file:py-2 file:text-sm file:font-semibold file:text-white"
+				/>
+			</div>
+
+			{#if images.length > 0}
+				<div class="grid grid-cols-3 gap-4">
+					{#each images as image, index}
+						<div class="relative">
+							<img
+								src={image}
+								alt="Upload preview"
+								class="aspect-square rounded-lg object-cover"
+							/>
+							<button
+								type="button"
+								class="absolute -top-2 -right-2 rounded-full bg-red-500 p-1 text-white hover:bg-red-600"
+								on:click={() => removeImage(index)}
+							>
+								✕
+							</button>
+						</div>
+					{/each}
+				</div>
+			{/if}
+
+			<div class="flex justify-end gap-4">
+				<Button type="button" variant="secondary" on:click={() => dispatch('close')}>
+					Cancel
+				</Button>
+				<Button
+					type="submit"
+					variant="primary"
+					disabled={isUploading || (!text && images.length === 0)}
+				>
+					{isUploading ? 'Uploading...' : 'Post'}
+				</Button>
+			</div>
+		</form>
+	</div>
+</div>
diff --git a/platforms/blabsy/src/lib/dummyData.ts b/platforms/blabsy/src/lib/dummyData.ts
new file mode 100644
index 00000000..03b5e705
--- /dev/null
+++ b/platforms/blabsy/src/lib/dummyData.ts
@@ -0,0 +1,87 @@
+import type { CommentType } from './types';
+export const dummyPosts = Array.from({ length: 100 }, (_, i) => ({
+	id: (i + 1).toString(),
+	avatar: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+	userId: (i + 1).toString(),
+	username: `user${i + 1}`,
+	imgUris: [
+		'https://picsum.photos/800',
+		'https://picsum.photos/600',
+		'https://picsum.photos/800',
+		'https://picsum.photos/600'
+	],
+	caption: `This is post number ${i + 1}. Loving how these shots came out! :camera_with_flash:`,
+	time: `${i + 1} hours ago`,
+	count: {
+		likes: Math.floor(Math.random() * 500),
+		comments: Math.floor(Math.random() * 200)
+	}
+}));
+export const comments: CommentType[] = Array.from({ length: 50 }, (_, i) => ({
+	userImgSrc: 'https://picsum.photos/800',
+	name: `user${i + 1}`,
+	commentId: `${i + 1}p`,
+	comment: `this is the dummy comment which is commented by user${i + 1}`,
+	isUpVoted: false,
+	isDownVoted: false,
+	upVotes: 0,
+	time: '2 minutes ago',
+	replies: [
+		{
+			userImgSrc: 'https://picsum.photos/800',
+			name: `user${i + 1}x`,
+			commentId: `${i + 1}x`,
+			comment: `this is the dummy reply which is replied by another${i}x`,
+			isUpVoted: false,
+			isDownVoted: false,
+			upVotes: 0,
+			time: '1 minute ago',
+			replies: [
+				{
+					userImgSrc: 'https://picsum.photos/800',
+					name: `user${i + 1}a`,
+					commentId: `${i + 1}a`,
+					comment: `this is the dummy reply which is replied by another${i}a`,
+					isUpVoted: false,
+					isDownVoted: false,
+					upVotes: 0,
+					time: '1 minute ago',
+					replies: []
+				}
+			]
+		},
+		{
+			userImgSrc: 'https://picsum.photos/800',
+			name: `user${i + 1}y`,
+			commentId: `${i + 1}y`,
+			comment: `this is the dummy reply which is replied by another${i}y`,
+			isUpVoted: false,
+			isDownVoted: false,
+			upVotes: 0,
+			time: '1 minute ago',
+			replies: []
+		},
+		{
+			userImgSrc: 'https://picsum.photos/800',
+			name: `user${i + 1}y`,
+			commentId: `${i + 1}y`,
+			comment: `this is the dummy reply which is replied by another${i}y`,
+			isUpVoted: false,
+			isDownVoted: false,
+			upVotes: 0,
+			time: '1 minute ago',
+			replies: []
+		},
+		{
+			userImgSrc: 'https://picsum.photos/800',
+			name: `user${i + 1}y`,
+			commentId: `${i + 1}y`,
+			comment: `this is the dummy reply which is replied by another${i}y`,
+			isUpVoted: false,
+			isDownVoted: false,
+			upVotes: 0,
+			time: '1 minute ago',
+			replies: []
+		}
+	]
+}));
diff --git a/platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.stories.ts b/platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.stories.ts
new file mode 100644
index 00000000..ce02b758
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.stories.ts
@@ -0,0 +1,21 @@
+import type { ComponentProps } from 'svelte';
+import { ActionMenu } from '..';
+
+export default {
+	title: 'UI/ActionMenu',
+	component: ActionMenu,
+	tags: ['autodocs'],
+	render: (args: { Component: ActionMenu; props: ComponentProps<typeof ActionMenu> }) => ({
+		Component: ActionMenu,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {
+		options: [
+			{ name: 'Report', handler: () => alert('report') },
+			{ name: 'Clear chat', handler: () => alert('clear') }
+		]
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.svelte b/platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.svelte
new file mode 100644
index 00000000..d6f9401f
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/ActionMenu/ActionMenu.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+	import { clickOutside, cn } from '$lib/utils';
+	import { MoreVerticalIcon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import { tick } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IContextMenuProps extends HTMLAttributes<HTMLElement> {
+		options: Array<{ name: string; handler: () => void }>;
+	}
+
+	let { options = [], ...restProps }: IContextMenuProps = $props();
+	let showActionMenu = $state(false);
+	let menuEl: HTMLUListElement | null = $state(null);
+	let buttonEl: HTMLElement | null = null;
+
+	function openMenu() {
+		showActionMenu = true;
+
+		tick().then(() => {
+			if (menuEl && buttonEl) {
+				const { innerWidth, innerHeight } = window;
+				const menuRect = menuEl.getBoundingClientRect();
+				const buttonRect = buttonEl.getBoundingClientRect();
+
+				// Position vertically aligned to button top (viewport)
+				let top = buttonRect.top;
+				let left = buttonRect.right;
+
+				// If it overflows right, position to the left of the button
+				if (innerWidth - buttonRect.right < menuRect.width) {
+					left = buttonRect.left - menuRect.width;
+				}
+
+				// If it overflows bottom, adjust upward
+				if (innerHeight - buttonRect.top < menuRect.height) {
+					top = innerHeight - menuRect.height - 10;
+				}
+
+				menuEl.style.left = `${left}px`;
+				menuEl.style.top = `${top}px`;
+			}
+		});
+	}
+
+	function closeMenu() {
+		showActionMenu = false;
+	}
+
+	const cBase = 'fixed z-50 w-[max-content] py-2 px-5 rounded-2xl bg-white shadow-lg';
+</script>
+
+<div class="relative inline-block">
+	<button
+		bind:this={buttonEl}
+		onclick={(e) => {
+			e.preventDefault(), openMenu();
+		}}
+	>
+		<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="black" />
+	</button>
+</div>
+
+{#if showActionMenu}
+	<ul
+		{...restProps}
+		use:clickOutside={() => closeMenu()}
+		bind:this={menuEl}
+		class={cn([cBase, restProps.class].join(' '))}
+	>
+		{#each options as option}
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+			<li
+				class="cursor-pointer py-3"
+				onclick={() => {
+					option.handler();
+					closeMenu();
+				}}
+			>
+				<p class="text-black-800">{option.name}</p>
+			</li>
+		{/each}
+	</ul>
+{/if}
diff --git a/platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.stories.ts b/platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.stories.ts
new file mode 100644
index 00000000..b9c8bd75
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.stories.ts
@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'svelte';
+import { BottomNav } from '..';
+
+export default {
+	title: 'UI/BottomNav',
+	component: BottomNav,
+	tags: ['autodocs'],
+	render: (args: { Component: BottomNav; props: ComponentProps<typeof BottomNav> }) => ({
+		Component: BottomNav,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {}
+};
diff --git a/platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.svelte b/platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.svelte
new file mode 100644
index 00000000..98104c23
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/BottomNav/BottomNav.svelte
@@ -0,0 +1,132 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { Home, CommentsTwo, Search, Camera } from '$lib/icons';
+	import { goto } from '$app/navigation';
+	import { isNavigatingThroughNav, ownerId } from '$lib/store/store.svelte';
+	import { page } from '$app/state';
+
+	interface IBottomNavProps extends HTMLAttributes<HTMLElement> {
+		activeTab?: string;
+		profileSrc: string;
+	}
+	let {
+		activeTab = $bindable('home'),
+		profileSrc = 'https://picsum.photos/200'
+	}: IBottomNavProps = $props();
+
+	const tabs = ['home', 'discover', 'post', 'messages', 'profile', 'settings'];
+	let previousTab = $state('home');
+	let _activeTab = $derived(page.url.pathname);
+	let fullPath = $derived(page.url.pathname);
+
+	const handleNavClick = (newTab: string) => {
+		// activeTab = newTab;
+		isNavigatingThroughNav.value = true;
+		const fromIndex = tabs.indexOf(previousTab);
+		const toIndex = tabs.indexOf(newTab);
+		const direction = toIndex > fromIndex ? 'right' : 'left';
+		document.documentElement.setAttribute('data-transition', direction);
+		previousTab = newTab;
+		if (newTab === 'profile') {
+			goto(`/profile/${ownerId}`);
+		} else {
+			goto(`/${newTab}`);
+		}
+	};
+
+	$effect(() => {
+		activeTab = _activeTab.split('/').pop() ?? '';
+	});
+</script>
+
+<!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
+<nav
+	aria-label="Main navigation"
+	class="border-grey fixed start-0 bottom-0 flex w-full items-center justify-between border-t-[1px] bg-white px-7 py-2 md:hidden"
+	role="tablist"
+>
+	<button
+		type="button"
+		class="flex flex-col items-center"
+		aria-current={activeTab === 'home' ? 'page' : undefined}
+		onclick={() => handleNavClick('home')}
+	>
+		<Home
+			size="24px"
+			color={activeTab === 'home'
+				? 'var(--color-brand-burnt-orange)'
+				: 'var(--color-black-400)'}
+			fill={activeTab === 'home' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+		/>
+	</button>
+
+	<button
+		type="button"
+		class="flex flex-col items-center"
+		aria-current={activeTab === 'discover' ? 'page' : undefined}
+		onclick={() => handleNavClick('discover')}
+	>
+		<Search
+			size="24px"
+			color={activeTab === 'discover'
+				? 'var(--color-brand-burnt-orange)'
+				: 'var(--color-black-400)'}
+			fill={activeTab === 'discover' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+		/>
+	</button>
+
+	<button
+		type="button"
+		class="flex flex-col items-center"
+		aria-current={activeTab === 'post' ? 'page' : undefined}
+		onclick={() => handleNavClick('post')}
+	>
+		<Camera
+			size="24px"
+			color={activeTab === 'post'
+				? 'var(--color-brand-burnt-orange)'
+				: 'var(--color-black-400)'}
+			fill={activeTab === 'post' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+		/>
+	</button>
+
+	<button
+		type="button"
+		class="flex flex-col items-center"
+		aria-current={activeTab === 'messages' ? 'page' : undefined}
+		onclick={() => handleNavClick('messages')}
+	>
+		<CommentsTwo
+			size="24px"
+			color={activeTab === 'messages'
+				? 'var(--color-brand-burnt-orange)'
+				: 'var(--color-black-400)'}
+			fill={activeTab === 'messages' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+		/>
+	</button>
+
+	<button
+		type="button"
+		class="flex flex-col items-center"
+		aria-current={activeTab === 'profile' ? 'page' : undefined}
+		onclick={() => handleNavClick('profile')}
+	>
+		<span
+			class={`inline-block w-full rounded-full border p-1 ${activeTab === 'profile' || fullPath.includes('settings') ? 'border-brand-burnt-orange' : 'border-transparent'}`}
+		>
+			<img
+				width="24px"
+				height="24px"
+				class="aspect-square rounded-full"
+				src={profileSrc}
+				alt="profile"
+			/>
+		</span>
+	</button>
+</nav>
+
+<style>
+	nav {
+		view-transition-name: bottomNav;
+	}
+</style>
diff --git a/platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.stories.ts b/platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.stories.ts
new file mode 100644
index 00000000..10b38e6f
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.stories.ts
@@ -0,0 +1,42 @@
+import type { ComponentProps } from 'svelte';
+import { ChatMessage } from '..';
+
+export default {
+	title: 'UI/ChatMessage',
+	component: ChatMessage,
+	tags: ['autodocs'],
+	render: (args: { Component: ChatMessage; props: ComponentProps<typeof ChatMessage> }) => ({
+		Component: ChatMessage,
+		props: args
+	})
+};
+
+export const Outgoing = {
+	args: {
+		isOwn: true
+	}
+};
+
+export const Incoming = {
+	args: {
+		isOwn: false,
+		message:
+			'Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed voluptatem accusantium voluptas vel, libero minus veniam at! Doloribus autem, id, ipsum laudantium dolor blanditiis nulla eum eveniet illo perspiciatis iusto.Voluptas ea pariatur eveniet quidem incidunt vitae sunt, hic labore nisi officiis consectetur autem odio repellendus nesciunt quisquam alias consequatur corrupti quaerat, minus qui. Obcaecati deleniti optio quod quibusdam placeat.'
+	}
+};
+
+export const OutgoingWithoutHead = {
+	args: {
+		isOwn: true,
+		isHeadNeeded: false
+	}
+};
+
+export const WithoutHead = {
+	args: {
+		isOwn: false,
+		isHeadNeeded: false,
+		message:
+			'Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed voluptatem accusantium voluptas vel, libero minus veniam at! Doloribus autem, id, ipsum laudantium dolor blanditiis nulla eum eveniet illo perspiciatis iusto.Voluptas ea pariatur eveniet quidem incidunt vitae sunt, hic labore nisi officiis consectetur autem odio repellendus nesciunt quisquam alias consequatur corrupti quaerat, minus qui. Obcaecati deleniti optio quod quibusdam placeat.'
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.svelte b/platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.svelte
new file mode 100644
index 00000000..cd668399
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/ChatMessage/ChatMessage.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+	import { Avatar } from '$lib/ui';
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IChatMessageProps extends HTMLAttributes<HTMLElement> {
+		userImgSrc: string;
+		message: string;
+		time: string;
+		isOwn: boolean;
+		isHeadNeeded?: boolean;
+	}
+
+	let {
+		userImgSrc = 'https://picsum.photos/id/237/200/300',
+		message = 'i was thinking maybe like 12th?',
+		time = '12:55 AM',
+		isOwn,
+		isHeadNeeded = true,
+		...restProps
+	}: IChatMessageProps = $props();
+</script>
+
+<div
+	{...restProps}
+	class={cn(
+		[`flex items-start gap-2 ${isOwn ? 'flex' : 'flex-row-reverse'}`, restProps.class].join(' ')
+	)}
+>
+	<div class="w-8 flex-shrink-0">
+		{#if isHeadNeeded}
+			<Avatar size="xs" src={userImgSrc} />
+		{/if}
+	</div>
+
+	<div class={cn(`max-w-[50%] ${isHeadNeeded ? 'mt-4' : 'mt-0'}`)}>
+		<div
+			class={cn(
+				`relative rounded-3xl px-4 py-2 ${isOwn ? 'bg-grey' : 'bg-brand-burnt-orange'}`
+			)}
+		>
+			{#if isHeadNeeded}
+				<svg
+					class={`absolute ${isOwn ? 'start-[-5px] top-[-2px]' : 'end-[-5px] top-[2px]'}`}
+					width="22"
+					height="17"
+					viewBox="0 0 22 17"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+				>
+					<path
+						d="M0 0C5.79116 4.95613 8.40437 9.60298 10 17L22 2C11 2.5 7.53377 0.634763 0 0Z"
+						fill={isOwn ? '#F5F5F5' : 'var(--color-brand-burnt-orange)'}
+					/>
+				</svg>
+			{/if}
+
+			<p class={cn(`${!isOwn ? 'text-white' : 'text-black-600'}`)}>
+				{message}
+			</p>
+		</div>
+
+		<p
+			class={cn(
+				`subtext text-black-400 mt-0.5 flex text-xs text-nowrap ${
+					isOwn ? 'justify-end' : 'justify-start'
+				}`
+			)}
+		>
+			{time}
+		</p>
+	</div>
+</div>
diff --git a/platforms/blabsy/src/lib/fragments/Comment/Comment.stories.ts b/platforms/blabsy/src/lib/fragments/Comment/Comment.stories.ts
new file mode 100644
index 00000000..cca0ea3d
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Comment/Comment.stories.ts
@@ -0,0 +1,19 @@
+import type { ComponentProps } from 'svelte';
+import { Comment } from '..';
+import { comments } from '$lib/dummyData';
+
+export default {
+	title: 'UI/Comment',
+	component: Comment,
+	tags: ['autodocs'],
+	render: (args: { Component: Comment; props: ComponentProps<typeof Comment> }) => ({
+		Component: Comment,
+		props: args
+	})
+};
+
+export const Main = {
+	args: {
+		comment: comments[0]
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte b/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte
new file mode 100644
index 00000000..8e8152d7
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte
@@ -0,0 +1,147 @@
+<script lang="ts">
+	import { Like } from '$lib/icons';
+	import { Avatar } from '$lib/ui';
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { CommentType } from '$lib/types';
+
+	interface ICommentProps extends HTMLAttributes<HTMLElement> {
+		comment: CommentType;
+		handleReply: () => void;
+	}
+
+	let visibleReplies = $state(2);
+
+	const showMoreReplies = () => {
+		visibleReplies = comment.replies.length;
+	};
+
+	let { comment, handleReply, ...restProps }: ICommentProps = $props();
+</script>
+
+<article {...restProps} class={cn([restProps.class].join(' '))}>
+	<div class="align-start flex gap-2">
+		<Avatar src={comment.userImgSrc} size="sm" />
+		<div>
+			<h3 class="font-semibold text-white/60">{comment.name}</h3>
+			<p class="text-white-600 mt-0.5">{comment.comment}</p>
+		</div>
+	</div>
+	<div class="ms-12 mt-2 flex items-center gap-2">
+		<button
+			onclick={() => {
+				if (!comment.isUpVoted) {
+					comment.upVotes++;
+					comment.isUpVoted = true;
+					comment.isDownVoted = false;
+				}
+			}}
+		>
+			<Like
+				size="18px"
+				color={comment.isUpVoted
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-600)'}
+				fill={comment.isUpVoted
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-600)'}
+			/>
+		</button>
+		<p class="text-black-600 font-semibold">{comment.upVotes}</p>
+		<button
+			onclick={() => {
+				if (!comment.isDownVoted) {
+					comment.upVotes--;
+					comment.isDownVoted = true;
+					comment.isUpVoted = false;
+				}
+			}}
+		>
+			<Like
+				size="18px"
+				color={comment.isDownVoted
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-600)'}
+				fill={comment.isDownVoted
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-600)'}
+				class="rotate-180"
+			/>
+		</button>
+		<span class="bg-black-600 inline-block h-1 w-1 rounded-full"></span>
+		<button onclick={handleReply} class="text-black-600 font-semibold">Reply</button>
+		<span class="bg-black-600 inline-block h-1 w-1 rounded-full"></span>
+		<p class="text-black-600">{comment.time}</p>
+	</div>
+	{#if comment?.replies?.length}
+		<ul class="ms-12 mt-4 space-y-2">
+			{#each comment.replies.slice(0, visibleReplies) as reply}
+				<li>
+					<div class="align-start flex gap-2">
+						<Avatar src={reply.userImgSrc} size="sm" />
+						<div>
+							<h3 class="font-semibold text-black">{reply.name}</h3>
+							<p class="text-black-600 mt-0.5">{reply.comment}</p>
+						</div>
+					</div>
+					<div class="ms-12 mt-2 flex items-center gap-2">
+						<button
+							onclick={() => {
+								if (!reply.isUpVoted) {
+									reply.upVotes++;
+									reply.isUpVoted = true;
+									reply.isDownVoted = false;
+								}
+							}}
+						>
+							<Like
+								size="18px"
+								color={reply.isUpVoted
+									? 'var(--color-brand-burnt-orange)'
+									: 'var(--color-black-600)'}
+								fill={reply.isUpVoted
+									? 'var(--color-brand-burnt-orange)'
+									: 'var(--color-black-600)'}
+							/>
+						</button>
+						<p class="text-black-600 font-semibold">{reply.upVotes}</p>
+						<button
+							onclick={() => {
+								if (!reply.isDownVoted) {
+									reply.upVotes--;
+									reply.isDownVoted = true;
+									reply.isUpVoted = false;
+								}
+							}}
+						>
+							<Like
+								size="18px"
+								color={reply.isDownVoted
+									? 'var(--color-brand-burnt-orange)'
+									: 'var(--color-black-600)'}
+								fill={reply.isDownVoted
+									? 'var(--color-brand-burnt-orange)'
+									: 'var(--color-black-600)'}
+								class="rotate-180"
+							/>
+						</button>
+						<span class="bg-black-600 inline-block h-1 w-1 rounded-full"></span>
+						<button onclick={handleReply} class="text-black-600 font-semibold"
+							>Reply</button
+						>
+						<span class="bg-black-600 inline-block h-1 w-1 rounded-full"></span>
+						<p class="text-black-600">{reply.time}</p>
+					</div>
+				</li>
+			{/each}
+			{#if comment.replies.length > visibleReplies}
+				<button
+					onclick={showMoreReplies}
+					class="text-brand-burnt-orange mt-1 text-sm font-medium"
+				>
+					See {comment.replies.length - visibleReplies} more replies
+				</button>
+			{/if}
+		</ul>
+	{/if}
+</article>
diff --git a/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte b/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
new file mode 100644
index 00000000..8879c2f6
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+	import { createPost, closeCreatePostModal } from '$lib/stores/posts';
+	import Modal from '$lib/ui/Modal/Modal.svelte';
+	import Button from '$lib/ui/Button/Button.svelte';
+
+	let text = $state('');
+	let images = $state<string[]>([]);
+	let isSubmitting = $state(false);
+
+	const handleImageUpload = (event: Event) => {
+		const input = event.target as HTMLInputElement;
+		if (!input.files?.length) return;
+
+		const file = input.files[0];
+		const reader = new FileReader();
+		reader.onload = (e) => {
+			const result = e.target?.result;
+			if (typeof result === 'string') {
+				console.log(result);
+				images = [...images, result];
+			}
+		};
+		reader.readAsDataURL(file);
+	};
+
+	const removeImage = (index: number) => {
+		images = images.filter((_, i) => i !== index);
+	};
+
+	const handleSubmit = async () => {
+		if (!text.trim() && images.length === 0) return;
+
+		try {
+			isSubmitting = true;
+			await createPost(text, images);
+			closeCreatePostModal();
+			text = '';
+			images = [];
+		} catch (error) {
+			console.error('Failed to create post:', error);
+		} finally {
+			isSubmitting = false;
+		}
+	};
+</script>
+
+<Modal on:close={closeCreatePostModal} class="w-full">
+	<div class="w-full max-w-2xl rounded-lg bg-black p-6">
+		<div class="mb-4 flex items-center justify-between">
+			<h2 class="text-xl font-semibold">Create Post</h2>
+			<button
+				type="button"
+				class="rounded-full p-2 hover:bg-gray-100"
+				on:click={closeCreatePostModal}
+			>
+				✕
+			</button>
+		</div>
+
+		<div class="mb-4">
+			<textarea
+				bind:value={text}
+				placeholder="What's on your mind?"
+				class="focus:border-brand-burnt-orange w-full resize-none rounded-lg border border-gray-200 p-4 focus:outline-none"
+				rows="4"
+			/>
+		</div>
+
+		{#if images.length > 0}
+			<div class="mb-4 grid grid-cols-2 gap-4">
+				{#each images as image, index}
+					<div class="relative">
+						<img
+							src={image}
+							alt="Post image"
+							class="aspect-square w-full rounded-lg object-cover"
+						/>
+						<button
+							type="button"
+							class="absolute top-2 right-2 rounded-full bg-black/50 p-1 text-white hover:bg-black/70"
+							on:click={() => removeImage(index)}
+						>
+							✕
+						</button>
+					</div>
+				{/each}
+			</div>
+		{/if}
+
+		<div class="flex items-center justify-between">
+			<label class="bg-black-800 cursor-pointer rounded-lg px-4 py-2 hover:bg-gray-200">
+				<input type="file" accept="image/*" class="hidden" on:change={handleImageUpload} />
+				Add Photo
+			</label>
+
+			<Button
+				variant="secondary"
+				callback={handleSubmit}
+				isLoading={isSubmitting}
+				disabled={!text.trim() && images.length === 0}
+			>
+				Post
+			</Button>
+		</div>
+	</div>
+</Modal>
diff --git a/platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte b/platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte
new file mode 100644
index 00000000..2bb573d8
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.snippet.svelte
@@ -0,0 +1,84 @@
+<script module>
+	export { DrawerContent };
+</script>
+
+{#snippet DrawerContent()}
+	<p>
+		Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero dolore, necessitatibus quam
+		expedita repudiandae cum nulla totam officiis itaque earum explicabo vel soluta libero ea
+		exercitationem iusto velit incidunt quibusdam. Incidunt maiores sed, voluptas magnam magni
+		reiciendis ipsa. Totam molestias commodi incidunt obcaecati fugiat temporibus voluptatum ea
+		excepturi cumque, nostrum quod quae aperiam, nemo asperiores consectetur doloremque
+		repellat, alias consequatur. Inventore deleniti aliquam sapiente, vel ipsam tempore
+		veritatis explicabo minus harum hic itaque dolorem nostrum tenetur dicta dolores delectus
+		eveniet nisi accusantium aperiam cumque iure culpa, eos adipisci! Vel, iusto. Repellendus
+		unde incidunt a saepe reiciendis? Nam, esse voluptas aliquam repellendus cupiditate placeat
+		quis autem minima reiciendis ex unde eveniet neque qui dolorum. Dignissimos inventore quidem
+		ipsum sequi non vel? Nemo aspernatur incidunt veniam quia animi vel asperiores quidem,
+		expedita eum in qui provident, consequuntur officiis veritatis quisquam quo, necessitatibus
+		similique autem odit officia numquam cum dolore pariatur eius! Cupiditate. Facilis aliquid
+		nihil doloremque officiis fugit in minus dicta et, omnis nesciunt suscipit sequi atque
+		perferendis alias exercitationem eaque aliquam provident praesentium quae sunt quas magni
+		consequatur. Praesentium, dolor ipsa? Et, veritatis saepe animi harum eligendi fugit
+		accusamus tempore, reiciendis eveniet, dolores rerum optio earum magnam nam laudantium
+		necessitatibus incidunt minima labore laboriosam voluptatum mollitia quia? Consectetur,
+		reprehenderit! Mollitia, neque. Optio nam eius voluptatem. Facilis hic cum non est quod modi
+		sapiente ex asperiores earum, temporibus ipsum dolore optio aut mollitia fuga ducimus ipsam
+		deleniti et adipisci maxime in velit. Praesentium doloribus earum sunt quasi voluptas quo
+		expedita tempora consequatur ratione maiores accusantium dolorem sit corporis quibusdam esse
+		molestias facilis nemo, non quam? Dolores recusandae neque ex consequatur in atque? Animi
+		recusandae minus eaque nisi dicta earum sit tempore neque porro vero assumenda tempora
+		alias, quis sunt iste illo fuga in inventore quaerat? Magnam cum vero fugiat quaerat
+		provident necessitatibus. Consequatur iusto est sint doloribus quis porro quibusdam
+		inventore numquam nisi nam ullam consectetur mollitia molestiae molestias necessitatibus
+		recusandae voluptate cum aut pariatur, asperiores nobis et perspiciatis ipsam labore.
+		Delectus. Laborum quisquam ea eligendi ut nesciunt aut minima iusto sint esse laboriosam!
+		Doloremque deserunt enim et recusandae quo, nobis expedita maxime error inventore, officiis
+		nulla ipsa tempora eos commodi beatae! Atque vel vitae perspiciatis quam soluta eaque sed
+		illo autem ea ut, exercitationem sit ad quidem eius modi alias facilis labore porro esse.
+		Vel nihil expedita reprehenderit culpa facilis omnis! Non eum minima eius sapiente quo nulla
+		culpa maiores laudantium quos! Consequatur adipisci ad neque nemo! Iste aperiam, tenetur
+		nisi distinctio saepe, reiciendis sed reprehenderit, eum assumenda vel provident in. Magni
+		ex commodi soluta quod ipsum repellendus laborum assumenda velit, aperiam praesentium nemo,
+		dolor aut similique libero tenetur eum! Atque maxime laborum tenetur similique nam ipsam
+		possimus eos officia voluptates. Deleniti quas amet corporis enim possimus nostrum
+		laboriosam nisi. Quisquam, perspiciatis. Quidem unde ut sequi maxime omnis inventore sed qui
+		minima neque, accusamus officia, labore delectus et itaque repellendus. Quia. Quod unde id
+		ipsum labore ex. Non quam, provident, excepturi expedita in, fuga repellendus quibusdam qui
+		numquam similique eaque corrupti exercitationem dolorem mollitia quas! Eius facere nihil
+		natus rerum saepe. Quos atque dolorem, eaque explicabo vel sequi, nam debitis nihil velit
+		adipisci libero praesentium. Modi blanditiis odio, quis explicabo minus vel sunt eius! Odit,
+		libero exercitationem dolore sequi odio assumenda. Cum nostrum iusto ratione excepturi
+		mollitia reiciendis illo eius quisquam veniam non sunt ullam, porro suscipit beatae nesciunt
+		temporibus optio quam tempora possimus. Facere, officia quasi tempora repudiandae quo rem!
+		Explicabo cum ratione sapiente. Obcaecati at enim delectus aperiam iure ex, dolore, quae, id
+		cupiditate quam facere similique perferendis voluptates vel ut. Dolorum delectus, officiis
+		placeat amet rerum inventore nesciunt! Qui voluptas dolor similique id ratione magnam quas
+		dolore ipsum dolores consectetur, error consequuntur nemo veniam tempora temporibus modi
+		fugiat, quam officia exercitationem iusto veritatis dicta magni. Doloribus, harum provident.
+		Veniam tempora quasi, pariatur omnis temporibus ipsam modi mollitia eum fuga tempore quia?
+		Vel aliquam odit aut a! Perspiciatis sint nisi quidem, fuga eligendi architecto porro quos
+		nemo ex provident! Modi nesciunt, aspernatur iure accusamus laborum incidunt? Suscipit amet
+		dolor nihil odio id blanditiis beatae quos harum. Quasi dolorum voluptatum eaque sed vero
+		cum. Impedit, esse. Voluptates tempora saepe repellendus! Quaerat quod animi suscipit error.
+		Similique quae eaque accusantium fugit sint vero voluptas alias quidem? Animi cumque
+		repudiandae quas deleniti ea repellat provident, esse, voluptatum nam dolore consequatur non
+		blanditiis? Qui reiciendis quidem dicta iusto minima aliquam, iste itaque illo dolor earum
+		eligendi, harum sed doloremque quo voluptatum amet consectetur at quod a officiis
+		perspiciatis! Debitis perferendis pariatur cum odio! Est eveniet commodi dolorem numquam
+		voluptatibus aliquid, unde accusamus, tempora laudantium consequatur autem repudiandae,
+		quaerat magnam ducimus atque hic facilis officiis aspernatur. Ducimus necessitatibus, labore
+		praesentium consectetur libero at voluptatibus. Consequatur repudiandae magnam sit
+		blanditiis impedit fugiat totam reiciendis facilis porro sapiente harum veniam in, quos
+		excepturi commodi perspiciatis ad voluptas! Perferendis cum nulla soluta ipsa at? Fugit,
+		dignissimos mollitia! Adipisci voluptatem molestiae doloribus alias quisquam neque commodi
+		incidunt libero maiores aut consequatur error corrupti, modi illo veritatis itaque numquam
+		facere eveniet? Tenetur consectetur ipsum excepturi quaerat, facilis labore modi? Alias
+		harum dolor tempora voluptatibus nam? Incidunt laborum debitis consequuntur, blanditiis
+		laudantium ad facilis laboriosam, cupiditate optio similique saepe a, praesentium veniam
+		dignissimos modi placeat reiciendis! Quia doloribus blanditiis labore. Suscipit dolorum
+		nobis incidunt voluptatibus fugiat minima nostrum natus cum, quas magni obcaecati qui
+		perspiciatis maxime, eligendi aperiam doloribus doloremque totam asperiores a labore!
+		Explicabo quaerat doloremque labore harum vitae!
+	</p>
+{/snippet}
diff --git a/platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.ts b/platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.ts
new file mode 100644
index 00000000..02ea5ca1
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Drawer/Drawer.stories.ts
@@ -0,0 +1,19 @@
+import type { ComponentProps } from 'svelte';
+import { Drawer } from '..';
+import { DrawerContent } from './Drawer.stories.snippet.svelte';
+
+export default {
+	title: 'UI/Drawer',
+	component: Drawer,
+	tags: ['autodocs'],
+	render: (args: { Component: Drawer; props: ComponentProps<typeof Drawer> }) => ({
+		Component: Drawer,
+		props: args
+	})
+};
+
+export const Main = {
+	args: {
+		children: DrawerContent
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/Drawer/Drawer.svelte b/platforms/blabsy/src/lib/fragments/Drawer/Drawer.svelte
new file mode 100644
index 00000000..e01b1ad4
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Drawer/Drawer.svelte
@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { onMount, type Snippet } from 'svelte';
+	import { CupertinoPane } from 'cupertino-pane';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils';
+	import { swipe } from 'svelte-gestures';
+	import type { SwipeCustomEvent } from 'svelte-gestures';
+
+	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
+		drawer?: CupertinoPane;
+		children?: Snippet;
+	}
+
+	let { drawer = $bindable(), children = undefined, ...restProps }: IDrawerProps = $props();
+
+	let drawerElement: HTMLElement;
+
+	function dismiss() {
+		if (drawer) drawer.destroy({ animate: true });
+	}
+
+	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
+		if (event.detail.direction === ('down' as string)) {
+			drawer?.destroy({ animate: true });
+		}
+	};
+
+	onMount(() => {
+		if (!drawerElement) return;
+		drawer = new CupertinoPane(drawerElement, {
+			showDraggable: false,
+			backdrop: true,
+			backdropBlur: true,
+			backdropOpacity: 0.4,
+			animationType: 'ease',
+			animationDuration: 300,
+			bottomClose: true,
+			buttonDestroy: false,
+			cssClass: '',
+			initialBreak: 'middle',
+			events: {
+				onBackdropTap: () => dismiss()
+			}
+		});
+	});
+</script>
+
+<div
+	bind:this={drawerElement}
+	{...restProps}
+	use:swipe={() => ({
+		timeframe: 300,
+		minSwipeDistance: 60
+	})}
+	onswipe={handleDrawerSwipe}
+	class={cn(restProps.class)}
+>
+	<div class="h-[100%] overflow-y-scroll">
+		{@render children?.()}
+	</div>
+</div>
+
+<style>
+	:global(.pane) {
+		border-top-left-radius: 32px !important;
+		border-top-right-radius: 32px !important;
+		padding: 20px !important;
+		scrollbar-width: none !important;
+		-ms-overflow-style: none !important;
+		::-webkit-scrollbar {
+			display: none !important;
+		}
+	}
+</style>
diff --git a/platforms/blabsy/src/lib/fragments/Header/Header.stories.ts b/platforms/blabsy/src/lib/fragments/Header/Header.stories.ts
new file mode 100644
index 00000000..597e9f58
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Header/Header.stories.ts
@@ -0,0 +1,52 @@
+import type { ComponentProps } from 'svelte';
+import Header from './Header.svelte';
+
+export default {
+	title: 'UI/Header',
+	component: Header,
+	tags: ['autodocs'],
+	render: (args: { Component: Header; props: ComponentProps<typeof Header> }) => ({
+		Component: Header,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {
+		variant: 'primary',
+		heading: 'metagram',
+		isCallBackNeeded: true,
+		callback: () => alert('clicked')
+	}
+};
+
+export const PrimaryWithNoFlash = {
+	args: {
+		variant: 'primary',
+		heading: 'messages'
+	}
+};
+
+export const Secondary = {
+	args: {
+		variant: 'secondary',
+		heading: 'Account'
+	}
+};
+
+export const SecondaryWithMenu = {
+	args: {
+		variant: 'secondary',
+		heading: 'Account',
+		isCallBackNeeded: true,
+		callback: () => alert('menu clicked')
+	}
+};
+
+export const Tertiary = {
+	args: {
+		variant: 'tertiary',
+		isCallBackNeeded: true,
+		callback: () => alert('clicked')
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/Header/Header.svelte b/platforms/blabsy/src/lib/fragments/Header/Header.svelte
new file mode 100644
index 00000000..b6e1781c
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Header/Header.svelte
@@ -0,0 +1,116 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import {
+		ArrowLeft01Icon,
+		ArrowLeft02Icon,
+		MoreVerticalIcon,
+		ZapIcon
+	} from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import ActionMenu from '../ActionMenu/ActionMenu.svelte';
+
+	interface IHeaderProps extends HTMLAttributes<HTMLElement> {
+		variant: 'primary' | 'secondary' | 'tertiary';
+		heading?: string;
+		isCallBackNeeded?: boolean;
+		callback?: () => void;
+		options?: { name: string; handler: () => void }[];
+	}
+
+	const { variant, isCallBackNeeded, callback, heading, options, ...restProps }: IHeaderProps =
+		$props();
+
+	const variantClasses = {
+		primary: {
+			text: 'text-transparent bg-clip-text bg-[image:var(--color-brand-gradient)] py-2',
+			background: ''
+		},
+		secondary: {
+			text: '',
+			background: ''
+		},
+		tertiary: {
+			text: '',
+			background: 'bg-white/60'
+		}
+	};
+
+	const backButton = {
+		secondary: ArrowLeft01Icon,
+		tertiary: ArrowLeft02Icon
+	};
+
+	const menuButton = {
+		primary: ZapIcon,
+		secondary: MoreVerticalIcon,
+		tertiary: MoreVerticalIcon
+	};
+
+	const classes = $derived({
+		common: cn(
+			'flex items-center justify-between my-4 w-full pb-2 border-b-[1px] md:border-0 border-grey'
+		),
+		text: variantClasses[variant].text,
+		background: variantClasses[variant].background
+	});
+
+	const backButtonCallback = () => {
+		window.history.back();
+	};
+</script>
+
+<header {...restProps} class={cn([classes.common, restProps.class])}>
+	<span class="flex items-center gap-2">
+		{#if variant !== 'primary'}
+			<button
+				class={cn([
+					'cursor-pointer rounded-full p-2 hover:bg-gray-100',
+					classes.background
+				])}
+				onclick={backButtonCallback}
+			>
+				<HugeiconsIcon
+					icon={backButton[variant]}
+					size={24}
+					color="var(--color-black-500)"
+				/>
+			</button>
+		{/if}
+		{#if variant !== 'tertiary'}
+			<h1 class={cn([classes.text])}>
+				{heading}
+			</h1>
+		{/if}
+	</span>
+	{#if isCallBackNeeded}
+		<button
+			class={cn(['cursor-pointer rounded-full p-2 hover:bg-gray-100', classes.background])}
+			onclick={callback}
+		>
+			<HugeiconsIcon icon={menuButton[variant]} size={24} color="var(--color-black-500)" />
+		</button>
+	{:else if variant === 'secondary' && options}
+		<ActionMenu {options} />
+	{/if}
+</header>
+
+<!--
+@component
+@name Header
+@description Header fragment.
+@props
+    - variant: Can be 'primary' for home screen header with a flash, 'secondary' without flash, or 'tertiary'.
+    - heading: The main heading text.
+    - callback: A function to be called when the header is clicked.
+@usage
+    <script>
+        import { Header } from "$lib/fragments";
+    </script>
+
+    <Header variant="primary" heading="metagram" callback={() => alert("clicked")} />
+    <Header variant="primary" heading="messages" />
+    <Header variant="secondary" heading="Account"  />
+    <Header variant="secondary" heading="Account" callback={() => alert("clicked")} />
+    <Header variant="tertiary" callback={() => alert("clicked")}  />
+-->
diff --git a/platforms/blabsy/src/lib/fragments/InputFile/InputFile.stories.ts b/platforms/blabsy/src/lib/fragments/InputFile/InputFile.stories.ts
new file mode 100644
index 00000000..d0d9bf93
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/InputFile/InputFile.stories.ts
@@ -0,0 +1,15 @@
+import { InputFile } from '..';
+
+export default {
+	title: 'UI/InputFile',
+	component: InputFile,
+	tags: ['autodocs'],
+	render: (args: { type: string; placeholder: string; helperText: string }) => ({
+		Component: InputFile,
+		props: args
+	})
+};
+
+export const Main = {
+	args: {}
+};
diff --git a/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte b/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte
new file mode 100644
index 00000000..9b8c5dce
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte
@@ -0,0 +1,84 @@
+<script lang="ts">
+	import { Album01Icon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+
+	interface IInputFileProps {
+		files: FileList | undefined;
+		accept: string;
+		label: string;
+		cancelLabel: string;
+		oncancel: () => void;
+	}
+
+	let {
+		files = $bindable(),
+		accept = 'image/*',
+		label = 'Click to upload a photo',
+		cancelLabel = 'Delete upload',
+		oncancel
+	}: IInputFileProps = $props();
+
+	const uniqueId = Math.random().toString().split('.')[1];
+	let inputFile: HTMLInputElement | undefined = $state();
+</script>
+
+<input id={uniqueId} type="file" bind:files class="hidden" {accept} bind:this={inputFile} />
+
+<label
+	for={uniqueId}
+	class="bg-grey text-black-400 font-geist flex h-[158px] w-full items-center justify-center rounded-4xl text-base font-normal"
+>
+	{#if files}
+		<div class="flex flex-col items-center gap-2">
+			<HugeiconsIcon size="24px" icon={Album01Icon} color="var(--color-black-600)" />
+			<h3 class="text-black-800">{files[0].name.slice(0, 10) + '...'}</h3>
+			<button
+				type="button"
+				{oncancel}
+				class="text-brand-burnt-orange underline decoration-solid"
+			>
+				{cancelLabel}
+			</button>
+		</div>
+	{:else}
+		<div class="flex flex-col items-center gap-2">
+			<HugeiconsIcon size="24px" icon={Album01Icon} color="var(--color-black-600)" />
+			{label}
+		</div>
+	{/if}
+</label>
+
+<!--
+	@component
+	export default InputFile;
+	@description
+	A styled file input component with a custom label, file preview, and a cancel button. 
+	Supports binding file selection and a cancel handler.
+
+	@props
+	- files: The bound FileList or undefined.
+	- accept: The accepted file types (default: "image/*").
+	- label: Label text shown when no file is selected (default: "Click to upload a photo").
+	- cancelLabel: Text for the cancel button (default: "Delete upload").
+	- oncancel: Function called when user clicks the cancel button.
+
+	@usage
+	```html
+	<script lang="ts">
+		import InputFile from './InputFile.svelte';
+		let files: FileList | undefined;
+
+		function handleCancel() {
+			files = undefined;
+		}
+	</script>
+
+	<InputFile
+		bind:files
+		accept="image/png, image/jpeg"
+		label="Upload your profile photo"
+		cancelLabel="Remove"
+		oncancel={handleCancel}
+	/>
+	```
+-->
diff --git a/platforms/blabsy/src/lib/fragments/Message/Message.stories.ts b/platforms/blabsy/src/lib/fragments/Message/Message.stories.ts
new file mode 100644
index 00000000..d2c8a074
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Message/Message.stories.ts
@@ -0,0 +1,32 @@
+import type { ComponentProps } from 'svelte';
+import Message from './Message.svelte';
+
+export default {
+	title: 'UI/Message',
+	component: Message,
+	tags: ['autodocs'],
+	render: (args: { Component: Message; props: ComponentProps<typeof Message> }) => ({
+		Component: Message,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {
+		avatar: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		username: 'donaldthefirstt',
+		text: 'i was thinking of making it to the conference so we could take some more fire pictures like last time',
+		unread: false,
+		callback: () => alert('Message clicked')
+	}
+};
+
+export const Unread = {
+	args: {
+		avatar: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		username: 'donaldthefirstt',
+		text: 'i was thinking of making it to the conference so we could take some more fire pictures like last time',
+		unread: true,
+		callback: () => alert('Message clicked')
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/Message/Message.svelte b/platforms/blabsy/src/lib/fragments/Message/Message.svelte
new file mode 100644
index 00000000..0d704f1e
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Message/Message.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import Avatar from '../../ui/Avatar/Avatar.svelte';
+	import { cn } from '../../utils';
+
+	interface IMessageProps extends HTMLAttributes<HTMLButtonElement> {
+		avatar: string;
+		username: string;
+		text: string;
+		unread?: boolean;
+		callback: () => void;
+	}
+
+	const {
+		avatar,
+		username,
+		text,
+		unread = false,
+		callback,
+		...restProps
+	}: IMessageProps = $props();
+
+	const messageText = $derived(text.length < 80 ? text : `${text.substring(0, 80)}...`);
+</script>
+
+<button
+	{...restProps}
+	class={cn([
+		'relative flex w-full cursor-pointer items-center gap-2 rounded-lg py-4',
+		restProps.class
+	])}
+	onclick={callback}
+>
+	<Avatar src={avatar} alt="User Avatar" size="md" />
+	<span class="flex w-full flex-col items-start justify-end gap-1">
+		<span class="flex w-full items-center justify-between">
+			<h2>{username}</h2>
+			{#if unread}
+				<span class="h-2 w-2 rounded-full bg-blue-500"></span>
+			{/if}
+		</span>
+		<p class="text-start text-black/60">{messageText}</p>
+	</span>
+</button>
+
+<!--
+@component
+@name Message
+@description A message component that displays a user's avatar, username, and message text. It also includes an optional unread indicator.
+@props
+    - avatar: string - The URL of the user's avatar image.
+    - username: string - The name of the user.
+    - text: string - The message text.
+    - unread: boolean - Optional. Indicates if the message is unread. Defaults to false.
+    - callback: () => void - Function to call when the message is clicked.
+@usage
+    <script>
+        import { Message } from '$lib/ui';
+    </script>
+
+    <Message
+        avatar="https://example.com/avatar.jpg"
+        username="John Doe"
+        text="Hello, how are you?"
+        unread={true}
+        callback={() => console.log('Message clicked')}
+    />
+-->
diff --git a/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.stories.ts b/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.stories.ts
new file mode 100644
index 00000000..2b4d51d1
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.stories.ts
@@ -0,0 +1,29 @@
+import type { ComponentProps } from 'svelte';
+import MessageInput from './MessageInput.svelte';
+
+export default {
+	title: 'UI/MessageInput',
+	component: MessageInput,
+	tags: ['autodocs'],
+	render: (args: { Component: MessageInput; props: ComponentProps<typeof MessageInput> }) => ({
+		Component: MessageInput,
+		props: args
+	})
+};
+
+export const Comment = {
+	args: {
+		variant: 'comment',
+		placeholder: 'Write your comment',
+		handleSend: () => alert('sent')
+	}
+};
+
+export const Dm = {
+	args: {
+		variant: 'dm',
+		placeholder: 'Write your message',
+		handleAdd: () => alert('add'),
+		handleSend: () => alert('sent')
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte b/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte
new file mode 100644
index 00000000..02b5a9e7
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+	import { Avatar, Input } from '$lib/ui';
+	import { cn } from '$lib/utils';
+	import { PlusSignIcon, SentIcon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IMessageInputProps extends HTMLAttributes<HTMLElement> {
+		variant: 'comment' | 'dm';
+		input?: HTMLInputElement;
+		src: string;
+		value: string;
+		placeholder?: string;
+		files?: FileList | undefined;
+		handleAdd?: () => void;
+		handleSend: () => Promise<void>;
+	}
+
+	let {
+		variant = 'comment',
+		src = 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		value = $bindable(),
+		input = $bindable(),
+		placeholder,
+		files = $bindable(),
+		handleAdd,
+		handleSend,
+		...restProps
+	}: IMessageInputProps = $props();
+
+	let fileInput: HTMLInputElement | undefined = $state();
+
+	const cBase = 'flex items-center justify-between gap-2';
+</script>
+
+<div {...restProps} class={cn([cBase, restProps.class].join(' '))}>
+	{#if variant === 'comment'}
+		<Avatar size="sm" {src} />
+	{:else}
+		<!-- svelte-ignore a11y_click_events_have_key_events -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<input
+			id="add-image"
+			type="file"
+			class="hidden"
+			accept="image/*"
+			bind:files
+			bind:this={fileInput}
+		/>
+		<button
+			type="button"
+			class="flex aspect-square h-13 w-13 items-center justify-center rounded-full border-0 bg-black p-0"
+			aria-label="add-image"
+			onclick={() => fileInput?.click()}
+		>
+			<HugeiconsIcon size="24px" icon={PlusSignIcon} color="var(--color-black-400)" />
+		</button>
+	{/if}
+	<Input type="text" bind:input bind:value class="bg-[#2d2d2d] text-white" {placeholder} />
+	<!-- svelte-ignore a11y_click_events_have_key_events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="flex aspect-square h-13 w-13 items-center justify-center rounded-full bg-[#2d2d2d]"
+		onclick={handleSend}
+	>
+		<HugeiconsIcon size="24px" icon={SentIcon} color="var(--color-black-400)" />
+	</div>
+</div>
diff --git a/platforms/blabsy/src/lib/fragments/Modal/Modal.stories.snippet.svelte b/platforms/blabsy/src/lib/fragments/Modal/Modal.stories.snippet.svelte
new file mode 100644
index 00000000..6ac5d57d
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Modal/Modal.stories.snippet.svelte
@@ -0,0 +1,11 @@
+<script module>
+	export { ModalContent };
+</script>
+
+{#snippet ModalContent()}
+	<p>
+		Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam rem ipsum possimus maxime
+		modi laborum inventore autem cupiditate, voluptas ex quas, eaque accusantium ipsam natus
+		sapiente libero fuga temporibus eligendi.
+	</p>
+{/snippet}
diff --git a/platforms/blabsy/src/lib/fragments/Modal/Modal.stories.ts b/platforms/blabsy/src/lib/fragments/Modal/Modal.stories.ts
new file mode 100644
index 00000000..1d253c83
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Modal/Modal.stories.ts
@@ -0,0 +1,19 @@
+import type { ComponentProps } from 'svelte';
+import { Modal } from '..';
+import { ModalContent } from './Modal.stories.snippet.svelte';
+
+export default {
+	title: 'UI/Modal',
+	component: Modal,
+	tags: ['autodocs'],
+	render: (args: { Component: Modal; props: ComponentProps<typeof Modal> }) => ({
+		Component: Modal,
+		props: args
+	})
+};
+
+export const Main = {
+	args: {
+		children: ModalContent
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/Modal/Modal.svelte b/platforms/blabsy/src/lib/fragments/Modal/Modal.svelte
new file mode 100644
index 00000000..ff99a6f9
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Modal/Modal.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+	import { onMount, type Snippet } from 'svelte';
+	import { CupertinoPane } from 'cupertino-pane';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils';
+
+	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
+		modalEl?: HTMLDivElement;
+		paneModal?: CupertinoPane;
+		children?: Snippet;
+	}
+
+	let {
+		modalEl = $bindable(),
+		paneModal = $bindable(),
+		children = undefined,
+		...restProps
+	}: IDrawerProps = $props();
+
+	function present() {
+		if (paneModal) paneModal.present({ animate: true });
+	}
+
+	function dismiss() {
+		if (paneModal) paneModal.destroy({ animate: true });
+	}
+
+	onMount(() => {
+		if (modalEl)
+			paneModal = new CupertinoPane(modalEl, {
+				modal: true,
+				backdrop: true,
+				backdropOpacity: 0.4,
+				fitHeight: true,
+				showDraggable: true,
+				buttonDestroy: false,
+				breaks: {
+					bottom: { enabled: true, height: 250 }
+				},
+				initialBreak: 'bottom',
+				cssClass: 'modal',
+				events: {
+					onBackdropTap: () => dismiss()
+				}
+			});
+
+		present();
+
+		return () => {
+			if (paneModal) paneModal.destroy({ animate: false });
+		};
+	});
+</script>
+
+<div bind:this={modalEl} {...restProps} class={cn(restProps.class)}>
+	{#if children}
+		{@render children?.()}
+	{/if}
+</div>
+
+<style>
+	:global(.modal .pane) {
+		width: 95% !important;
+		max-height: 300px !important;
+		min-height: 100px !important;
+		height: auto !important;
+		position: fixed !important;
+		bottom: 30px !important;
+		left: 50% !important;
+		transform: translateX(-50%) !important;
+		border-radius: 32px !important;
+		padding: 20px !important;
+		background-color: var(--color-white) !important;
+		overflow: scroll !important;
+		scrollbar-width: none !important;
+		-ms-overflow-style: none !important;
+		::-webkit-scrollbar {
+			display: none !important;
+		}
+	}
+</style>
diff --git a/platforms/blabsy/src/lib/fragments/Post/Post.stories.ts b/platforms/blabsy/src/lib/fragments/Post/Post.stories.ts
new file mode 100644
index 00000000..c48995ef
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Post/Post.stories.ts
@@ -0,0 +1,41 @@
+import type { ComponentProps } from 'svelte';
+import Post from './Post.svelte';
+
+export default {
+	title: 'ui/Post',
+	component: Post,
+	tags: ['autodocs'],
+	render: (args: { Component: Post; props: ComponentProps<typeof Post> }) => ({
+		Component: Post,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {
+		avatar: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		username: 'blurryface',
+		imgUris: [
+			'https://graphicsfamily.com/wp-content/uploads/edd/2023/01/Free-Photographer-Social-Media-Post-Design-Template-870x870.jpg',
+			'https://picsum.photos/200'
+		],
+		postAlt: 'Sample',
+		text: 'Took some pictures today! Really love how this one in particular turned out! ',
+		time: '2 hours ago',
+		count: {
+			likes: 100,
+			comments: 50
+		},
+		callback: {
+			like: () => {
+				alert('Like clicked');
+			},
+			comment: () => {
+				alert('Comment clicked');
+			},
+			menu: () => {
+				alert('Menu clicked');
+			}
+		}
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/Post/Post.svelte b/platforms/blabsy/src/lib/fragments/Post/Post.svelte
new file mode 100644
index 00000000..ad9200e7
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Post/Post.svelte
@@ -0,0 +1,186 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { Avatar } from '$lib/ui';
+	import { cn } from '$lib/utils';
+	import {
+		ArrowLeftIcon,
+		ArrowRightIcon,
+		Message02Icon,
+		MoreVerticalIcon,
+		RecordIcon,
+		FavouriteIcon
+	} from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IPostProps extends HTMLAttributes<HTMLElement> {
+		avatar: string;
+		username: string;
+		userId: string;
+		imgUris: string[];
+		caption: string;
+		count: {
+			likes: number;
+			comments: number;
+		};
+		callback: {
+			menu: () => void;
+			like: () => void;
+			comment: () => void;
+		};
+		time: string;
+	}
+
+	function pairAndJoinChunks(chunks: string[]): string[] {
+		const result: string[] = [];
+
+		for (let i = 0; i < chunks.length; i += 2) {
+			const dataPart = chunks[i];
+			const chunkPart = chunks[i + 1];
+
+			if (dataPart && chunkPart) {
+				result.push(dataPart + ',' + chunkPart);
+			} else {
+				console.warn(`Skipping incomplete pair at index ${i}`);
+			}
+		}
+
+		return result;
+	}
+
+	const {
+		avatar,
+		username,
+		imgUris: uris,
+		text,
+		count,
+		callback,
+		time,
+		...restProps
+	}: IPostProps = $props();
+
+	let imgUris = $derived.by(() => pairAndJoinChunks(uris));
+
+	let galleryRef: HTMLDivElement;
+	let currentIndex = $state(0);
+
+	function scrollLeft() {
+		if (!galleryRef) return;
+		galleryRef.scrollBy({ left: -galleryRef.clientWidth, behavior: 'smooth' });
+	}
+
+	function scrollRight() {
+		if (!galleryRef) return;
+		galleryRef.scrollBy({ left: galleryRef.clientWidth, behavior: 'smooth' });
+	}
+
+	function handleScroll() {
+		if (!galleryRef) return;
+		const scrollLeft = galleryRef.scrollLeft;
+		const galleryWidth = galleryRef.clientWidth;
+		const newIndex = Math.round(scrollLeft / galleryWidth);
+		currentIndex = newIndex;
+	}
+
+	function handleImageError(event: Event) {
+		const img = event.target as HTMLImageElement;
+		img.src = 'https://picsum.photos/200';
+	}
+</script>
+
+<article {...restProps} class={cn(['flex w-full flex-col gap-4', restProps.class])}>
+	<div class="flex w-full items-center justify-between">
+		<!-- svelte-ignore a11y_click_events_have_key_events -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div
+			class="flex items-center justify-between gap-2"
+			onclick={() => goto(`/profile/${userId}`)}
+		>
+			<Avatar src={avatar ?? 'https://picsum.photos/200/200'} alt={username} size="sm"
+			></Avatar>
+			<h2>{username}</h2>
+		</div>
+		<button onclick={callback.menu} class="cursor-pointer rounded-full p-2 hover:bg-gray-100">
+			<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="var(--color-black-500)" />
+		</button>
+	</div>
+	<div class="relative">
+		{#if imgUris.length > 1}
+			<button
+				onclick={scrollLeft}
+				class="absolute start-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+			>
+				<HugeiconsIcon icon={ArrowLeftIcon} size={20} color="black" />
+			</button>
+		{/if}
+		<div class="mb-8">
+			<p class="text-2xl text-white">{text}</p>
+			<p class="text-white/60">{time}</p>
+		</div>
+		{#if imgUris.length > 0}
+			<div
+				bind:this={galleryRef}
+				onscroll={handleScroll}
+				class="hide-scrollbar flex aspect-[4/5] snap-x snap-mandatory flex-nowrap gap-2 overflow-hidden overflow-x-scroll md:aspect-[16/9]"
+			>
+				{#each imgUris as img}
+					<div class="aspect-[4/5] h-full w-full snap-center md:aspect-[16/9]">
+						<img
+							src={img}
+							alt={text}
+							class="h-full w-full object-cover"
+							onerror={handleImageError}
+						/>
+					</div>
+				{/each}
+			</div>
+		{/if}
+		{#if imgUris.length > 1}
+			<div
+				class="absolute start-[50%] bottom-4 mt-2 flex translate-x-[-50%] items-center justify-center gap-1"
+			>
+				{#if imgUris.length > 1}
+					<div class="mt-2 flex items-center justify-center gap-1">
+						{#each imgUris as _, i}
+							<div
+								class={`h-1.5 w-1.5  ${currentIndex === i ? 'bg-white' : 'bg-black-600'}`}
+							></div>
+						{/each}
+					</div>
+				{/if}
+			</div>
+		{/if}
+		{#if imgUris.length > 1}
+			<button
+				onclick={scrollRight}
+				class="absolute end-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+			>
+				<HugeiconsIcon icon={ArrowRightIcon} size={20} color="black" />
+			</button>
+		{/if}
+	</div>
+
+	<div
+		class="border-bottom-2 border-grey-100 flex w-full items-center
+        justify-between"
+	>
+		<div class="flex gap-4">
+			<button
+				class="100 cursor-pointer rounded-2xl bg-[#2d2d2d] px-4 py-3"
+				onclick={callback.like}
+			>
+				<HugeiconsIcon icon={FavouriteIcon} size={24} strokeWidth={3} />
+			</button>
+			<button
+				class="cursor-pointer rounded-2xl bg-[#2d2d2d] px-4 py-3"
+				onclick={callback.comment}
+			>
+				<HugeiconsIcon icon={Message02Icon} size={24} color="var(--color-black-500)" />
+			</button>
+		</div>
+	</div>
+	<div class="flex gap-3 border-b-1 border-b-black pb-10 text-lg text-black/40">
+		<p class="subtext text-black-400">{count.likes} likes</p>
+		<p class="subtext text-black-400">{count.comments} comments</p>
+	</div>
+</article>
diff --git a/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte b/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
new file mode 100644
index 00000000..f1d48220
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import type { PostData, userProfile } from '$lib/types';
+	import { Button } from '$lib/ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IProfileProps extends HTMLAttributes<HTMLElement> {
+		variant: 'user' | 'other';
+		profileData: userProfile;
+		handleEdit?: () => Promise<void>;
+		handleFollow?: () => Promise<void>;
+		handleMessage?: () => Promise<void>;
+		handleSinglePost?: (post: PostData) => void;
+	}
+
+	const {
+		variant = 'user',
+		profileData,
+		handleEdit,
+		handleFollow,
+		handleMessage,
+		handleSinglePost,
+		...restProps
+	}: IProfileProps = $props();
+</script>
+
+<div {...restProps} class="flex h-screen w-full flex-col items-center gap-4">
+	<div class="flex flex-col items-center gap-4 p-4">
+		<img class="size-28 rounded-full" src={profileData.avatar} alt="" />
+		<div class="flex flex-col items-center gap-2">
+			<p class="font-semibold">{profileData.userId}</p>
+			<p class="text-black-600">{profileData.username}</p>
+		</div>
+		<div class="text-black-600 flex gap-4">
+			<p><span class="font-semibold text-black">{profileData.followers}</span> followers</p>
+			<p><span class="font-semibold text-black">{profileData.following}</span> following</p>
+			<p><span class="font-semibold text-black">{profileData.totalPosts}</span> posts</p>
+		</div>
+		<div class="text-black-600 text-center text-sm md:px-12">
+			{profileData.userBio}
+		</div>
+		<div class="flex w-full gap-3">
+			{#if variant === 'user'}
+				<div class="flex w-full justify-around">
+					<Button size="sm" class="w-full md:w-[50%]" callback={handleEdit}>
+						Edit Profile
+					</Button>
+				</div>
+				<div class="w-full md:hidden">
+					<Button size="sm" callback={() => goto(`/settings`)}>Settings</Button>
+				</div>
+			{:else if variant === 'other'}
+				<div class="flex w-full justify-around">
+					<Button size="sm" class="w-full md:w-[50%]" callback={handleFollow}>
+						Follow
+					</Button>
+				</div>
+				<div class="w-full md:hidden">
+					<Button size="sm" callback={handleMessage}>Message</Button>
+				</div>
+			{/if}
+		</div>
+	</div>
+	<div class="grid grid-cols-3 gap-[2px] pb-16">
+		{#each profileData.posts as post}
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<div
+				onclick={() => {
+					handleSinglePost && handleSinglePost(post);
+				}}
+			>
+				<img
+					class="aspect-square w-48 rounded-md object-cover md:max-w-56"
+					src={post.imgUris[0]}
+					alt="user post"
+				/>
+			</div>
+		{/each}
+	</div>
+</div>
diff --git a/platforms/blabsy/src/lib/fragments/RightAside/RightAside.svelte b/platforms/blabsy/src/lib/fragments/RightAside/RightAside.svelte
new file mode 100644
index 00000000..ed40f706
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/RightAside/RightAside.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { Header } from '..';
+
+	interface IRightAsideProps extends HTMLAttributes<HTMLElement> {
+		header: Snippet;
+		asideContent: Snippet;
+	}
+	let { header, asideContent, ...restProps }: IRightAsideProps = $props();
+</script>
+
+<aside {...restProps} class="hidden border border-y-0 border-s-gray-200 md:block md:pt-13">
+	<div class="mx-5">
+		<h2 class="mb-10 text-lg font-semibold">
+			{@render header?.()}
+		</h2>
+		<div>
+			{@render asideContent?.()}
+		</div>
+	</div>
+</aside>
diff --git a/platforms/blabsy/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte b/platforms/blabsy/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte
new file mode 100644
index 00000000..17ddffca
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SettingsDeleteButton/SettingsDeleteButton.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import { Delete02Icon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface ISettingsDeleteButtonProps extends HTMLAttributes<HTMLElement> {
+		children: Snippet;
+		onclick: () => void;
+	}
+
+	let { children, onclick, ...restProps }: ISettingsDeleteButtonProps = $props();
+
+	const cBase = 'flex w-full items-center justify-between';
+</script>
+
+<div {...restProps} class={cn([cBase, restProps.class].join(' '))}>
+	<div class="flex items-center gap-2">
+		<h3 class="text-black-800 text-base">
+			{@render children?.()}
+		</h3>
+	</div>
+	<button class="cursor-pointer" {onclick}>
+		<HugeiconsIcon icon={Delete02Icon} color="var(--color-black-400)" />
+	</button>
+</div>
diff --git a/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte b/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte
new file mode 100644
index 00000000..e9b61065
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.snippet.svelte
@@ -0,0 +1,14 @@
+<script module>
+	import { Shield02Icon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+
+	export { ButtonText, ButtonIcon };
+</script>
+
+{#snippet ButtonText()}
+	Settings Button
+{/snippet}
+
+{#snippet ButtonIcon()}
+	<HugeiconsIcon size="24px" icon={Shield02Icon} color="var(--color-brand-burnt-orange)" />
+{/snippet}
diff --git a/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts b/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts
new file mode 100644
index 00000000..ce182577
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.stories.ts
@@ -0,0 +1,42 @@
+import type { ComponentProps } from 'svelte';
+import { SettingsNavigationButton } from '..';
+import { ButtonIcon, ButtonText } from './SettingsNavigationButton.stories.snippet.svelte';
+
+export default {
+	title: 'UI/SettingsNavigationButton',
+	component: SettingsNavigationButton,
+	tags: ['autodocs'],
+	render: (args: {
+		Component: SettingsNavigationButton;
+		props: ComponentProps<typeof SettingsNavigationButton>;
+	}) => ({
+		Component: SettingsNavigationButton,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {
+		children: ButtonText,
+		leadingIcon: ButtonIcon,
+		onclick: () => alert('clicked'),
+		hasTrailingIcon: true
+	}
+};
+export const ProfileSrc = {
+	args: {
+		children: ButtonText,
+		profileSrc: 'https://picsum.photos/200/300',
+		onclick: () => alert('clicked'),
+		hasTrailingIcon: true
+	}
+};
+
+export const Secondary = {
+	args: {
+		children: ButtonText,
+		leadingIcon: ButtonIcon,
+		onclick: () => alert('clicked'),
+		hasTrailingIcon: false
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte b/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte
new file mode 100644
index 00000000..fda243ca
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import { ArrowRight01Icon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+
+	interface ISettingsNaviationButtonProps extends HTMLButtonAttributes {
+		leadingIcon?: Snippet;
+		profileSrc?: string;
+		children: Snippet;
+		onclick?: () => void;
+		hasTrailingIcon?: boolean;
+	}
+
+	let {
+		leadingIcon,
+		profileSrc,
+		children,
+		onclick,
+		hasTrailingIcon = true,
+		...restProps
+	}: ISettingsNaviationButtonProps = $props();
+
+	const cBase = 'flex w-full items-center justify-between';
+</script>
+
+<button {...restProps} class={cn([cBase, restProps.class].join(' '))} {onclick}>
+	<div class="flex items-center gap-2">
+		{#if leadingIcon}
+			<div
+				class="bg-brand-burnt-orange-100 flex size-8 items-center justify-center rounded-full md:size-10"
+			>
+				{@render leadingIcon?.()}
+			</div>
+		{/if}
+		{#if profileSrc}
+			<img
+				width="24px"
+				height="24px"
+				class="flex aspect-square size-10 items-center justify-center rounded-full md:size-12"
+				src={profileSrc}
+				alt=""
+			/>
+		{/if}
+		<h3 class="text-black-800 text-start text-base">
+			{@render children?.()}
+		</h3>
+	</div>
+	{#if hasTrailingIcon}
+		<HugeiconsIcon icon={ArrowRight01Icon} color="var(--color-black-400)" />
+	{/if}
+</button>
diff --git a/platforms/blabsy/src/lib/fragments/SettingsPage/SettingsPage.svelte b/platforms/blabsy/src/lib/fragments/SettingsPage/SettingsPage.svelte
new file mode 100644
index 00000000..4697280f
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SettingsPage/SettingsPage.svelte
@@ -0,0 +1,84 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import SettingsNavigationButton from '$lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte';
+	import {
+		DatabaseIcon,
+		Logout01Icon,
+		Notification02FreeIcons
+	} from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let route = $derived(page.url.pathname);
+
+	interface ISettingsPageProps extends HTMLAttributes<HTMLElement> {
+		username: string;
+		userEmail: string;
+	}
+	let { username, userEmail }: ISettingsPageProps = $props();
+</script>
+
+<div class="bg-grey rounded-xl p-3 md:p-5">
+	<SettingsNavigationButton
+		onclick={() => goto(`/settings/account`)}
+		profileSrc="https://picsum.photos/200/300"
+	>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-lg">{username}</h2>
+				<p class="text-sm">{userEmail}</p>
+			</div>
+		{/snippet}
+	</SettingsNavigationButton>
+</div>
+<hr class="text-grey" />
+<div class="flex flex-col gap-3">
+	<h3 class="text-brand-burnt-orange text-base font-semibold">Personalisation</h3>
+	<div class="{route === `/settings/notifications` ? 'bg-grey' : ''} rounded-xl p-2">
+		<SettingsNavigationButton onclick={() => goto(`/settings/notifications`)}>
+			{#snippet leadingIcon()}
+				<HugeiconsIcon
+					size="24px"
+					icon={Notification02FreeIcons}
+					color="var(--color-brand-burnt-orange)"
+				/>
+			{/snippet}
+			{#snippet children()}
+				Notifications
+			{/snippet}
+		</SettingsNavigationButton>
+	</div>
+</div>
+<hr class="text-grey" />
+<div class="flex flex-col gap-3">
+	<h3 class="text-brand-burnt-orange text-base font-semibold">System</h3>
+	<div class="{route === `/settings/data-and-storage` ? 'bg-grey' : ''} rounded-xl p-2">
+		<SettingsNavigationButton onclick={() => goto(`/settings/data-and-storage`)}>
+			{#snippet leadingIcon()}
+				<HugeiconsIcon
+					size="24px"
+					icon={DatabaseIcon}
+					color="var(--color-brand-burnt-orange)"
+				/>
+			{/snippet}
+			{#snippet children()}
+				Data & Storage
+			{/snippet}
+		</SettingsNavigationButton>
+	</div>
+	<div class="{route === `/settings/logout` ? 'bg-grey' : ''} rounded-xl p-2">
+		<SettingsNavigationButton onclick={() => goto(`/settings/logout`)}>
+			{#snippet leadingIcon()}
+				<HugeiconsIcon
+					size="24px"
+					icon={Logout01Icon}
+					color="var(--color-brand-burnt-orange)"
+				/>
+			{/snippet}
+			{#snippet children()}
+				Logout
+			{/snippet}
+		</SettingsNavigationButton>
+	</div>
+</div>
diff --git a/platforms/blabsy/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte b/platforms/blabsy/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte
new file mode 100644
index 00000000..582e6cc5
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SettingsToggleButton/SettingsToggleButton.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Toggle } from '$lib/ui';
+	import { cn } from '$lib/utils';
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+
+	interface ISettingsToggleButtonProps extends HTMLButtonAttributes {
+		children: Snippet;
+		checked: boolean;
+	}
+
+	let { children, onclick, checked, ...restProps }: ISettingsToggleButtonProps = $props();
+
+	const cBase = 'flex w-full items-center justify-between';
+</script>
+
+<button {...restProps} class={cn([cBase, restProps.class].join(' '))} {onclick}>
+	<div class="flex items-center gap-2">
+		<h3 class="text-black-800 text-base">
+			{@render children?.()}
+		</h3>
+	</div>
+	<Toggle {checked}></Toggle>
+</button>
diff --git a/platforms/blabsy/src/lib/fragments/SideBar/SideBar.stories.ts b/platforms/blabsy/src/lib/fragments/SideBar/SideBar.stories.ts
new file mode 100644
index 00000000..428afba8
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SideBar/SideBar.stories.ts
@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'svelte';
+import { SideBar } from '..';
+
+export default {
+	title: 'UI/SideBar',
+	component: SideBar,
+	tags: ['autodocs'],
+	render: (args: { Component: SideBar; props: ComponentProps<typeof SideBar> }) => ({
+		Component: SideBar,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {}
+};
diff --git a/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte b/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte
new file mode 100644
index 00000000..1a49bc02
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte
@@ -0,0 +1,174 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { Home, CommentsTwo, Search, Settings } from '$lib/icons';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import Button from '$lib/ui/Button/Button.svelte';
+	import { cn } from '$lib/utils';
+	import { ownerId } from '$lib/store/store.svelte';
+
+	interface ISideBarProps extends HTMLAttributes<HTMLElement> {
+		activeTab?: string;
+		profileSrc: string;
+		handlePost?: () => Promise<void>;
+	}
+	let {
+		activeTab = $bindable('home'),
+		profileSrc = 'https://picsum.photos/200',
+		handlePost,
+		...restProps
+	}: ISideBarProps = $props();
+
+	$effect(() => {
+		const pathname = page.url.pathname;
+		if (pathname.includes('/home')) {
+			activeTab = 'home';
+		} else if (pathname.includes('/discover')) {
+			activeTab = 'discover';
+		} else if (pathname.includes('/messages')) {
+			activeTab = 'messages';
+		} else if (pathname.includes('/settings')) {
+			activeTab = 'settings';
+		} else if (pathname.includes('/profile')) {
+			activeTab = 'profile';
+		} else {
+			activeTab = '';
+		}
+	});
+
+	const cBase =
+		'hidden h-screen border border-y-0 border-e-black py-14 md:flex md:justify-center';
+</script>
+
+<!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
+<nav
+	{...restProps}
+	aria-label="Main navigation"
+	class={cn([cBase, restProps.class].join(' '))}
+	role="tablist"
+>
+	<div class="flex flex-col items-start justify-start gap-12">
+		<h1 class="bg-[image:var(--color-brand-gradient)] bg-clip-text text-transparent">Blabsy</h1>
+		<button
+			type="button"
+			class="flex items-center gap-2"
+			aria-current={activeTab === 'home' ? 'page' : undefined}
+			onclick={() => {
+				activeTab = 'home';
+				goto('/home');
+			}}
+		>
+			<Home
+				size="24px"
+				color={activeTab === 'home'
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-400)'}
+				fill={activeTab === 'home' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+			/>
+			<h3
+				class={`${activeTab === 'home' ? 'text-brand-burnt-orange' : 'text-black-800'} mt-[4px]`}
+			>
+				Feed
+			</h3>
+		</button>
+
+		<button
+			type="button"
+			class="flex items-center gap-2"
+			aria-current={activeTab === 'discover' ? 'page' : undefined}
+			onclick={() => {
+				activeTab = 'discover';
+				goto('/discover');
+			}}
+		>
+			<Search
+				size="24px"
+				color={activeTab === 'discover'
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-400)'}
+				fill={activeTab === 'discover' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+			/>
+			<h3
+				class={`${activeTab === 'discover' ? 'text-brand-burnt-orange' : 'text-black-800'} mt-[4px]`}
+			>
+				Search
+			</h3>
+		</button>
+
+		<button
+			type="button"
+			class="flex items-center gap-2"
+			aria-current={activeTab === 'messages' ? 'page' : undefined}
+			onclick={() => {
+				activeTab = 'messages';
+				goto('/messages');
+			}}
+		>
+			<CommentsTwo
+				size="24px"
+				color={activeTab === 'messages'
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-400)'}
+				fill={activeTab === 'messages' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+			/>
+			<h3
+				class={`${activeTab === 'messages' ? 'text-brand-burnt-orange' : 'text-black-800'} mt-[4px]`}
+			>
+				Messages
+			</h3>
+		</button>
+
+		<button
+			type="button"
+			class="flex items-center gap-2"
+			aria-current={activeTab === 'settings' ? 'page' : undefined}
+			onclick={() => {
+				activeTab = 'settings';
+				goto('/settings');
+			}}
+		>
+			<Settings
+				size="24px"
+				color={activeTab === 'settings'
+					? 'var(--color-brand-burnt-orange)'
+					: 'var(--color-black-400)'}
+				fill={activeTab === 'settings' ? 'var(--color-brand-burnt-orange-300)' : 'white'}
+			/>
+			<h3
+				class={`${activeTab === 'settings' ? 'text-brand-burnt-orange' : 'text-black-800'} mt-[4px]`}
+			>
+				Settings
+			</h3>
+		</button>
+
+		<button
+			type="button"
+			class="flex items-center gap-2"
+			aria-current={activeTab === 'profile' ? 'page' : undefined}
+			onclick={() => {
+				activeTab = 'profile';
+				goto(`/profile/${ownerId.value}`);
+			}}
+		>
+			<span
+				class={`inline-block w-full rounded-full border ${activeTab === 'profile' ? 'border-brand-burnt-orange' : 'border-transparent'}`}
+			>
+				<img
+					width="24px"
+					height="24px"
+					class="aspect-square rounded-full"
+					src={'https://picsum.photos/200/200'}
+					alt="profile"
+				/>
+			</span>
+			<h3
+				class={`${activeTab === 'profile' ? 'text-brand-burnt-orange' : 'text-black-800'} mt-[4px]`}
+			>
+				Profile
+			</h3>
+		</button>
+		{#if handlePost}
+			<Button size="sm" variant="secondary" callback={handlePost}>Post your thoughts</Button>
+		{/if}
+	</div>
+</nav>
diff --git a/platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts b/platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts
new file mode 100644
index 00000000..34e024a1
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.stories.ts
@@ -0,0 +1,51 @@
+import type { ComponentProps } from 'svelte';
+import UploadedPostView from './UploadedPostView.svelte';
+
+export default {
+	title: 'UI/UploadedPostView',
+	component: UploadedPostView,
+	tags: ['autodocs'],
+	render: (args: {
+		Component: UploadedPostView;
+		props: ComponentProps<typeof UploadedPostView>;
+	}) => ({
+		Component: UploadedPostView,
+		props: args
+	})
+};
+
+let images = [
+	{
+		url: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		alt: 'Sample Image 1'
+	},
+	{
+		url: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		alt: 'Sample Image 1'
+	},
+	{
+		url: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		alt: 'Sample Image 1'
+	},
+	{
+		url: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		alt: 'Sample Image 1'
+	},
+	{
+		url: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		alt: 'Sample Image 1'
+	},
+	{
+		url: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		alt: 'Sample Image 1'
+	}
+];
+
+export const Primary = {
+	args: {
+		images: images,
+		callback: (i: number) => {
+			images = images.filter((_, index) => index !== i);
+		}
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.svelte b/platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
new file mode 100644
index 00000000..ad98b2dc
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/UploadedPostView/UploadedPostView.svelte
@@ -0,0 +1,82 @@
+<script lang="ts">
+	import { Cross } from '$lib/icons';
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IImage {
+		url: string;
+		alt: string;
+	}
+
+	interface IUploadedPostViewProps extends HTMLAttributes<HTMLElement> {
+		images: IImage[];
+		width?: string;
+		height?: string;
+		callback: (i: number) => void;
+	}
+
+	let {
+		images,
+		width = 'w-full',
+		height = 'h-full',
+		callback,
+		...restProps
+	}: IUploadedPostViewProps = $props();
+</script>
+
+<article
+	{...restProps}
+	class={cn(
+		['flex max-w-screen flex-row items-center gap-4 scroll-auto', restProps.class].join(' ')
+	)}
+>
+	{#each images as image, i}
+		<div class={cn(['group relative shrink-0'])}>
+			<Cross
+				class="absolute top-0 right-0 hidden translate-x-1/2 -translate-y-1/2 cursor-pointer group-hover:block"
+				onclick={() => callback(i)}
+			/>
+			<img
+				src={image.url}
+				alt={image.alt}
+				class={cn(['rounded-lg outline-[#DA4A11] group-hover:outline-2', width, height])}
+			/>
+		</div>
+	{/each}
+</article>
+
+<!--
+    @component
+    export default UploadedPostView
+    @description
+    This component is a view for displaying uploaded images in a post. It allows users to see the images they have uploaded and provides a way to remove individual images.
+
+    @props
+    - images: An array of image objects, each containing a `url` and `alt` text.
+	- width: The width of the image container. Default is `w-full`.
+	- height: The height of the image container. Default is `h-full`.
+	- callback: A function that is called when the cross on the image is clicked, passing the index of the clicked image.
+    - ...restProps: Any other props that can be passed to a image container element.
+
+    @usage
+    ```html
+    <script lang="ts">
+		import { UploadedPostView } from '$lib/fragments';
+    </script>
+
+	<UploadedPostView
+		images={[
+		{
+			url: "https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250",
+			alt: "Sample Image 1",
+		},
+		{
+			url: "https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250",
+			alt: "Sample Image 1",
+        }]}
+		callback={(i: number) => {
+            images = images.filter((_, index) => index !== i);
+        }}
+    />
+    ```
+-->
diff --git a/platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.stories.ts b/platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.stories.ts
new file mode 100644
index 00000000..44a8d000
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.stories.ts
@@ -0,0 +1,22 @@
+import type { ComponentProps } from 'svelte';
+import { UserRequest } from '..';
+
+export default {
+	title: 'UI/UserRequest',
+	component: UserRequest,
+	tags: ['autodocs'],
+	render: (args: { Component: UserRequest; props: ComponentProps<typeof UserRequest> }) => ({
+		Component: UserRequest,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {
+		userImgSrc: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		userName: 'luffythethird',
+		description:
+			'I’ve always wished life came at me fast. Funny how that wish never came through',
+		handleFollow: () => alert('Adsad')
+	}
+};
diff --git a/platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.svelte b/platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.svelte
new file mode 100644
index 00000000..7e67fd6b
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/UserRequest/UserRequest.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	import { Avatar } from '$lib/ui';
+	import Button from '$lib/ui/Button/Button.svelte';
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IUserRequestprops extends HTMLAttributes<HTMLElement> {
+		userImgSrc: string;
+		userName: string;
+		description: string;
+		handleFollow: () => Promise<void>;
+	}
+
+	let { userImgSrc, userName, description, handleFollow, ...restProps }: IUserRequestprops =
+		$props();
+</script>
+
+<article
+	{...restProps}
+	class={cn(['flex items-center justify-between', restProps.class].join(' '))}
+>
+	<div class="me-4.5 flex items-start">
+		<Avatar size="sm" src={userImgSrc} />
+		<div class="ms-2">
+			<h3 class="font-semibold text-black">{userName}</h3>
+			<p class="text-black-600">{description}</p>
+		</div>
+	</div>
+	<Button class="max-w-[100px]" variant="secondary" size="sm" callback={handleFollow}
+		>Follow</Button
+	>
+</article>
+
+<!--
+@component
+@name UserRequest
+@description A user request card component displaying avatar, name, description, and a follow button.
+@props
+  - userImgSrc: URL string for the user's avatar image.
+  - userName: Display name of the user.
+  - description: A short description or context for the request.
+  - handleFollow: Async function to execute when the "Follow" button is clicked.
+  - (spread) HTMLAttributes<HTMLElement>: Additional HTML attributes passed to the root <article> element.
+@usage
+<script>
+    import UserRequest from '$lib/fragments/UserRequest.svelte';
+
+    async function followUser() {
+      console.log("User followed!");
+    }
+  </script>
+
+  <UserRequest
+    userImgSrc="https://picsum.photos/id/237/200"
+    userName="John Doe"
+    description="Wants to connect with you"
+    handleFollow={followUser}
+  />
+-->
diff --git a/platforms/blabsy/src/lib/fragments/index.ts b/platforms/blabsy/src/lib/fragments/index.ts
new file mode 100644
index 00000000..abe4ed0e
--- /dev/null
+++ b/platforms/blabsy/src/lib/fragments/index.ts
@@ -0,0 +1,19 @@
+export { default as Profile } from './Profile/Profile.svelte';
+export { default as Header } from './Header/Header.svelte';
+export { default as BottomNav } from './BottomNav/BottomNav.svelte';
+export { default as SettingsNavigationButton } from './SettingsNavigationButton/SettingsNavigationButton.svelte';
+export { default as MessageInput } from './MessageInput/MessageInput.svelte';
+export { default as InputFile } from './InputFile/InputFile.svelte';
+export { default as Drawer } from './Drawer/Drawer.svelte';
+export { default as Message } from './Message/Message.svelte';
+export { default as ActionMenu } from './ActionMenu/ActionMenu.svelte';
+export { default as Modal } from './Modal/Modal.svelte';
+export { default as SideBar } from './SideBar/SideBar.svelte';
+export { default as RightAside } from './RightAside/RightAside.svelte';
+export { default as SettingsToggleButton } from './SettingsToggleButton/SettingsToggleButton.svelte';
+export { default as Post } from './Post/Post.svelte';
+export { default as ChatMessage } from './ChatMessage/ChatMessage.svelte';
+export { default as Comment } from './Comment/Comment.svelte';
+export { default as SettingsDeleteButton } from './SettingsDeleteButton/SettingsDeleteButton.svelte';
+export { default as UserRequest } from './UserRequest/UserRequest.svelte';
+export { default as UploadedPostView } from './UploadedPostView/UploadedPostView.svelte';
diff --git a/platforms/blabsy/src/lib/icons/Camera.svelte b/platforms/blabsy/src/lib/icons/Camera.svelte
new file mode 100644
index 00000000..d793fb29
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Camera.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', fill = 'white', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 25 24"
+	fill={color}
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M8.00004 6V6.75C8.2508 6.75 8.48498 6.62468 8.62408 6.41603L8.00004 6ZM17 6L16.376 6.41603C16.5151 6.62467 16.7492 6.75 17 6.75V6ZM3.25004 13.5V11.5H1.75004V13.5H3.25004ZM8.18854 4.36518L7.376 5.58398L8.62408 6.41603L9.43661 5.19723L8.18854 4.36518ZM12.1407 2.25C11.6305 2.25 11.1969 2.24925 10.8369 2.28282C10.4615 2.31783 10.1124 2.39366 9.7728 2.5754L10.4806 3.89791C10.5831 3.843 10.7171 3.8005 10.9762 3.77634C11.2506 3.75075 11.6031 3.75 12.1407 3.75V2.25ZM9.43661 5.19723C9.73486 4.74985 9.93097 4.45705 10.1045 4.24286C10.2683 4.04074 10.378 3.95282 10.4806 3.89791L9.7728 2.5754C9.43322 2.75714 9.17649 3.00553 8.93908 3.29853C8.71144 3.57948 8.47158 3.94062 8.18854 4.36518L9.43661 5.19723ZM3.25004 11.5C3.25004 10.0499 3.25818 9.49107 3.38998 9.05658L1.95457 8.62115C1.7419 9.32224 1.75004 10.159 1.75004 11.5H3.25004ZM8.00004 5.25C6.65904 5.25 5.82228 5.24186 5.12119 5.45454L5.55661 6.88995C5.99111 6.75814 6.54991 6.75 8.00004 6.75V5.25ZM3.38998 9.05658C3.70507 8.01787 4.51791 7.20503 5.55661 6.88995L5.12119 5.45454C3.60308 5.91505 2.41509 7.10304 1.95457 8.62115L3.38998 9.05658ZM10 20.25C8.33793 20.25 7.15728 20.2488 6.25137 20.1417C5.36201 20.0366 4.83567 19.8384 4.43826 19.5123L3.48667 20.6718C4.19562 21.2536 5.04432 21.5095 6.07529 21.6313C7.0897 21.7512 8.37467 21.75 10 21.75V20.25ZM1.75004 13.5C1.75004 15.1254 1.74881 16.4103 1.86872 17.4248C1.99058 18.4557 2.24642 19.3044 2.82824 20.0134L3.98776 19.0618C3.66162 18.6644 3.46347 18.138 3.35835 17.2487C3.25127 16.3428 3.25004 15.1621 3.25004 13.5H1.75004ZM4.43826 19.5123C4.2737 19.3772 4.12281 19.2263 3.98776 19.0618L2.82824 20.0134C3.02562 20.2539 3.24616 20.4744 3.48667 20.6718L4.43826 19.5123ZM23.25 13.5V11.5H21.75V13.5H23.25ZM15.5634 5.19722L16.376 6.41603L17.624 5.58397L16.8115 4.36517L15.5634 5.19722ZM12.8593 3.75C13.3969 3.75 13.7494 3.75075 14.0238 3.77634C14.2829 3.80049 14.4169 3.84299 14.5195 3.89791L15.2272 2.57539C14.8877 2.39366 14.5386 2.31783 14.1631 2.28282C13.8031 2.24925 13.3695 2.25 12.8593 2.25V3.75ZM16.8115 4.36517C16.5285 3.94062 16.2886 3.57948 16.061 3.29853C15.8235 3.00553 15.5668 2.75713 15.2272 2.57539L14.5195 3.89791C14.6221 3.95282 14.7317 4.04074 14.8955 4.24286C15.0691 4.45705 15.2652 4.74985 15.5634 5.19722L16.8115 4.36517ZM23.25 11.5C23.25 10.159 23.2581 9.32224 23.0455 8.62115L21.6101 9.05657C21.7419 9.49107 21.75 10.0499 21.75 11.5H23.25ZM17 6.75C18.4501 6.75 19.0089 6.75814 19.4434 6.88994L19.8789 5.45453C19.1778 5.24186 18.341 5.25 17 5.25V6.75ZM23.0455 8.62115C22.585 7.10304 21.397 5.91505 19.8789 5.45453L19.4434 6.88994C20.4821 7.20503 21.295 8.01787 21.6101 9.05657L23.0455 8.62115ZM15 21.75C16.6254 21.75 17.9103 21.7512 18.9248 21.6313C19.9557 21.5095 20.8044 21.2536 21.5134 20.6718L20.5618 19.5123C20.1644 19.8384 19.638 20.0366 18.7487 20.1417C17.8428 20.2488 16.6621 20.25 15 20.25V21.75ZM21.75 13.5C21.75 15.1621 21.7488 16.3428 21.6417 17.2487C21.5366 18.138 21.3384 18.6644 21.0123 19.0618L22.1718 20.0134C22.7536 19.3044 23.0095 18.4557 23.1313 17.4248C23.2512 16.4103 23.25 15.1254 23.25 13.5H21.75ZM21.5134 20.6718C21.7539 20.4744 21.9744 20.2539 22.1718 20.0134L21.0123 19.0618C20.8772 19.2263 20.7263 19.3772 20.5618 19.5123L21.5134 20.6718ZM12.8593 2.25H12.1407V3.75H12.8593V2.25ZM10 21.75H15V20.25H10V21.75Z"
+		fill={color}
+	/>
+	<path
+		d="M12.5 9V17M16.5 13H8.5"
+		stroke={color}
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/CommentIcon.svelte b/platforms/blabsy/src/lib/icons/CommentIcon.svelte
new file mode 100644
index 00000000..f9e1301c
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/CommentIcon.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { ISvgProps } from '../types';
+
+	let { size = '20px', color = '#A5A5A5', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 20 20"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M11.8088 16.6834C15.2946 16.4614 18.0713 13.7626 18.2998 10.3747C18.3445 9.71168 18.3445 9.02503 18.2998 8.36203C18.0713 4.97406 15.2946 2.27536 11.8088 2.05329C10.6195 1.97754 9.37796 1.9777 8.19112 2.05329C4.70528 2.27536 1.92863 4.97406 1.70016 8.36203C1.65545 9.02503 1.65545 9.71168 1.70016 10.3747C1.78337 11.6086 2.35282 12.7511 3.02322 13.7158C3.41247 14.3912 3.15557 15.2342 2.75013 15.9705C2.4578 16.5014 2.31163 16.7668 2.42899 16.9586C2.54636 17.1503 2.80851 17.1565 3.33282 17.1687C4.36968 17.1929 5.06886 16.9112 5.62386 16.519C5.93862 16.2965 6.09602 16.1853 6.20449 16.1725C6.31296 16.1597 6.52643 16.244 6.9533 16.4125C7.33696 16.5639 7.78242 16.6574 8.19112 16.6834C9.37796 16.759 10.6195 16.7592 11.8088 16.6834Z"
+		stroke={color}
+		stroke-width="1.25"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M9.99607 9.58331H10.0036M13.3257 9.58331H13.3332M6.6665 9.58331H6.67398"
+		stroke={color}
+		stroke-width="1.66667"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/CommentsTwo.svelte b/platforms/blabsy/src/lib/icons/CommentsTwo.svelte
new file mode 100644
index 00000000..8247b7ab
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/CommentsTwo.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', fill = 'white', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	{fill}
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M20 9C19.2048 5.01455 15.5128 2 11.0793 2C6.06549 2 2 5.85521 2 10.61C2 12.8946 2.93819 14.9704 4.46855 16.5108C4.80549 16.85 5.03045 17.3134 4.93966 17.7903C4.78982 18.5701 4.45026 19.2975 3.95305 19.9037C5.26123 20.1449 6.62147 19.9277 7.78801 19.3127C8.20039 19.0954 8.40657 18.9867 8.55207 18.9646C8.65392 18.9492 8.78659 18.9636 9 19.0002"
+		stroke={color}
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M11 16.2617C11 19.1674 13.4628 21.5234 16.5 21.5234C16.8571 21.5238 17.2132 21.4908 17.564 21.425C17.8165 21.3775 17.9428 21.3538 18.0309 21.3673C18.119 21.3807 18.244 21.4472 18.4938 21.58C19.2004 21.9558 20.0244 22.0885 20.8169 21.9411C20.5157 21.5707 20.31 21.1262 20.2192 20.6496C20.1642 20.3582 20.3005 20.075 20.5046 19.8677C21.4317 18.9263 22 17.6578 22 16.2617C22 13.356 19.5372 11 16.5 11C13.4628 11 11 13.356 11 16.2617Z"
+		stroke={color}
+		stroke-width="2"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Cross.svelte b/platforms/blabsy/src/lib/icons/Cross.svelte
new file mode 100644
index 00000000..13777e71
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Cross.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#DA4A11', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<rect width="24" height="24" rx="12" fill={color} />
+	<path
+		d="M16.0837 7.91663L7.91699 16.0833M7.91699 7.91663L16.0837 16.0833"
+		stroke="white"
+		stroke-width="1.75"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Flash.svelte b/platforms/blabsy/src/lib/icons/Flash.svelte
new file mode 100644
index 00000000..47d415ce
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Flash.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M8.62814 12.6736H8.16918C6.68545 12.6736 5.94358 12.6736 5.62736 12.1844C5.31114 11.6953 5.61244 11.0138 6.21504 9.65083L8.02668 5.55323C8.57457 4.314 8.84852 3.69438 9.37997 3.34719C9.91142 3 10.5859 3 11.935 3H14.0244C15.6632 3 16.4826 3 16.7916 3.53535C17.1007 4.0707 16.6942 4.78588 15.8811 6.21623L14.8092 8.10188C14.405 8.81295 14.2029 9.16849 14.2057 9.45952C14.2094 9.83775 14.4105 10.1862 14.7354 10.377C14.9854 10.5239 15.3927 10.5239 16.2074 10.5239C17.2373 10.5239 17.7523 10.5239 18.0205 10.7022C18.3689 10.9338 18.5513 11.3482 18.4874 11.7632C18.4382 12.0826 18.0918 12.4656 17.399 13.2317L11.8639 19.3523C10.7767 20.5545 10.2331 21.1556 9.86807 20.9654C9.50303 20.7751 9.67833 19.9822 10.0289 18.3962L10.7157 15.2896C10.9826 14.082 11.1161 13.4782 10.7951 13.0759C10.4741 12.6736 9.85877 12.6736 8.62814 12.6736Z"
+		stroke={color}
+		stroke-width="2"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Home.svelte b/platforms/blabsy/src/lib/icons/Home.svelte
new file mode 100644
index 00000000..255e5bba
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Home.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', fill = 'white', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 25 24"
+	{fill}
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M3.66405 11.3497L4.5 11.5587L4.95686 16.1005C5.215 18.6668 5.34407 19.9499 6.201 20.7249C7.05793 21.5 8.34753 21.5 10.9267 21.5H14.0733C16.6525 21.5 17.9421 21.5 18.799 20.7249C19.6559 19.9499 19.785 18.6668 20.0431 16.1005L20.5 11.5587L21.336 11.3497C22.0201 11.1787 22.5 10.564 22.5 9.85882C22.5 9.35735 22.2553 8.88742 21.8445 8.59985L13.6469 2.86154C12.9583 2.37949 12.0417 2.37949 11.3531 2.86154L3.15549 8.59985C2.74467 8.88742 2.5 9.35735 2.5 9.85882C2.5 10.564 2.97993 11.1787 3.66405 11.3497Z"
+		stroke={color}
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M12.5 17C13.8807 17 15 15.8807 15 14.5C15 13.1193 13.8807 12 12.5 12C11.1193 12 10 13.1193 10 14.5C10 15.8807 11.1193 17 12.5 17Z"
+		fill="white"
+		stroke={color}
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Icons.stories.ts b/platforms/blabsy/src/lib/icons/Icons.stories.ts
new file mode 100644
index 00000000..0538c9ab
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Icons.stories.ts
@@ -0,0 +1,16 @@
+import Icons from './Icons.svelte';
+
+export default {
+	title: 'UI/Icons',
+	component: Icons,
+	tags: ['autodocs'],
+	decorators: [() => null],
+	render: (args: Record<string, unknown>) => ({
+		Component: Icons,
+		props: args
+	})
+};
+
+export const Default = {
+	args: {}
+};
diff --git a/platforms/blabsy/src/lib/icons/Icons.svelte b/platforms/blabsy/src/lib/icons/Icons.svelte
new file mode 100644
index 00000000..d98ee94e
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Icons.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { Like, Refresh, CommentIcon, Home, Flash, CommentsTwo, VerticalDots } from '.';
+</script>
+
+<div class="flex flex-wrap items-center gap-2">
+	<Like />
+	<Refresh />
+	<CommentIcon />
+	<VerticalDots />
+	<Home />
+	<Flash />
+	<CommentsTwo />
+</div>
diff --git a/platforms/blabsy/src/lib/icons/Like.svelte b/platforms/blabsy/src/lib/icons/Like.svelte
new file mode 100644
index 00000000..9ec26816
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Like.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', fill, ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 20 20"
+	{fill}
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M1.66663 9.99998C1.66663 9.07948 2.41282 8.33331 3.33329 8.33331C4.714 8.33331 5.83329 9.45256 5.83329 10.8333V14.1666C5.83329 15.5474 4.714 16.6666 3.33329 16.6666C2.41282 16.6666 1.66663 15.9205 1.66663 15V9.99998Z"
+		stroke={color}
+		stroke-width="1.25"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M12.899 6.08855L12.677 6.80528C12.4952 7.39259 12.4043 7.68624 12.4742 7.91817C12.5308 8.10575 12.655 8.2675 12.8242 8.37392C13.0334 8.50542 13.3498 8.50542 13.9826 8.50542H14.3193C16.461 8.50542 17.5319 8.50542 18.0377 9.13942C18.0955 9.21183 18.1469 9.28892 18.1914 9.36975C18.5805 10.0768 18.1381 11.0293 17.2534 12.9343C16.4415 14.6824 16.0355 15.5565 15.2817 16.071C15.2088 16.1208 15.1338 16.1678 15.057 16.2118C14.2634 16.6667 13.2802 16.6667 11.3137 16.6667H10.8872C8.50479 16.6667 7.31361 16.6667 6.57349 15.9496C5.83337 15.2324 5.83337 14.0783 5.83337 11.7699V10.9586C5.83337 9.7455 5.83337 9.139 6.04866 8.58383C6.26394 8.02867 6.67617 7.5722 7.50062 6.65927L10.9101 2.8838C10.9956 2.78912 11.0384 2.74177 11.0761 2.70896C11.428 2.40273 11.971 2.4372 12.2787 2.78529C12.3117 2.82258 12.3477 2.87493 12.4197 2.97962C12.5324 3.14338 12.5887 3.22526 12.6379 3.30638C13.0774 4.03261 13.2104 4.8953 13.009 5.71429C12.9865 5.80577 12.9574 5.90008 12.899 6.08855Z"
+		stroke={color}
+		stroke-width="1.25"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Refresh.svelte b/platforms/blabsy/src/lib/icons/Refresh.svelte
new file mode 100644
index 00000000..410e2f81
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Refresh.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 20 20"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M14.1472 15.5729C16.1681 14.2852 17.5 12.0834 17.5 9.58331C17.5 5.61377 14.1422 2.39581 10 2.39581C9.42717 2.39581 8.86933 2.45735 8.33333 2.57392M14.1472 15.5729V12.7778M14.1472 15.5729H17.0833M5.83333 3.60615C3.82336 4.89552 2.5 7.09131 2.5 9.58331C2.5 13.5529 5.85787 16.7708 10 16.7708C10.5728 16.7708 11.1307 16.7092 11.6667 16.5927M5.83333 3.60615V6.38887M5.83333 3.60615H2.91667"
+		stroke={color}
+		stroke-width="1.25"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Search.svelte b/platforms/blabsy/src/lib/icons/Search.svelte
new file mode 100644
index 00000000..f5cef932
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Search.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', fill = 'white', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	{fill}
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M17 17L21 21"
+		stroke={color}
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19C15.4183 19 19 15.4183 19 11Z"
+		stroke={color}
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/Settings.svelte b/platforms/blabsy/src/lib/icons/Settings.svelte
new file mode 100644
index 00000000..daddf35d
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/Settings.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', fill = 'white', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	width={size}
+	height={size}
+	{...restProps}
+	fill="none"
+>
+	<path
+		d="M21.011 14.0965C21.5329 13.9558 21.7939 13.8854 21.8969 13.7508C22 13.6163 22 13.3998 22 12.9669V11.0332C22 10.6003 22 10.3838 21.8969 10.2493C21.7938 10.1147 21.5329 10.0443 21.011 9.90358C19.0606 9.37759 17.8399 7.33851 18.3433 5.40087C18.4817 4.86799 18.5509 4.60156 18.4848 4.44529C18.4187 4.28902 18.2291 4.18134 17.8497 3.96596L16.125 2.98673C15.7528 2.77539 15.5667 2.66972 15.3997 2.69222C15.2326 2.71472 15.0442 2.90273 14.6672 3.27873C13.208 4.73448 10.7936 4.73442 9.33434 3.27864C8.95743 2.90263 8.76898 2.71463 8.60193 2.69212C8.43489 2.66962 8.24877 2.77529 7.87653 2.98663L6.15184 3.96587C5.77253 4.18123 5.58287 4.28891 5.51678 4.44515C5.45068 4.6014 5.51987 4.86787 5.65825 5.4008C6.16137 7.3385 4.93972 9.37763 2.98902 9.9036C2.46712 10.0443 2.20617 10.1147 2.10308 10.2492C2 10.3838 2 10.6003 2 11.0332V12.9669C2 13.3998 2 13.6163 2.10308 13.7508C2.20615 13.8854 2.46711 13.9558 2.98902 14.0965C4.9394 14.6225 6.16008 16.6616 5.65672 18.5992C5.51829 19.1321 5.44907 19.3985 5.51516 19.5548C5.58126 19.7111 5.77092 19.8188 6.15025 20.0341L7.87495 21.0134C8.24721 21.2247 8.43334 21.3304 8.6004 21.3079C8.76746 21.2854 8.95588 21.0973 9.33271 20.7213C10.7927 19.2644 13.2088 19.2643 14.6689 20.7212C15.0457 21.0973 15.2341 21.2853 15.4012 21.3078C15.5682 21.3303 15.7544 21.2246 16.1266 21.0133L17.8513 20.034C18.2307 19.8187 18.4204 19.711 18.4864 19.5547C18.5525 19.3984 18.4833 19.132 18.3448 18.5991C17.8412 16.6616 19.0609 14.6226 21.011 14.0965Z"
+		{fill}
+	/>
+	<path
+		d="M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z"
+		stroke={color}
+		fill="white"
+		stroke-width="1.5"
+	/>
+	<path
+		d="M21.011 14.0965C21.5329 13.9558 21.7939 13.8854 21.8969 13.7508C22 13.6163 22 13.3998 22 12.9669V11.0332C22 10.6003 22 10.3838 21.8969 10.2493C21.7938 10.1147 21.5329 10.0443 21.011 9.90358C19.0606 9.37759 17.8399 7.33851 18.3433 5.40087C18.4817 4.86799 18.5509 4.60156 18.4848 4.44529C18.4187 4.28902 18.2291 4.18134 17.8497 3.96596L16.125 2.98673C15.7528 2.77539 15.5667 2.66972 15.3997 2.69222C15.2326 2.71472 15.0442 2.90273 14.6672 3.27873C13.208 4.73448 10.7936 4.73442 9.33434 3.27864C8.95743 2.90263 8.76898 2.71463 8.60193 2.69212C8.43489 2.66962 8.24877 2.77529 7.87653 2.98663L6.15184 3.96587C5.77253 4.18123 5.58287 4.28891 5.51678 4.44515C5.45068 4.6014 5.51987 4.86787 5.65825 5.4008C6.16137 7.3385 4.93972 9.37763 2.98902 9.9036C2.46712 10.0443 2.20617 10.1147 2.10308 10.2492C2 10.3838 2 10.6003 2 11.0332V12.9669C2 13.3998 2 13.6163 2.10308 13.7508C2.20615 13.8854 2.46711 13.9558 2.98902 14.0965C4.9394 14.6225 6.16008 16.6616 5.65672 18.5992C5.51829 19.1321 5.44907 19.3985 5.51516 19.5548C5.58126 19.7111 5.77092 19.8188 6.15025 20.0341L7.87495 21.0134C8.24721 21.2247 8.43334 21.3304 8.6004 21.3079C8.76746 21.2854 8.95588 21.0973 9.33271 20.7213C10.7927 19.2644 13.2088 19.2643 14.6689 20.7212C15.0457 21.0973 15.2341 21.2853 15.4012 21.3078C15.5682 21.3303 15.7544 21.2246 16.1266 21.0133L17.8513 20.034C18.2307 19.8187 18.4204 19.711 18.4864 19.5547C18.5525 19.3984 18.4833 19.132 18.3448 18.5991C17.8412 16.6616 19.0609 14.6226 21.011 14.0965Z"
+		stroke={color}
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/VerticalDots.svelte b/platforms/blabsy/src/lib/icons/VerticalDots.svelte
new file mode 100644
index 00000000..a19cce6f
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/VerticalDots.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+	import type { ISvgProps } from './../types';
+
+	let { size = '20px', color = '#A5A5A5', ...restProps }: ISvgProps = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...restProps}
+>
+	<path
+		d="M11.9919 12H12.0009"
+		stroke={color}
+		stroke-width="2.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M11.9843 18H11.9933"
+		stroke={color}
+		stroke-width="2.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M11.9998 6H12.0088"
+		stroke={color}
+		stroke-width="2.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/platforms/blabsy/src/lib/icons/index.ts b/platforms/blabsy/src/lib/icons/index.ts
new file mode 100644
index 00000000..4e216554
--- /dev/null
+++ b/platforms/blabsy/src/lib/icons/index.ts
@@ -0,0 +1,12 @@
+export { default as Icons } from './Icons.svelte';
+export { default as Like } from './Like.svelte';
+export { default as Refresh } from './Refresh.svelte';
+export { default as CommentIcon } from './CommentIcon.svelte';
+export { default as VerticalDots } from './VerticalDots.svelte';
+export { default as Home } from './Home.svelte';
+export { default as Flash } from './Flash.svelte';
+export { default as CommentsTwo } from './CommentsTwo.svelte';
+export { default as Search } from './Search.svelte';
+export { default as Camera } from './Camera.svelte';
+export { default as Settings } from './Settings.svelte';
+export { default as Cross } from './Cross.svelte';
diff --git a/platforms/blabsy/src/lib/index.ts b/platforms/blabsy/src/lib/index.ts
new file mode 100644
index 00000000..648b5d03
--- /dev/null
+++ b/platforms/blabsy/src/lib/index.ts
@@ -0,0 +1,2 @@
+// place files you want to import through the `$lib` alias in this folder.
+export {};
diff --git a/platforms/blabsy/src/lib/store/store.svelte.ts b/platforms/blabsy/src/lib/store/store.svelte.ts
new file mode 100644
index 00000000..19da1822
--- /dev/null
+++ b/platforms/blabsy/src/lib/store/store.svelte.ts
@@ -0,0 +1,17 @@
+import type { PostData } from '$lib/types';
+
+export const isNavigatingThroughNav = $state({
+	value: false
+});
+
+export const showComments = $state({
+	value: false
+});
+
+export const ownerId = $state({
+	value: '1'
+});
+
+export const selectedPost: { value: PostData | null } = $state({
+	value: null
+});
diff --git a/platforms/blabsy/src/lib/stores/auth.ts b/platforms/blabsy/src/lib/stores/auth.ts
new file mode 100644
index 00000000..0225c01d
--- /dev/null
+++ b/platforms/blabsy/src/lib/stores/auth.ts
@@ -0,0 +1,24 @@
+import { writable } from 'svelte/store';
+import { apiClient, setAuthToken, removeAuthToken } from '$lib/utils/axios';
+
+export const isAuthenticated = writable(false);
+
+export const initializeAuth = () => {
+    const token = localStorage.getItem('pictique_auth_token');
+    if (token) {
+        apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+        isAuthenticated.set(true);
+    }
+};
+
+export const login = (token: string) => {
+    setAuthToken(token);
+    apiClient.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+    isAuthenticated.set(true);
+};
+
+export const logout = () => {
+    removeAuthToken();
+    delete apiClient.defaults.headers.common['Authorization'];
+    isAuthenticated.set(false);
+}; 
\ No newline at end of file
diff --git a/platforms/blabsy/src/lib/stores/comments.ts b/platforms/blabsy/src/lib/stores/comments.ts
new file mode 100644
index 00000000..36af8fe9
--- /dev/null
+++ b/platforms/blabsy/src/lib/stores/comments.ts
@@ -0,0 +1,47 @@
+import { writable } from 'svelte/store';
+import { apiClient } from '$lib/utils/axios';
+
+export interface Comment {
+    id: string;
+    text: string;
+    createdAt: string;
+    author: {
+        id: string;
+        handle: string;
+        name: string;
+        avatarUrl: string;
+    };
+}
+
+export const comments = writable<Comment[]>([]);
+export const isLoading = writable(false);
+export const error = writable<string | null>(null);
+export const activePostId = writable<string | null>();
+
+export const fetchComments = async (postId: string) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.get(`/api/posts/${postId}/comments`);
+        comments.set(response.data);
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to fetch comments');
+    } finally {
+        isLoading.set(false);
+    }
+};
+
+export const createComment = async (postId: string, text: string) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.post('/api/comments', { postId, text });
+        await fetchComments(postId); // Refresh comments after creating
+        return response.data;
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to create comment');
+        throw err;
+    } finally {
+        isLoading.set(false);
+    }
+};
diff --git a/platforms/blabsy/src/lib/stores/posts.ts b/platforms/blabsy/src/lib/stores/posts.ts
new file mode 100644
index 00000000..5743f76a
--- /dev/null
+++ b/platforms/blabsy/src/lib/stores/posts.ts
@@ -0,0 +1,75 @@
+import { writable } from 'svelte/store';
+import { apiClient } from '$lib/utils/axios';
+
+export interface Post {
+    id: string;
+    text: string;
+    images: string[];
+    author: {
+        id: string;
+        handle: string;
+        name: string;
+        avatarUrl: string;
+    };
+    createdAt: string;
+    likedBy: string[];
+    comments: {
+        id: string;
+        text: string;
+        author: {
+            id: string;
+            handle: string;
+            name: string;
+            avatarUrl: string;
+        };
+        createdAt: string;
+    }[];
+}
+
+export const posts = writable<Post[]>([]);
+export const isLoading = writable(false);
+export const error = writable<string | null>(null);
+export const isCreatePostModalOpen = writable(false);
+
+export const openCreatePostModal = () => isCreatePostModalOpen.set(true);
+export const closeCreatePostModal = () => isCreatePostModalOpen.set(false);
+
+export const fetchFeed = async (page = 1, limit = 10) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.get(`/api/posts/feed?page=${page}&limit=${limit}`);
+        posts.set(response.data);
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to fetch feed');
+    } finally {
+        isLoading.set(false);
+    }
+};
+
+export const createPost = async (text: string, images: string[]) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.post('/api/posts', {
+            text,
+            images: images.map((img) => img)
+        });
+        await fetchFeed(1);
+        return response.data;
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to create post');
+        throw err;
+    } finally {
+        isLoading.set(false);
+    }
+};
+
+export const toggleLike = async (postId: string) => {
+    try {
+        const response = await apiClient.post(`/api/posts/${postId}/like`);
+        return response.data;
+    } catch (err) {
+        throw new Error(err instanceof Error ? err.message : 'Failed to toggle like');
+    }
+};
diff --git a/platforms/blabsy/src/lib/stores/users.ts b/platforms/blabsy/src/lib/stores/users.ts
new file mode 100644
index 00000000..bad67bee
--- /dev/null
+++ b/platforms/blabsy/src/lib/stores/users.ts
@@ -0,0 +1,44 @@
+import { writable } from 'svelte/store';
+import { apiClient } from '$lib/utils/axios';
+
+export interface User {
+    id: string;
+    handle: string;
+    name: string;
+    description: string;
+    avatarUrl: string;
+    isVerified: boolean;
+}
+
+export const searchResults = writable<User[]>([]);
+export const isSearching = writable(false);
+export const searchError = writable<string | null>(null);
+
+export const searchUsers = async (query: string) => {
+    if (!query.trim()) {
+        searchResults.set([]);
+        return;
+    }
+
+    try {
+        isSearching.set(true);
+        searchError.set(null);
+        const response = await apiClient.get(`/api/users/search?q=${encodeURIComponent(query)}`);
+        searchResults.set(response.data);
+    } catch (err) {
+        searchError.set(err instanceof Error ? err.message : 'Failed to search users');
+        searchResults.set([]);
+    } finally {
+        isSearching.set(false);
+    }
+};
+
+export const followUser = async (followingId: string) => {
+    try {
+        await apiClient.post('/api/users/follow', { followingId });
+        return true;
+    } catch (err) {
+        console.error('Failed to follow user:', err);
+        return false;
+    }
+}; 
\ No newline at end of file
diff --git a/platforms/blabsy/src/lib/types.ts b/platforms/blabsy/src/lib/types.ts
new file mode 100644
index 00000000..32a07988
--- /dev/null
+++ b/platforms/blabsy/src/lib/types.ts
@@ -0,0 +1,43 @@
+import type { SVGAttributes } from 'svelte/elements';
+
+export interface ISvgProps extends SVGAttributes<SVGElement> {
+	size?: number | string;
+	color?: string;
+}
+
+export type CommentType = {
+	commentId: string;
+	name: string;
+	userImgSrc: string;
+	comment: string;
+	isUpVoted: boolean;
+	isDownVoted: boolean;
+	upVotes: number;
+	time: string;
+	replies: CommentType[];
+};
+
+export type PostData = {
+	id: string;
+	avatar: string;
+	userId: string;
+	username: string;
+	imgUris: string[];
+	caption: string;
+	time: string;
+	count: {
+		likes: number;
+		comments: number;
+	};
+};
+
+export type userProfile = {
+	userId: string;
+	username: string;
+	avatar: string;
+	totalPosts: number;
+	followers: number;
+	following: number;
+	userBio: string;
+	posts: PostData[];
+};
diff --git a/platforms/blabsy/src/lib/ui/Avatar/Avatar.stories.ts b/platforms/blabsy/src/lib/ui/Avatar/Avatar.stories.ts
new file mode 100644
index 00000000..81214f10
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Avatar/Avatar.stories.ts
@@ -0,0 +1,40 @@
+import type { ComponentProps } from 'svelte';
+import Avatar from './Avatar.svelte';
+
+export default {
+	title: 'UI/Avatar',
+	component: Avatar,
+	tags: ['autodocs'],
+	render: (args: { Component: Avatar; props: ComponentProps<typeof Avatar> }) => ({
+		Component: Avatar,
+		props: args
+	})
+};
+
+export const Large = {
+	args: {
+		src: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		size: 'lg'
+	}
+};
+
+export const Medium = {
+	args: {
+		src: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		size: 'md'
+	}
+};
+
+export const Small = {
+	args: {
+		src: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		size: 'sm'
+	}
+};
+
+export const ExtraSmall = {
+	args: {
+		src: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+		size: 'xs'
+	}
+};
diff --git a/platforms/blabsy/src/lib/ui/Avatar/Avatar.svelte b/platforms/blabsy/src/lib/ui/Avatar/Avatar.svelte
new file mode 100644
index 00000000..768136ee
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Avatar/Avatar.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { HTMLImgAttributes } from 'svelte/elements';
+
+	interface IAvatarProps extends HTMLImgAttributes {
+		src: string;
+		alt?: string;
+		size?: 'xs' | 'sm' | 'md' | 'lg';
+	}
+
+	const { src, alt = 'User Avatar', size = 'md', ...restProps }: IAvatarProps = $props();
+
+	const sizeVariant = {
+		xs: 'w-6 h-6',
+		sm: 'w-10 h-10',
+		md: 'w-12 h-12',
+		lg: 'w-30 h-30'
+	};
+
+	const classes = $derived({
+		common: cn('rounded-full'),
+		size: sizeVariant[size] || sizeVariant.md
+	});
+</script>
+
+<img
+	{...restProps}
+	{src}
+	{alt}
+	class={cn([classes.common, classes.size, restProps.class].join(' '))}
+/>
+
+<!--
+@component
+@name Avatar
+@description Avatar component for displaying user profile pictures or icons.
+@props
+    - src: The source URL of the image.
+    - alt: The alternative text for the image.
+    - size: The size of the avatar. Can be 'xs', 'sm', 'md', or 'lg'. Default is 'md'.
+@usage
+    <script>
+        import { Avatar } from "$lib/ui";
+    </script>
+
+    <Avatar src="https://example.com/avatar.jpg" alt="User Avatar" size="lg" />
+-->
diff --git a/platforms/blabsy/src/lib/ui/Button/Button.stories.snippet.svelte b/platforms/blabsy/src/lib/ui/Button/Button.stories.snippet.svelte
new file mode 100644
index 00000000..6ccd33a3
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Button/Button.stories.snippet.svelte
@@ -0,0 +1,24 @@
+<script context="module">
+	import { ArrowRight01Icon, SettingsIcon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+
+	export { ButtonText, ButtonNavText, ButtonNavSettings };
+</script>
+
+{#snippet ButtonText()}
+	Button
+{/snippet}
+
+{#snippet ButtonNavText()}
+	Nav Button
+{/snippet}
+
+{#snippet ButtonNavSettings()}
+	<div class="flex items-center gap-2">
+		<div class="bg-gray flex max-w-max items-center rounded-full object-cover p-3">
+			<HugeiconsIcon icon={SettingsIcon} size={30} color="var(--color-black-500)" />
+		</div>
+		<h1>Settings</h1>
+	</div>
+	<HugeiconsIcon size={30} color="var(--color-black-500)" icon={ArrowRight01Icon} />
+{/snippet}
diff --git a/platforms/blabsy/src/lib/ui/Button/Button.stories.ts b/platforms/blabsy/src/lib/ui/Button/Button.stories.ts
new file mode 100644
index 00000000..c55b3cdb
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Button/Button.stories.ts
@@ -0,0 +1,42 @@
+import type { ComponentProps } from 'svelte';
+import { ButtonText } from './Button.stories.snippet.svelte';
+import Button from './Button.svelte';
+
+export default {
+	title: 'UI/Button',
+	component: Button,
+	tags: ['autodocs'],
+	render: (args: { Component: Button; props: ComponentProps<typeof Button> }) => ({
+		Component: Button,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: { variant: 'primary', children: ButtonText }
+};
+
+export const Secondary = {
+	args: {
+		variant: 'secondary',
+		blockingClick: true,
+		children: ButtonText,
+		callback: async () => {
+			await new Promise((resolve) => setTimeout(resolve, 2000));
+		}
+	}
+};
+
+export const Loading = {
+	args: { isLoading: true, children: ButtonText }
+};
+
+export const BlockingClick = {
+	args: {
+		blockingClick: true,
+		children: ButtonText,
+		callback: async () => {
+			await new Promise((resolve) => setTimeout(resolve, 2000));
+		}
+	}
+};
diff --git a/platforms/blabsy/src/lib/ui/Button/Button.svelte b/platforms/blabsy/src/lib/ui/Button/Button.svelte
new file mode 100644
index 00000000..3c9658aa
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Button/Button.svelte
@@ -0,0 +1,152 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+
+	interface IButtonProps extends HTMLButtonAttributes {
+		variant?: 'primary' | 'secondary' | 'danger';
+		isLoading?: boolean;
+		callback?: () => Promise<void> | void;
+		blockingClick?: boolean;
+		type?: 'button' | 'submit' | 'reset';
+		size?: 'sm' | 'md';
+	}
+
+	const {
+		variant = 'primary',
+		isLoading,
+		callback,
+		blockingClick,
+		type = 'button',
+		size = 'md',
+		children = undefined,
+		...restProps
+	}: IButtonProps = $props();
+
+	let isSubmitting = $state(false);
+	const disabled = $derived(restProps.disabled || isLoading || isSubmitting);
+
+	const handleClick = async () => {
+		if (typeof callback !== 'function') return;
+
+		if (blockingClick) isSubmitting = true;
+		try {
+			await callback();
+		} catch (error) {
+			console.error('Error in button callback:', error);
+		} finally {
+			isSubmitting = false;
+		}
+	};
+
+	const variantClasses = {
+		primary: {
+			background: 'bg-grey',
+			text: 'text-black-800',
+			border: 'border border-black-400'
+		},
+		secondary: {
+			background: 'bg-brand-burnt-orange',
+			text: 'text-white',
+			border: 'border border-brand-burnt-orange-700'
+		},
+		danger: { background: 'bg-red-500', text: 'text-white', border: 'border border-red-700' }
+	};
+
+	const disabledVariantClasses = {
+		primary: {
+			background: 'bg-grey/50',
+			text: 'text-black-800/50',
+			border: 'border border-black-400/50'
+		},
+		secondary: {
+			background: 'bg-brand-burnt-orange/50',
+			text: 'text-white/50',
+			border: 'border border-brand-burnt-orange-700/50'
+		},
+		danger: {
+			background: 'bg-red-500/50',
+			text: 'text-white/50',
+			border: 'border border-red-700/50'
+		}
+	};
+
+	const sizeVariant = {
+		sm: 'px-4 py-2.5 text-base h-11',
+		md: 'px-8 py-2.5 text-xl h-14'
+	};
+
+	const classes = $derived({
+		common: cn(
+			'cursor-pointer w-full flex items-center justify-center rounded-full font-semibold duration-100',
+			sizeVariant[size]
+		),
+		background: disabled
+			? disabledVariantClasses[variant].background || variantClasses[variant].background
+			: variantClasses[variant].background,
+		text: disabled
+			? disabledVariantClasses[variant].text || variantClasses[variant].text
+			: variantClasses[variant].text,
+		border: disabled
+			? disabledVariantClasses[variant].border || variantClasses[variant].border
+			: variantClasses[variant].border,
+		disabled: 'cursor-not-allowed'
+	});
+</script>
+
+<button
+	{...restProps}
+	class={cn(
+		[
+			classes.common,
+			classes.background,
+			classes.text,
+			classes.border,
+			disabled && classes.disabled,
+			restProps.class
+		].join(' ')
+	)}
+	{disabled}
+	onclick={handleClick}
+	{type}
+>
+	<div class="relative flex items-center justify-center">
+		<div
+			class="flex items-center justify-center duration-100"
+			class:blur-xs={isLoading || isSubmitting}
+		>
+			{@render children?.()}
+		</div>
+		{#if isLoading || isSubmitting}
+			<div
+				class="border-black-800 absolute h-6 w-6 animate-spin rounded-full border-2 border-t-transparent"
+			></div>
+		{/if}
+	</div>
+</button>
+
+<!--
+    @component
+    export default Button
+    @description
+    This component is a button with a loading spinner that can be used to indicate that an action is being performed.
+
+    @props
+    - variant: The variant of the button. Default is `primary`.
+    - size: The size of the button. Default is `md`.
+    - isLoading: A boolean to indicate if the button is in a loading state.
+    - callback: A callback function that will be called when the button is clicked.
+    - blockingClick: A boolean to indicate if the button should block the click event while the callback function is being executed.
+    - icon: A slot for an icon to be displayed inside the button.
+    - ...restProps: Any other props that can be passed to a button element.
+
+    @usage
+    ```html
+    <script lang="ts">
+        import * as Button from '$lib/ui/Button'
+    </script>
+
+    <Button.Action variant="primary" callback={() => console.log('clicked')}>
+      Click me
+    </Button.Action>
+    ```
+     -->
diff --git a/platforms/blabsy/src/lib/ui/Helper/Helper.stories.snippet.svelte b/platforms/blabsy/src/lib/ui/Helper/Helper.stories.snippet.svelte
new file mode 100644
index 00000000..daf231bf
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Helper/Helper.stories.snippet.svelte
@@ -0,0 +1,7 @@
+<script context="module">
+	export { HelperText };
+</script>
+
+{#snippet HelperText()}
+	this is label
+{/snippet}
diff --git a/platforms/blabsy/src/lib/ui/Helper/Helper.stories.ts b/platforms/blabsy/src/lib/ui/Helper/Helper.stories.ts
new file mode 100644
index 00000000..bb4c91fe
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Helper/Helper.stories.ts
@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'svelte';
+import Helper from './Helper.svelte';
+import { HelperText } from './Helper.stories.snippet.svelte';
+
+export default {
+	title: 'UI/Helper',
+	component: Helper,
+	tags: ['autodocs'],
+	render: (args: { Component: Helper; props: ComponentProps<typeof Helper> }) => ({
+		Component: Helper,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: { children: HelperText }
+};
diff --git a/platforms/blabsy/src/lib/ui/Helper/Helper.svelte b/platforms/blabsy/src/lib/ui/Helper/Helper.svelte
new file mode 100644
index 00000000..6719ad51
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Helper/Helper.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IHelperProps extends HTMLAttributes<HTMLElement> {
+		children: Snippet;
+	}
+
+	let { children, ...restProps }: IHelperProps = $props();
+
+	const cBase = 'inline-block text-sm font-geist font-medium text-black-600';
+</script>
+
+<p {...restProps} class={cn([cBase, restProps.class].join(' '))}>
+	{@render children?.()}
+</p>
diff --git a/platforms/blabsy/src/lib/ui/Input/Input.stories.ts b/platforms/blabsy/src/lib/ui/Input/Input.stories.ts
new file mode 100644
index 00000000..650064ca
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Input/Input.stories.ts
@@ -0,0 +1,54 @@
+import { Input } from '..';
+
+export default {
+	title: 'UI/Input',
+	component: Input,
+	tags: ['autodocs'],
+	render: (args: { type: string; placeholder: string }) => ({
+		Component: Input,
+		props: args
+	})
+};
+
+export const Text = {
+	args: {
+		type: 'text',
+		placeholder: 'Joe Biden'
+	}
+};
+
+export const Tel = {
+	args: {
+		type: 'tel',
+		placeholder: '987654321'
+	}
+};
+
+export const NumberInput = {
+	args: {
+		type: 'number',
+		placeholder: 'Enter something'
+	}
+};
+
+export const Email = {
+	args: {
+		type: 'email',
+		placeholder: 'example@email.com'
+	}
+};
+
+export const Invalid = {
+	args: {
+		type: 'email',
+		placeholder: 'Invalid email',
+		value: 'not-an-email'
+	}
+};
+
+export const Password = {
+	args: {
+		type: 'password',
+		placeholder: 'Please enter password'
+	}
+};
diff --git a/platforms/blabsy/src/lib/ui/Input/Input.svelte b/platforms/blabsy/src/lib/ui/Input/Input.svelte
new file mode 100644
index 00000000..4fec6341
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Input/Input.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
+
+	interface IInputProps extends HTMLInputAttributes {
+		type: HTMLInputTypeAttribute;
+		input?: HTMLInputElement;
+		value: string | number | any;
+		placeholder?: string;
+	}
+
+	let {
+		type = 'text',
+		input = $bindable(),
+		value = $bindable(),
+		placeholder = '',
+		...restProps
+	}: IInputProps = $props();
+
+	const cbase = $derived(
+		'w-full bg-grey py-3.5 px-6 text-[15px] text-black-800 font-geist font-normal placeholder:text-black-600 rounded-4xl outline-0 border border-transparent invalid:border-red invalid:text-red focus:invalid:text-black-800 focus:invalid:border-transparent'
+	);
+</script>
+
+<input
+	{...restProps}
+	{type}
+	{placeholder}
+	bind:value
+	bind:this={input}
+	class={cn([cbase, restProps.class].join(' '))}
+	tabindex="0"
+/>
diff --git a/platforms/blabsy/src/lib/ui/Label/Label.stories.snippet.svelte b/platforms/blabsy/src/lib/ui/Label/Label.stories.snippet.svelte
new file mode 100644
index 00000000..4066b5be
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Label/Label.stories.snippet.svelte
@@ -0,0 +1,7 @@
+<script context="module">
+	export { LabelText };
+</script>
+
+{#snippet LabelText()}
+	this is label
+{/snippet}
diff --git a/platforms/blabsy/src/lib/ui/Label/Label.stories.ts b/platforms/blabsy/src/lib/ui/Label/Label.stories.ts
new file mode 100644
index 00000000..69d4f7e0
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Label/Label.stories.ts
@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'svelte';
+import { Label } from '..';
+import { LabelText } from './Label.stories.snippet.svelte';
+
+export default {
+	title: 'UI/Label',
+	component: Label,
+	tags: ['autodocs'],
+	render: (args: { Component: Label; props: ComponentProps<typeof Label> }) => ({
+		Component: Label,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: { children: LabelText }
+};
diff --git a/platforms/blabsy/src/lib/ui/Label/Label.svelte b/platforms/blabsy/src/lib/ui/Label/Label.svelte
new file mode 100644
index 00000000..3be3ade7
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Label/Label.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { Snippet } from 'svelte';
+	import type { HTMLLabelAttributes } from 'svelte/elements';
+
+	interface ILabelProps extends HTMLLabelAttributes {
+		children: Snippet;
+	}
+
+	let { children, ...restProps }: ILabelProps = $props();
+
+	const cBase = 'inline-block text-base font-geist font-medium text-black-800';
+</script>
+
+<label {...restProps} class={cn([cBase, restProps.class].join(' '))}>
+	{@render children?.()}
+</label>
diff --git a/platforms/blabsy/src/lib/ui/Modal/Modal.svelte b/platforms/blabsy/src/lib/ui/Modal/Modal.svelte
new file mode 100644
index 00000000..ba0eff55
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Modal/Modal.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+
+	const dispatch = createEventDispatcher<{
+		close: void;
+	}>();
+
+	const handleBackdropClick = (event: MouseEvent) => {
+		if (event.target === event.currentTarget) {
+			dispatch('close');
+		}
+	};
+
+	const handleKeydown = (event: KeyboardEvent) => {
+		if (event.key === 'Escape') {
+			dispatch('close');
+		}
+	};
+</script>
+
+<svelte:window on:keydown={handleKeydown} />
+
+<div
+	class="w-60vw fixed inset-0 z-50 flex items-center justify-center
+    bg-black/50"
+	on:click={handleBackdropClick}
+>
+	<div class="relative w-[60vw]">
+		<slot />
+	</div>
+</div>
diff --git a/platforms/blabsy/src/lib/ui/Qr/Qr.svelte b/platforms/blabsy/src/lib/ui/Qr/Qr.svelte
new file mode 100644
index 00000000..052a5c4d
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Qr/Qr.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	import QrCode from 'svelte-qrcode';
+
+	export let data: string;
+	export let background = '#ffffff';
+	export let color = '#1d1d1d';
+</script>
+
+<QrCode value={data} {background} {color} size={330} />
diff --git a/platforms/blabsy/src/lib/ui/Select/Select.stories.ts b/platforms/blabsy/src/lib/ui/Select/Select.stories.ts
new file mode 100644
index 00000000..ddd68e6e
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Select/Select.stories.ts
@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'svelte';
+import { Select } from '..';
+
+export default {
+	title: 'UI/Select',
+	component: Select,
+	tags: ['autodocs'],
+	render: (args: { Component: Select; props: ComponentProps<typeof Select> }) => ({
+		Component: Select,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {}
+};
diff --git a/platforms/blabsy/src/lib/ui/Select/Select.svelte b/platforms/blabsy/src/lib/ui/Select/Select.svelte
new file mode 100644
index 00000000..007a4e0a
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Select/Select.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface ISelectProps extends HTMLAttributes<HTMLElement> {
+		options: Array<{
+			code: string;
+			icon: string;
+			name: string;
+		}>;
+	}
+
+	let {
+		options = [
+			{ code: '+41', icon: '🇬🇧', name: 'United Kingdom' },
+			{ code: '+49', icon: '🇩🇪', name: 'Germany' },
+			{ code: '+33', icon: '🇫🇷', name: 'France' }
+		],
+		...restProps
+	}: ISelectProps = $props();
+
+	let selectedCode = $state(options[0].code);
+
+	const cBase = 'bg-grey flex w-[max-content] items-center space-x-2 rounded-full p-1.5';
+</script>
+
+<div {...restProps} class={cn([cBase, restProps.class].join(' '))}>
+	<div class="rounded-full text-2xl">{options.find((c) => c.code === selectedCode)?.icon}</div>
+	<select
+		bind:value={selectedCode}
+		class="text-base focus:ring-2 focus:ring-transparent focus:outline-none"
+	>
+		{#each options as country}
+			<option value={country.code} class="text-black-600 text-base">
+				{country.code}
+			</option>
+		{/each}
+	</select>
+</div>
diff --git a/platforms/blabsy/src/lib/ui/Toggle/Toggle.stories.ts b/platforms/blabsy/src/lib/ui/Toggle/Toggle.stories.ts
new file mode 100644
index 00000000..d814315a
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Toggle/Toggle.stories.ts
@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'svelte';
+import Toggle from './Toggle.svelte';
+
+export default {
+	title: 'UI/Toggle',
+	component: Toggle,
+	tags: ['autodocs'],
+	render: (args: { Component: Toggle; props: ComponentProps<typeof Toggle> }) => ({
+		Component: Toggle,
+		props: args
+	})
+};
+
+export const Primary = {
+	args: {}
+};
diff --git a/platforms/blabsy/src/lib/ui/Toggle/Toggle.svelte b/platforms/blabsy/src/lib/ui/Toggle/Toggle.svelte
new file mode 100644
index 00000000..76b656da
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/Toggle/Toggle.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IToggleProps extends HTMLAttributes<HTMLElement> {
+		checked: boolean;
+	}
+
+	let { checked = $bindable(false), ...restProps }: IToggleProps = $props();
+
+	let uniqueId = Math.random().toString().split('.')[1];
+</script>
+
+<label
+	{...restProps}
+	for={uniqueId}
+	class={cn(['relative', restProps.class].join(' '))}
+	aria-label={restProps['aria-label'] || 'Toggle'}
+	role="switch"
+	aria-checked={checked}
+>
+	<div
+		class={`h-6 w-11 rounded-full ${checked ? 'bg-brand-burnt-orange' : 'bg-gray-200'} transition duration-300`}
+	>
+		<div
+			class={`absolute top-0.5 left-0.5 h-5 w-5 rounded-full bg-white ${checked ? 'translate-x-5' : 'translate-x-0'} transition duration-300`}
+		></div>
+	</div>
+</label>
+
+<input id={uniqueId} type="checkbox" bind:checked class="hidden" aria-hidden="true" />
diff --git a/platforms/blabsy/src/lib/ui/index.ts b/platforms/blabsy/src/lib/ui/index.ts
new file mode 100644
index 00000000..52f1d457
--- /dev/null
+++ b/platforms/blabsy/src/lib/ui/index.ts
@@ -0,0 +1,8 @@
+export { default as Button } from './Button/Button.svelte';
+export { default as Avatar } from './Avatar/Avatar.svelte';
+export { default as Input } from './Input/Input.svelte';
+export { default as Select } from './Select/Select.svelte';
+export { default as Label } from './Label/Label.svelte';
+export { default as Toggle } from './Toggle/Toggle.svelte';
+export { default as Helper } from './Helper/Helper.svelte';
+export { default as Qr } from './Qr/Qr.svelte';
diff --git a/platforms/blabsy/src/lib/utils/axios.ts b/platforms/blabsy/src/lib/utils/axios.ts
new file mode 100644
index 00000000..9974996a
--- /dev/null
+++ b/platforms/blabsy/src/lib/utils/axios.ts
@@ -0,0 +1,23 @@
+import axios, { type AxiosInstance } from 'axios';
+import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+
+const TOKEN_KEY = 'pictique_auth_token';
+
+// Create axios instance with base configuration
+export const apiClient: AxiosInstance = axios.create({
+    baseURL: PUBLIC_PICTIQUE_BASE_URL,
+    headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY)}`
+    }
+});
+
+// Utility function to store auth token
+export const setAuthToken = (token: string): void => {
+    localStorage.setItem(TOKEN_KEY, token);
+};
+
+// Utility function to remove auth token
+export const removeAuthToken = (): void => {
+    localStorage.removeItem(TOKEN_KEY);
+};
diff --git a/platforms/blabsy/src/lib/utils/clickOutside.ts b/platforms/blabsy/src/lib/utils/clickOutside.ts
new file mode 100644
index 00000000..74ad1c69
--- /dev/null
+++ b/platforms/blabsy/src/lib/utils/clickOutside.ts
@@ -0,0 +1,17 @@
+/** Dispatch event on click outside of node */
+export const clickOutside = (node: HTMLElement, callback: () => void) => {
+	const handleClick = (event: Event) => {
+		if (node && !node.contains(event.target as Node) && !event.defaultPrevented) {
+			callback(); // Call the provided callback
+			node.dispatchEvent(new CustomEvent('click_outside'));
+		}
+	};
+
+	document.addEventListener('click', handleClick, true);
+
+	return {
+		destroy() {
+			document.removeEventListener('click', handleClick, true);
+		}
+	};
+};
diff --git a/platforms/blabsy/src/lib/utils/index.ts b/platforms/blabsy/src/lib/utils/index.ts
new file mode 100644
index 00000000..5e5eef8a
--- /dev/null
+++ b/platforms/blabsy/src/lib/utils/index.ts
@@ -0,0 +1,3 @@
+export * from './mergeClasses';
+export * from './clickOutside';
+export * from './axios';
diff --git a/platforms/blabsy/src/lib/utils/mergeClasses.ts b/platforms/blabsy/src/lib/utils/mergeClasses.ts
new file mode 100644
index 00000000..256f86ff
--- /dev/null
+++ b/platforms/blabsy/src/lib/utils/mergeClasses.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}
diff --git a/platforms/blabsy/src/routes/(auth)/auth/+page.svelte b/platforms/blabsy/src/routes/(auth)/auth/+page.svelte
new file mode 100644
index 00000000..8775e679
--- /dev/null
+++ b/platforms/blabsy/src/routes/(auth)/auth/+page.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	import { Qr } from '$lib/ui';
+	import { onMount } from 'svelte';
+	import { apiClient, setAuthToken } from '$lib/utils';
+	import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+	import { goto } from '$app/navigation';
+
+	let qrData: string;
+
+	onMount(async () => {
+		const { data } = await apiClient.get('/api/auth/offerb');
+		qrData = data.uri;
+
+		function watchEventStream(id: string) {
+			const sseUrl = new URL(`/api/auth/sessions/${id}`, PUBLIC_PICTIQUE_BASE_URL).toString();
+			const eventSource = new EventSource(sseUrl);
+
+			eventSource.onopen = function (e) {
+				console.log('Successfully connected.');
+			};
+
+			eventSource.onmessage = function (e) {
+				const data = JSON.parse(e.data);
+				const { token } = data;
+				setAuthToken(token);
+				goto('/home');
+			};
+		}
+
+		watchEventStream(new URL(qrData).searchParams.get('session') as string);
+	});
+</script>
+
+<div
+	class="align-center flex h-full w-full flex-col content-center items-center
+    justify-center"
+>
+	<div
+		class="h-max-[600px] flex w-[300px] flex-col items-center gap-5 rounded-md
+        bg-[#1d1d1d] p-5"
+	>
+		<img src="/images/Logo.svg" alt="logo" />
+
+		<Qr data={qrData} background="#1d1d1d" color="#ffffff"></Qr>
+
+		<h1>Scan the QR to Login</h1>
+	</div>
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/+layout.svelte b/platforms/blabsy/src/routes/(protected)/+layout.svelte
new file mode 100644
index 00000000..cc86793e
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/+layout.svelte
@@ -0,0 +1,158 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { BottomNav, Header, Comment, MessageInput, SideBar } from '$lib/fragments';
+	import UserRequest from '$lib/fragments/UserRequest/UserRequest.svelte';
+	import { showComments } from '$lib/store/store.svelte';
+	import { openCreatePostModal, isCreatePostModalOpen } from '$lib/stores/posts';
+	import { comments, fetchComments, createComment, activePostId } from '$lib/stores/comments';
+	import CreatePostModal from '$lib/fragments/CreatePostModal/CreatePostModal.svelte';
+	import { ArrowLeft01Icon, ArrowLeft02Icon } from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+
+	let { children } = $props();
+
+	let route = $derived(page.url.pathname);
+	let heading = $state('');
+	let commentValue: string = $state('');
+	let commentInput: HTMLInputElement | undefined = $state();
+	let activeReplyToId: string | null = $state(null);
+	let idFromParams = $state();
+	let isCommentsLoading = $state(false);
+	let commentsError = $state<string | null>(null);
+
+	const handleSend = async () => {
+		console.log($activePostId, commentValue);
+		if (!$activePostId || !commentValue.trim()) return;
+
+		try {
+			await createComment($activePostId, commentValue);
+			commentValue = '';
+			activeReplyToId = null;
+		} catch (err) {
+			console.error('Failed to create comment:', err);
+		}
+	};
+
+	$effect(() => {
+		idFromParams = page.params.id;
+
+		if (route.includes('home')) {
+			heading = 'Feed';
+		} else if (route.includes('discover')) {
+			heading = 'Search';
+		} else if (route.includes('post')) {
+			heading = 'Post';
+		} else if (route === `/messages/${idFromParams}`) {
+			heading = 'User Name';
+		} else if (route.includes('messages')) {
+			heading = 'Messages';
+		} else if (route.includes('settings')) {
+			heading = 'Settings';
+		} else if (route.includes('profile')) {
+			heading = 'Profile';
+		}
+	});
+
+	// Watch for changes in showComments to fetch comments when opened
+	$effect(() => {
+		if (showComments.value && activePostId) {
+			isCommentsLoading = true;
+			commentsError = null;
+			fetchComments($activePostId)
+				.catch((err) => {
+					commentsError = err.message;
+				})
+				.finally(() => {
+					isCommentsLoading = false;
+				});
+		}
+	});
+</script>
+
+<main
+	class={`block h-[100dvh] ${route !== '/home' && route !== '/messages' && route !== '/profile' && route !== '/settings' && !route.includes('/profile') ? 'grid-cols-[20vw_auto]' : 'grid-cols-[20vw_auto_30vw]'} md:grid`}
+>
+	<SideBar
+		profileSrc="https://picsum.photos/200"
+		handlePost={async () => {
+			openCreatePostModal();
+		}}
+	/>
+	<section class="hide-scrollbar h-[100dvh] overflow-y-auto px-4 pb-8 md:px-8 md:pt-8">
+		<div class="flex flex-col">
+			<Header
+				variant={route === `/messages/${idFromParams}`
+					? 'secondary'
+					: route.includes('profile')
+						? 'tertiary'
+						: 'primary'}
+				{heading}
+				isCallBackNeeded={route.includes('profile')}
+				callback={() => alert('Ads')}
+				options={[
+					{ name: 'Report', handler: () => alert('report') },
+					{ name: 'Clear chat', handler: () => alert('clear') }
+				]}
+			/>
+			{@render children()}
+		</div>
+	</section>
+	{#if route === '/home' || route === '/messages'}
+		<aside
+			class="hide-scrollbar relative hidden h-[100dvh] overflow-y-scroll border border-e-0 border-t-0 border-b-0 border-s-black px-8 pt-14 md:block"
+		>
+			{#if route === '/home'}
+				{#if showComments.value}
+					<ul class="pb-4">
+						<h3 class="text-black-600 mb-6 text-center">{$comments.length} Comments</h3>
+						{#if isCommentsLoading}
+							<li class="text-center text-gray-500">Loading comments...</li>
+						{:else if commentsError}
+							<li class="text-center text-red-500">{commentsError}</li>
+						{:else}
+							{#each $comments as comment}
+								<li class="mb-4">
+									<Comment
+										comment={{
+											userImgSrc:
+												comment.author.avatarUrl ||
+												'https://picsum.photos/200/200',
+											name: comment.author.name || comment.author.handle,
+											commentId: comment.id,
+											comment: comment.text,
+											isUpVoted: false,
+											isDownVoted: false,
+											upVotes: 0,
+											time: new Date(comment.createdAt).toLocaleDateString(),
+											replies: []
+										}}
+										handleReply={() => {
+											activeReplyToId = comment.id;
+											commentInput?.focus();
+										}}
+									/>
+								</li>
+							{/each}
+						{/if}
+						<MessageInput
+							class="sticky start-0 bottom-4 mt-4 w-full px-2"
+							variant="comment"
+							src="https://picsum.photos/200/200"
+							bind:value={commentValue}
+							{handleSend}
+							bind:input={commentInput}
+						/>
+					</ul>
+				{/if}
+			{/if}
+		</aside>
+	{/if}
+
+	{#if route !== `/messages/${idFromParams}`}
+		<BottomNav class="btm-nav" profileSrc="https://picsum.photos/200" />
+	{/if}
+</main>
+
+{#if $isCreatePostModalOpen}
+	<CreatePostModal />
+{/if}
diff --git a/platforms/blabsy/src/routes/(protected)/discover/+page.svelte b/platforms/blabsy/src/routes/(protected)/discover/+page.svelte
new file mode 100644
index 00000000..b95f5748
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/discover/+page.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+	import { UserRequest } from '$lib/fragments';
+	import { Input } from '$lib/ui';
+	import {
+		searchResults,
+		isSearching,
+		searchError,
+		searchUsers,
+		followUser
+	} from '$lib/stores/users';
+	import { goto } from '$app/navigation';
+	import { onMount } from 'svelte';
+
+	let searchValue = $state('');
+	let debounceTimer: NodeJS.Timeout;
+
+	function handleSearch(value: string) {
+		searchValue = value;
+		clearTimeout(debounceTimer);
+		debounceTimer = setTimeout(() => {
+			searchUsers(value);
+		}, 300);
+	}
+
+	function handleProfileClick(userId: string) {
+		goto(`/profile/${userId}`);
+	}
+
+	async function handleFollow(userId: string) {
+		const success = await followUser(userId);
+		if (success) {
+			// Optionally refresh the search results to show updated follow status
+			searchUsers(searchValue);
+		}
+	}
+
+	onMount(() => {
+		return () => {
+			clearTimeout(debounceTimer);
+		};
+	});
+</script>
+
+<section class="w-full max-w-[500px]">
+	<Input
+		type="text"
+		bind:value={searchValue}
+		placeholder="Search users..."
+		oninput={(e: Event) => handleSearch((e.target as HTMLInputElement).value)}
+	/>
+
+	{#if $isSearching}
+		<div class="mt-6 text-center text-gray-500">Searching...</div>
+	{:else if $searchError}
+		<div class="mt-6 text-center text-red-500">{$searchError}</div>
+	{:else if searchValue && $searchResults.length === 0}
+		<div class="mt-6 text-center text-gray-500">No users found</div>
+	{:else if searchValue}
+		<ul class="mt-6 space-y-4 pb-4">
+			{#each $searchResults as user}
+				<li>
+					<UserRequest
+						userImgSrc={user.avatarUrl || 'https://picsum.photos/200'}
+						userName={user.name || user.handle}
+						description={user.description || ''}
+						handleFollow={() => handleFollow(user.id)}
+						onclick={() => handleProfileClick(user.id)}
+					/>
+				</li>
+			{/each}
+		</ul>
+	{/if}
+</section>
diff --git a/platforms/blabsy/src/routes/(protected)/home/+page.svelte b/platforms/blabsy/src/routes/(protected)/home/+page.svelte
new file mode 100644
index 00000000..3e33b5e1
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/home/+page.svelte
@@ -0,0 +1,134 @@
+<script lang="ts">
+	import { Drawer, Post } from '$lib/fragments';
+	import { onMount } from 'svelte';
+	import type { CupertinoPane } from 'cupertino-pane';
+	import { Comment, MessageInput } from '$lib/fragments';
+	import type { CommentType } from '$lib/types';
+	import { showComments } from '$lib/store/store.svelte';
+	import { posts, isLoading, error, fetchFeed, toggleLike } from '$lib/stores/posts';
+	import { activePostId } from '$lib/stores/comments';
+
+	let listElement: HTMLElement;
+	let drawer: CupertinoPane | undefined = $state();
+	let commentValue: string = $state('');
+	let commentInput: HTMLInputElement | undefined = $state();
+	let _comments = $state<CommentType[]>([]);
+	let activeReplyToId: string | null = $state(null);
+
+	const onScroll = () => {
+		if (listElement.scrollTop + listElement.clientHeight >= listElement.scrollHeight) {
+			// TODO: Implement pagination
+		}
+	};
+
+	const handleSend = async () => {
+		const newComment = {
+			userImgSrc: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
+			name: 'You',
+			commentId: Date.now().toString(),
+			comment: commentValue,
+			isUpVoted: false,
+			isDownVoted: false,
+			upVotes: 0,
+			time: 'Just now',
+			replies: []
+		};
+
+		if (activeReplyToId) {
+			// Find the parent comment by id and push reply
+			const addReplyToComment = (commentsArray: CommentType[]) => {
+				for (const c of commentsArray) {
+					if (c.commentId === activeReplyToId) {
+						c.replies.push(newComment);
+						return true;
+					} else if (c.replies.length) {
+						if (addReplyToComment(c.replies)) return true;
+					}
+				}
+				return false;
+			};
+			addReplyToComment(_comments);
+		} else {
+			// If no activeReplyToId, add as a new parent comment
+			_comments = [newComment, ..._comments];
+		}
+		commentValue = '';
+		activeReplyToId = null;
+	};
+
+	$effect(() => {
+		listElement.addEventListener('scroll', onScroll);
+		return () => listElement.removeEventListener('scroll', onScroll);
+	});
+
+	onMount(() => {
+		fetchFeed();
+	});
+</script>
+
+<div class="flex flex-col">
+	<ul bind:this={listElement} class="hide-scrollbar h-[100vh] overflow-auto">
+		{#if $isLoading}
+			<li class="my-4 text-center">Loading posts...</li>
+		{:else if $error}
+			<li class="my-4 text-center text-red-500">{$error}</li>
+		{:else}
+			{#each $posts.posts as post (post.id)}
+				<li class="mb-6">
+					<Post
+						avatar={post.author.avatarUrl}
+						username={post.author.handle}
+						imgUris={post.images}
+						text={post.text}
+						time={new Date(post.createdAt).toLocaleDateString()}
+						count={{ likes: post.likedBy.length, comments: post.comments.length }}
+						callback={{
+							like: async () => {
+								try {
+									await toggleLike(post.id);
+									await fetchFeed(); // Refresh feed to update like count
+								} catch (err) {
+									console.error('Failed to toggle like:', err);
+								}
+							},
+							comment: () => {
+								if (window.matchMedia('(max-width: 768px)').matches) {
+									drawer?.present({ animate: true });
+								} else {
+									showComments.value = true;
+									activePostId.set(post.id);
+								}
+							},
+							menu: () => alert('menu')
+						}}
+					/>
+				</li>
+			{/each}
+		{/if}
+	</ul>
+</div>
+
+<Drawer bind:drawer>
+	<ul class="pb-4">
+		<h3 class="text-black-600 mb-6 text-center">{_comments.length} Comments</h3>
+		{#each _comments as comment}
+			<li class="mb-4">
+				<Comment
+					{comment}
+					handleReply={() => {
+						activeReplyToId = comment.commentId;
+						commentInput?.focus();
+					}}
+				/>
+			</li>
+		{/each}
+		<MessageInput
+			class="fixed start-0 bottom-4 mt-4 w-full px-5"
+			variant="comment"
+			src="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
+			bind:value={commentValue}
+			{handleSend}
+			bind:input={commentInput}
+		/>
+	</ul>
+</Drawer>
diff --git a/platforms/blabsy/src/routes/(protected)/messages/+page.svelte b/platforms/blabsy/src/routes/(protected)/messages/+page.svelte
new file mode 100644
index 00000000..f31526e2
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/messages/+page.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { Message } from '$lib/fragments';
+	import { Input } from '$lib/ui';
+
+	let searchValue = $state('');
+</script>
+
+<section>
+	{#if true}
+		<h2>You don't have any messages yet</h2>
+	{:else}
+		<Input type="text" bind:value={searchValue} placeholder="Search Messages" class="my-6" />
+		<Message
+			class="mb-6"
+			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
+			username="donaldthefirstt"
+			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
+			unread={false}
+			callback={() => goto(`/messages/${0}`)}
+		/>
+		<Message
+			class="mb-6"
+			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
+			username="donaldthefirstt"
+			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
+			unread={true}
+			callback={() => goto(`/messages/${1}`)}
+		/>
+	{/if}
+</section>
diff --git a/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte b/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte
new file mode 100644
index 00000000..8e6ed045
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { MessageInput, ChatMessage } from '$lib/fragments';
+
+	let messageValue = $state('');
+</script>
+
+<section class="chat relative px-0">
+	{#each { length: 12 } as _}
+		<ChatMessage
+			isOwn={true}
+			userImgSrc="https://picsum.photos/id/237/200/300"
+			time="12:55 AM"
+			message="Lorem ipsum dolor sit amet consectetur adipisicing"
+		/>
+
+		<ChatMessage
+			isOwn={true}
+			userImgSrc="https://picsum.photos/id/237/200/300"
+			time="12:55 AM"
+			isHeadNeeded={false}
+			message="Lorem ipsum dolor sit amet consectetur adipisicing"
+		/>
+
+		<ChatMessage
+			isOwn={true}
+			userImgSrc="https://picsum.photos/id/237/200/300"
+			time="12:55 AM"
+			isHeadNeeded={false}
+			message="Lorem ipsum dolor sit amet consectetur adipisicing"
+		/>
+
+		<ChatMessage
+			isOwn={false}
+			userImgSrc="https://picsum.photos/id/237/500"
+			time="12:55 AM"
+			message="Lorem ipsum dolor sit amet consectetur adipisicing"
+		/>
+
+		<ChatMessage
+			isOwn={false}
+			userImgSrc="https://picsum.photos/id/237/500"
+			time="12:55 AM"
+			isHeadNeeded={true}
+			message="Lorem ipsum dolor sit amet consectetur adipisicing"
+		/>
+
+		<ChatMessage
+			isOwn={true}
+			userImgSrc="https://picsum.photos/id/237/500"
+			time="12:55 AM"
+			isHeadNeeded={false}
+			message="Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing "
+		/>
+	{/each}
+
+	<MessageInput
+		class="sticky start-0 bottom-[-15px] w-full"
+		variant="dm"
+		src="https://picsum.photos/id/237/200/300"
+		bind:value={messageValue}
+		handleSend={async () => alert('sent')}
+	/>
+</section>
diff --git a/platforms/blabsy/src/routes/(protected)/post/+page.svelte b/platforms/blabsy/src/routes/(protected)/post/+page.svelte
new file mode 100644
index 00000000..e69de29b
diff --git a/platforms/blabsy/src/routes/(protected)/profile/+page.svelte b/platforms/blabsy/src/routes/(protected)/profile/+page.svelte
new file mode 100644
index 00000000..0fbba997
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/profile/+page.svelte
@@ -0,0 +1,2 @@
+<script lang="ts">
+</script>
diff --git a/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte
new file mode 100644
index 00000000..3fb77a7e
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import { Profile } from '$lib/fragments';
+	import { ownerId, selectedPost } from '$lib/store/store.svelte';
+	import type { userProfile, PostData } from '$lib/types';
+
+	let profileId = $derived(page.params.id);
+
+	const profile: userProfile = $state({
+		userId: page.params.id,
+		username: 'Ananya Rana',
+		avatar: 'https://picsum.photos/200/300',
+		totalPosts: 1,
+		followers: 300,
+		following: 150,
+		userBio:
+			'Friendly nerd who likes to not meet people as much as possible. Leave the earth for me yall.',
+		posts: [
+			{
+				id: '1',
+				avatar: 'https://picsum.photos/200/300',
+				userId: 'asdf',
+				username: '_.ananyayaya._',
+				imgUris: [
+					'https://picsum.photos/800',
+					'https://picsum.photos/600',
+					'https://picsum.photos/800',
+					'https://picsum.photos/600'
+				],
+				caption: 'Loved this one!',
+				time: '2h ago',
+				count: { likes: 200, comments: 45 }
+			},
+			{
+				id: '2',
+				avatar: 'https://picsum.photos/200/300',
+				userId: 'asdf',
+				username: '_.ananyayaya._',
+				imgUris: ['https://picsum.photos/id/1012/200/200'],
+				caption: 'Loved this one!',
+				time: '2h ago',
+				count: { likes: 200, comments: 45 }
+			},
+			{
+				id: '3',
+				avatar: 'https://picsum.photos/200/300',
+				userId: 'asdf',
+				username: '_.ananyayaya._',
+				imgUris: ['https://picsum.photos/id/1013/200/200'],
+				caption: 'Loved this one!',
+				time: '2h ago',
+				count: { likes: 200, comments: 45 }
+			}
+		]
+	});
+
+	function handlePostClick(post: PostData) {
+		selectedPost.value = post;
+		goto('/profile/post');
+	}
+</script>
+
+<section class="pb-8">
+	<Profile
+		variant={ownerId.value === profileId ? 'user' : 'other'}
+		profileData={profile}
+		handleSinglePost={(post) => handlePostClick(post)}
+		handleFollow={async () => alert('followed')}
+		handleMessage={async () => goto('/messages')}
+	/>
+</section>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/+layout.svelte b/platforms/blabsy/src/routes/(protected)/settings/+layout.svelte
new file mode 100644
index 00000000..2f3999fb
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/+layout.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	let { children } = $props();
+</script>
+
+<div class="flex flex-col gap-5">
+	{@render children()}
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/+page.svelte
new file mode 100644
index 00000000..70433ebb
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/+page.svelte
@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import SettingsNavigationButton from '$lib/fragments/SettingsNavigationButton/SettingsNavigationButton.svelte';
+	import {
+		DatabaseIcon,
+		Logout01Icon,
+		Notification02FreeIcons
+	} from '@hugeicons/core-free-icons';
+	import { HugeiconsIcon } from '@hugeicons/svelte';
+
+	let route = $derived(page.url.pathname);
+	let username: string = $state('_.ananyayaya._');
+	let userEmail: string = $state('ananya@auvo.io');
+	let userImage: string = $state('https://picsum.photos/200/300');
+</script>
+
+<div class="bg-grey rounded-xl p-3 md:p-5">
+	<SettingsNavigationButton onclick={() => goto(`/settings/account`)} profileSrc={userImage}>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-lg">{username}</h2>
+				<p class="text-sm">{userEmail}</p>
+			</div>
+		{/snippet}
+	</SettingsNavigationButton>
+</div>
+<hr class="text-grey" />
+<div class="flex flex-col gap-3">
+	<h3 class="text-brand-burnt-orange text-base font-semibold">Personalisation</h3>
+	<div class="{route === `/settings/notifications` ? 'bg-grey' : ''} rounded-xl p-2">
+		<SettingsNavigationButton onclick={() => goto(`/settings/notifications`)}>
+			{#snippet leadingIcon()}
+				<HugeiconsIcon
+					size="24px"
+					icon={Notification02FreeIcons}
+					color="var(--color-brand-burnt-orange)"
+				/>
+			{/snippet}
+			{#snippet children()}
+				Notifications
+			{/snippet}
+		</SettingsNavigationButton>
+	</div>
+	<div class="{route === `/settings/data-and-storage` ? 'bg-grey' : ''} rounded-xl p-2">
+		<SettingsNavigationButton onclick={() => goto(`/settings/data-and-storage`)}>
+			{#snippet leadingIcon()}
+				<HugeiconsIcon
+					size="24px"
+					icon={DatabaseIcon}
+					color="var(--color-brand-burnt-orange)"
+				/>
+			{/snippet}
+			{#snippet children()}
+				Data & Storage
+			{/snippet}
+		</SettingsNavigationButton>
+	</div>
+	<hr class="text-grey" />
+	<div class="{route === `/settings/logout` ? 'bg-grey' : ''} rounded-xl p-2">
+		<SettingsNavigationButton onclick={() => goto(`/settings/logout`)}>
+			{#snippet leadingIcon()}
+				<HugeiconsIcon
+					size="24px"
+					icon={Logout01Icon}
+					color="var(--color-brand-burnt-orange)"
+				/>
+			{/snippet}
+			{#snippet children()}
+				Logout
+			{/snippet}
+		</SettingsNavigationButton>
+	</div>
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte
new file mode 100644
index 00000000..b37422aa
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { SettingsNavigationButton } from '$lib/fragments';
+</script>
+
+<div class="flex flex-col gap-3">
+	<SettingsNavigationButton onclick={() => goto('/settings/account/username')}>
+		{#snippet children()}
+			Username
+		{/snippet}
+	</SettingsNavigationButton>
+	<hr class="text-grey" />
+	<SettingsNavigationButton onclick={() => goto('/settings/account/deactivate')}>
+		{#snippet children()}
+			Deactivate Account
+		{/snippet}
+	</SettingsNavigationButton>
+	<hr class="text-grey" />
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte
new file mode 100644
index 00000000..67214d5b
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte
@@ -0,0 +1,19 @@
+<script>
+	import { SettingsNavigationButton } from '$lib/fragments';
+	import { Button } from '$lib/ui';
+</script>
+
+<div class="flex flex-col gap-3">
+	<SettingsNavigationButton hasTrailingIcon={false}>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-black-800 text-base">
+					Are you sure you want to deactivate this account?
+				</h2>
+				<p class="text-black-600 text-sm">You can log back in anytime</p>
+			</div>
+		{/snippet}
+	</SettingsNavigationButton>
+	<hr class="text-grey" />
+	<Button size="sm" variant="secondary" callback={() => alert('logout')}>Logout</Button>
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte
new file mode 100644
index 00000000..02dbebc0
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { Button, Helper, Input, Label } from '$lib/ui';
+
+	let username: string;
+</script>
+
+<div>
+	<Label>Change your username</Label>
+	<Input type="text" placeholder="Edit Username" bind:value={username} />
+	<Helper>You can only do this 3 more times</Helper>
+</div>
+<hr class="text-grey" />
+<Button size="sm" variant="secondary" callback={() => alert('saved')}>Save Changes</Button>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/data-and-storage/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/data-and-storage/+page.svelte
new file mode 100644
index 00000000..27c9c9e4
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/data-and-storage/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { SettingsNavigationButton } from '$lib/fragments';
+</script>
+
+<div class="flex flex-col gap-3">
+	<SettingsNavigationButton>
+		{#snippet children()}
+			Merul will add things here (as per out discussion)
+		{/snippet}
+	</SettingsNavigationButton>
+	<hr class="text-grey" />
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/logout/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/logout/+page.svelte
new file mode 100644
index 00000000..d1fca886
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/logout/+page.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { Button } from '$lib/ui';
+	import { SettingsNavigationButton } from '$lib/fragments';
+</script>
+
+<div class="flex flex-col gap-3">
+	<SettingsNavigationButton
+		hasTrailingIcon={false}
+		onclick={() => goto(`/settings/data-and-storage`)}
+	>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-black-800 text-base">Do you want to log out?</h2>
+				<p class="text-black-600 text-sm">You can log back in anytime</p>
+			</div>
+		{/snippet}
+	</SettingsNavigationButton>
+	<hr class="text-grey" />
+	<Button size="sm" variant="secondary" callback={() => alert('logout')}>Logout</Button>
+</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/notifications/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/notifications/+page.svelte
new file mode 100644
index 00000000..fe6abb9e
--- /dev/null
+++ b/platforms/blabsy/src/routes/(protected)/settings/notifications/+page.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	import { SettingsToggleButton } from '$lib/fragments';
+</script>
+
+<div class="flex flex-col gap-3">
+	<SettingsToggleButton checked={false}>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-black-800 text-base">Push Notifications</h2>
+			</div>
+		{/snippet}
+	</SettingsToggleButton>
+	<hr class="text-grey" />
+	<SettingsToggleButton checked={false}>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-black-800 text-base">Post Interactions</h2>
+				<p class="text-black-600 text-sm">Likes and comments on your post</p>
+			</div>
+		{/snippet}
+	</SettingsToggleButton>
+	<hr class="text-grey" />
+	<SettingsToggleButton checked={false}>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-black-800 text-base">DM Requests</h2>
+			</div>
+		{/snippet}
+	</SettingsToggleButton>
+	<hr class="text-grey" />
+	<SettingsToggleButton checked={false}>
+		{#snippet children()}
+			<div class="flex flex-col items-start">
+				<h2 class="text-black-800 text-base">New Followers</h2>
+			</div>
+		{/snippet}
+	</SettingsToggleButton>
+	<hr class="text-grey" />
+</div>
diff --git a/platforms/blabsy/src/routes/+layout.svelte b/platforms/blabsy/src/routes/+layout.svelte
new file mode 100644
index 00000000..d2583c88
--- /dev/null
+++ b/platforms/blabsy/src/routes/+layout.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	import { onNavigate } from '$app/navigation';
+	import { isNavigatingThroughNav, ownerId } from '$lib/store/store.svelte';
+	import { onMount } from 'svelte';
+	import '../app.css';
+	import { page } from '$app/state';
+
+	let { children } = $props();
+
+	let previousRoute = null;
+	let showSplashScreen = $state(true);
+
+	onNavigate((navigation) => {
+		if (!document.startViewTransition) return;
+		if (!window.matchMedia('(max-width: 768px)').matches) {
+			return;
+		}
+
+		const currentRoute = navigation.from?.url.pathname;
+		const targetRoute = navigation.to?.url.pathname;
+
+		if (currentRoute === targetRoute) {
+			return;
+		}
+		if (!isNavigatingThroughNav.value) {
+			const currentDirection = 'right';
+			document.documentElement.setAttribute('data-transition', currentDirection);
+			previousRoute = targetRoute;
+		}
+
+		return new Promise((resolve) => {
+			document.startViewTransition(async () => {
+				resolve();
+				await navigation.complete;
+			});
+		});
+	});
+
+	onMount(() => {
+		ownerId.value = '1';
+		setTimeout(() => {
+			showSplashScreen = false;
+		}, 2500);
+	});
+</script>
+
+{#if showSplashScreen}
+	<main class="grid h-[100dvh] w-full items-center justify-center">
+		<img src="/images/Logo.svg" alt="logo" />
+	</main>
+{:else}
+	<main
+		class="h-[100dvh] overflow-hidden {page.url.pathname.includes('/profile')
+			? 'px-0'
+			: 'px-4'}  md:px-0"
+	>
+		{@render children()}
+	</main>
+{/if}
diff --git a/platforms/blabsy/src/routes/+layout.ts b/platforms/blabsy/src/routes/+layout.ts
new file mode 100644
index 00000000..ceccaaf6
--- /dev/null
+++ b/platforms/blabsy/src/routes/+layout.ts
@@ -0,0 +1,2 @@
+export const prerender = true;
+export const ssr = false;
diff --git a/platforms/blabsy/src/routes/+page.svelte b/platforms/blabsy/src/routes/+page.svelte
new file mode 100644
index 00000000..ab9f5e28
--- /dev/null
+++ b/platforms/blabsy/src/routes/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+
+	$effect(() => {
+		goto('/home');
+	});
+</script>
diff --git a/platforms/blabsy/static/favicon.png b/platforms/blabsy/static/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..825b9e65af7c104cfb07089bb28659393b4f2097
GIT binary patch
literal 1571
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
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa

literal 0
HcmV?d00001

diff --git a/platforms/blabsy/static/fonts/Geist-VariableFont_wght.ttf b/platforms/blabsy/static/fonts/Geist-VariableFont_wght.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ad6f2c5ac5e8f57598bbc35e02c00f80961d6b7d
GIT binary patch
literal 148832
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
G<o^ZL;Jxqw

literal 0
HcmV?d00001

diff --git a/platforms/blabsy/static/images/Logo.svg b/platforms/blabsy/static/images/Logo.svg
new file mode 100644
index 00000000..2c56ed0b
--- /dev/null
+++ b/platforms/blabsy/static/images/Logo.svg
@@ -0,0 +1,44 @@
+<svg width="150" height="135" viewBox="0 0 150 135" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_2310_3649)">
+<rect x="38" y="3" width="74" height="74" rx="18" stroke="url(#paint0_linear_2310_3649)" stroke-width="6"/>
+<path d="M70.3509 57.5896C68.2425 57.5896 66.3664 57.0715 64.7225 56.0351C63.1144 54.9631 62.0423 53.5515 61.5063 51.8004L62.0959 50.0315V53.355C62.0959 54.6772 61.7565 55.6956 61.0775 56.4104C60.3985 57.1251 59.4158 57.4824 58.1293 57.4824C56.8428 57.4824 55.8422 57.1251 55.1275 56.4104C54.4485 55.6956 54.109 54.6772 54.109 53.355V22.8545C54.109 21.4965 54.4485 20.4781 55.1275 19.7991C55.8422 19.0844 56.8607 18.727 58.1829 18.727C59.4694 18.727 60.4521 19.0844 61.1311 19.7991C61.8458 20.4781 62.2032 21.4965 62.2032 22.8545V35.5586H61.5599C62.1317 33.9504 63.2216 32.6461 64.8297 31.6455C66.4378 30.6449 68.2782 30.1446 70.3509 30.1446C72.6737 30.1446 74.6928 30.6985 76.4081 31.8063C78.1234 32.9141 79.4635 34.4865 80.4284 36.5234C81.3932 38.5604 81.8757 40.9904 81.8757 43.8135C81.8757 46.6366 81.3932 49.0845 80.4284 51.1572C79.4635 53.2299 78.1056 54.8201 76.3545 55.9279C74.6392 57.0357 72.638 57.5896 70.3509 57.5896ZM67.9387 51.5324C69.0823 51.5324 70.0829 51.2465 70.9405 50.6748C71.8339 50.103 72.5129 49.2632 72.9775 48.1554C73.4778 47.0119 73.7279 45.5646 73.7279 43.8135C73.7279 41.2048 73.1919 39.2929 72.1198 38.0779C71.0478 36.8272 69.6541 36.2018 67.9387 36.2018C66.7952 36.2018 65.7767 36.4698 64.8833 37.0059C64.0257 37.5419 63.3467 38.3817 62.8464 39.5252C62.3461 40.633 62.0959 42.0625 62.0959 43.8135C62.0959 46.4222 62.632 48.3698 63.7041 49.6563C64.7761 50.9071 66.1877 51.5324 67.9387 51.5324Z" fill="url(#paint1_linear_2310_3649)"/>
+</g>
+<g filter="url(#filter1_i_2310_3649)">
+<path d="M27.5881 126V103.28H36.1001C41.6361 103.28 44.5801 105.168 44.5801 109.424C44.5801 112.144 42.9161 113.968 40.0041 114.256C43.5561 114.544 45.5401 116.656 45.5401 119.76C45.5401 123.92 42.5641 126 37.2521 126H27.5881ZM37.0601 122.48C39.6521 122.48 41.2841 121.392 41.2841 119.312C41.2841 117.2 39.6841 116.08 37.0601 116.08H31.7481V122.48H37.0601ZM35.9721 112.816C38.6921 112.816 40.3241 111.76 40.3241 109.808C40.3241 107.76 38.7881 106.8 35.9721 106.8H31.7481V112.816H35.9721ZM52.3661 126C49.8381 126 48.2381 124.816 48.2381 121.968L48.2701 103.28H52.3661V121.552C52.3661 122.448 52.8141 122.832 53.6461 122.832H54.8941V126H52.3661ZM61.9821 126.384C58.3981 126.384 56.0301 124.688 56.0301 121.712C56.0301 118.768 57.8541 117.2 61.5981 116.464L67.2621 115.344C67.2621 112.944 66.1421 111.696 63.9981 111.696C61.9821 111.696 60.8941 112.624 60.5101 114.352L56.3181 114.16C56.9901 110.576 59.7421 108.528 63.9981 108.528C68.8621 108.528 71.3581 111.088 71.3581 115.632V121.84C71.3581 122.768 71.6781 123.024 72.3181 123.024H72.8621V126C72.6061 126.064 71.9341 126.128 71.3901 126.128C69.5341 126.128 68.1581 125.456 67.8061 123.344C66.9741 125.168 64.7981 126.384 61.9821 126.384ZM62.8141 123.408C65.5341 123.408 67.2621 121.68 67.2621 119.088V118.128L62.8461 119.024C61.0221 119.376 60.2861 120.144 60.2861 121.328C60.2861 122.672 61.1821 123.408 62.8141 123.408ZM83.9871 126.384C81.5871 126.384 79.7631 125.296 78.8031 123.472L78.7071 126H74.8031V103.28H78.8991V111.344C79.7951 109.808 81.6191 108.528 83.9871 108.528C88.4031 108.528 91.1871 112.016 91.1871 117.456C91.1871 122.896 88.4031 126.384 83.9871 126.384ZM83.0591 123.056C85.3951 123.056 86.9311 120.944 86.9311 117.456C86.9311 113.904 85.4271 111.856 83.0911 111.856C80.4351 111.856 78.8991 113.904 78.8991 117.456C78.8991 120.944 80.4351 123.056 83.0591 123.056ZM100.282 126.384C95.2259 126.384 92.5699 123.984 92.3139 120.624L96.5059 120.432C96.7939 122.224 97.9139 123.248 100.282 123.248C102.202 123.248 103.354 122.672 103.354 121.328C103.354 120.176 102.778 119.664 99.6099 119.12C94.3619 118.224 92.7299 116.816 92.7299 113.904C92.7299 110.736 95.2259 108.528 99.9619 108.528C104.57 108.528 106.938 110.992 107.418 114.288L103.258 114.48C102.97 112.752 101.818 111.664 99.9299 111.664C97.9779 111.664 96.9859 112.528 96.9859 113.776C96.9859 115.152 97.8819 115.696 100.474 116.112C105.85 116.944 107.61 118.416 107.61 121.264C107.61 124.56 104.634 126.384 100.282 126.384ZM110.178 130.8V127.632H112.354C113.474 127.632 113.922 127.312 114.242 126.512L114.69 125.328H113.506L107.426 108.912H111.65L115.97 121.488L120.034 108.912H124.29L117.602 127.792C116.866 129.904 115.586 130.8 113.09 130.8H110.178Z" fill="url(#paint2_linear_2310_3649)"/>
+</g>
+<defs>
+<filter id="filter0_i_2310_3649" x="35" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2310_3649"/>
+</filter>
+<filter id="filter1_i_2310_3649" x="27.5881" y="103.28" width="96.7018" height="27.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.4"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2310_3649"/>
+</filter>
+<linearGradient id="paint0_linear_2310_3649" x1="4.78723" y1="11.2" x2="160.008" y2="16.1309" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4D44EF"/>
+<stop offset="0.5" stop-color="#EB5BF3"/>
+<stop offset="1" stop-color="#F7A428"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2310_3649" x1="38.5372" y1="13.22" x2="102.617" y2="14.1402" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4D44EF"/>
+<stop offset="0.5" stop-color="#EB5BF3"/>
+<stop offset="1" stop-color="#F7A428"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2310_3649" x1="-56.6489" y1="100.6" x2="230.607" y2="134.82" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4D44EF"/>
+<stop offset="0.5" stop-color="#EB5BF3"/>
+<stop offset="1" stop-color="#F7A428"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/platforms/blabsy/svelte.config.js b/platforms/blabsy/svelte.config.js
new file mode 100644
index 00000000..27ddeeee
--- /dev/null
+++ b/platforms/blabsy/svelte.config.js
@@ -0,0 +1,14 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+const config = {
+    preprocess: vitePreprocess(),
+    kit: {
+        adapter: adapter(),
+        env: {
+            dir: '../../'
+        }
+    }
+};
+
+export default config;
diff --git a/platforms/blabsy/tsconfig.json b/platforms/blabsy/tsconfig.json
new file mode 100644
index 00000000..0b2d8865
--- /dev/null
+++ b/platforms/blabsy/tsconfig.json
@@ -0,0 +1,19 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
diff --git a/platforms/blabsy/vite.config.ts b/platforms/blabsy/vite.config.ts
new file mode 100644
index 00000000..2d35c4f5
--- /dev/null
+++ b/platforms/blabsy/vite.config.ts
@@ -0,0 +1,7 @@
+import tailwindcss from '@tailwindcss/vite';
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [tailwindcss(), sveltekit()]
+});
diff --git a/platforms/pictique/src/lib/fragments/Post/Post.svelte b/platforms/pictique/src/lib/fragments/Post/Post.svelte
index 573e52bb..2e3f56aa 100644
--- a/platforms/pictique/src/lib/fragments/Post/Post.svelte
+++ b/platforms/pictique/src/lib/fragments/Post/Post.svelte
@@ -96,68 +96,66 @@
 			class="flex items-center justify-between gap-2"
 			onclick={() => goto(`/profile/${userId}`)}
 		>
-			<Avatar src={avatar} alt={username} size="sm"></Avatar>
+			<Avatar src={avatar ?? 'https://picsum.photos/200/200'} alt={username} size="sm"
+			></Avatar>
 			<h2>{username}</h2>
 		</div>
 		<button onclick={callback.menu} class="cursor-pointer rounded-full p-2 hover:bg-gray-100">
 			<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="var(--color-black-500)" />
 		</button>
 	</div>
-	<div class="relative">
-		{#if imgUris.length > 1}
-			<button
-				onclick={scrollLeft}
-				class="absolute start-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
-			>
-				<HugeiconsIcon icon={ArrowLeftIcon} size={20} color="black" />
-			</button>
-		{/if}
-		<div
-			bind:this={galleryRef}
-			onscroll={handleScroll}
-			class="hide-scrollbar flex aspect-[4/5] snap-x snap-mandatory flex-nowrap gap-2 overflow-hidden overflow-x-scroll rounded-4xl md:aspect-[16/9]"
-		>
-			{#each imgUris as img}
-				<div class="aspect-[4/5] h-full w-full snap-center md:aspect-[16/9]">
-					<img
-						src={img}
-<<<<<<< HEAD:platforms/pictique/src/lib/fragments/Post/Post.svelte
-						alt={postAlt ?? text}
-						class="h-full w-full rounded-4xl object-cover"
-						onerror={handleImageError}
-=======
-						alt={'post by ' + username}
-						class=" h-full w-full rounded-4xl object-cover"
->>>>>>> 52fa5ad87a98c94d6e905e00b2137487c0b16609:platforms/metagram/src/lib/fragments/Post/Post.svelte
-					/>
-				</div>
-			{/each}
-		</div>
-		{#if imgUris.length > 1}
+	{#if imgUris.length > 0}
+		<div class="relative">
+			{#if imgUris.length > 1}
+				<button
+					onclick={scrollLeft}
+					class="absolute start-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+				>
+					<HugeiconsIcon icon={ArrowLeftIcon} size={20} color="black" />
+				</button>
+			{/if}
 			<div
-				class="absolute start-[50%] bottom-4 mt-2 flex translate-x-[-50%] items-center justify-center gap-1"
+				bind:this={galleryRef}
+				onscroll={handleScroll}
+				class="hide-scrollbar flex aspect-[4/5] snap-x snap-mandatory flex-nowrap gap-2 overflow-hidden overflow-x-scroll rounded-4xl md:aspect-[16/9]"
 			>
-				{#if imgUris.length > 1}
-					<div class="mt-2 flex items-center justify-center gap-1">
-						{#each imgUris as _, i}
-							<div
-								class={`h-1.5 w-1.5 rounded-full ${currentIndex === i ? 'bg-white' : 'bg-black-600'}`}
-							></div>
-						{/each}
+				{#each imgUris as img}
+					<div class="aspect-[4/5] h-full w-full snap-center md:aspect-[16/9]">
+						<img
+							src={img}
+							alt={text}
+							class="h-full w-full rounded-4xl object-cover"
+							onerror={handleImageError}
+						/>
 					</div>
-				{/if}
+				{/each}
 			</div>
-		{/if}
-		{#if imgUris.length > 1}
-			<button
-				onclick={scrollRight}
-				class="absolute end-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
-			>
-				<HugeiconsIcon icon={ArrowRightIcon} size={20} color="black" />
-			</button>
-		{/if}
-	</div>
-	<p class="text-black/80">{caption}</p>
+			{#if imgUris.length > 1}
+				<div
+					class="absolute start-[50%] bottom-4 mt-2 flex translate-x-[-50%] items-center justify-center gap-1"
+				>
+					{#if imgUris.length > 1}
+						<div class="mt-2 flex items-center justify-center gap-1">
+							{#each imgUris as _, i}
+								<div
+									class={`h-1.5 w-1.5 rounded-full ${currentIndex === i ? 'bg-white' : 'bg-black-600'}`}
+								></div>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			{/if}
+			{#if imgUris.length > 1}
+				<button
+					onclick={scrollRight}
+					class="absolute end-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+				>
+					<HugeiconsIcon icon={ArrowRightIcon} size={20} color="black" />
+				</button>
+			{/if}
+		</div>
+	{/if}
+	<p class="text-black/80">{text}</p>
 	<p class="text-black/60">{time}</p>
 	<div class="flex w-full items-center justify-between">
 		<div class="flex gap-4">
diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
new file mode 100644
index 00000000..f1d48220
--- /dev/null
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import type { PostData, userProfile } from '$lib/types';
+	import { Button } from '$lib/ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	interface IProfileProps extends HTMLAttributes<HTMLElement> {
+		variant: 'user' | 'other';
+		profileData: userProfile;
+		handleEdit?: () => Promise<void>;
+		handleFollow?: () => Promise<void>;
+		handleMessage?: () => Promise<void>;
+		handleSinglePost?: (post: PostData) => void;
+	}
+
+	const {
+		variant = 'user',
+		profileData,
+		handleEdit,
+		handleFollow,
+		handleMessage,
+		handleSinglePost,
+		...restProps
+	}: IProfileProps = $props();
+</script>
+
+<div {...restProps} class="flex h-screen w-full flex-col items-center gap-4">
+	<div class="flex flex-col items-center gap-4 p-4">
+		<img class="size-28 rounded-full" src={profileData.avatar} alt="" />
+		<div class="flex flex-col items-center gap-2">
+			<p class="font-semibold">{profileData.userId}</p>
+			<p class="text-black-600">{profileData.username}</p>
+		</div>
+		<div class="text-black-600 flex gap-4">
+			<p><span class="font-semibold text-black">{profileData.followers}</span> followers</p>
+			<p><span class="font-semibold text-black">{profileData.following}</span> following</p>
+			<p><span class="font-semibold text-black">{profileData.totalPosts}</span> posts</p>
+		</div>
+		<div class="text-black-600 text-center text-sm md:px-12">
+			{profileData.userBio}
+		</div>
+		<div class="flex w-full gap-3">
+			{#if variant === 'user'}
+				<div class="flex w-full justify-around">
+					<Button size="sm" class="w-full md:w-[50%]" callback={handleEdit}>
+						Edit Profile
+					</Button>
+				</div>
+				<div class="w-full md:hidden">
+					<Button size="sm" callback={() => goto(`/settings`)}>Settings</Button>
+				</div>
+			{:else if variant === 'other'}
+				<div class="flex w-full justify-around">
+					<Button size="sm" class="w-full md:w-[50%]" callback={handleFollow}>
+						Follow
+					</Button>
+				</div>
+				<div class="w-full md:hidden">
+					<Button size="sm" callback={handleMessage}>Message</Button>
+				</div>
+			{/if}
+		</div>
+	</div>
+	<div class="grid grid-cols-3 gap-[2px] pb-16">
+		{#each profileData.posts as post}
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<div
+				onclick={() => {
+					handleSinglePost && handleSinglePost(post);
+				}}
+			>
+				<img
+					class="aspect-square w-48 rounded-md object-cover md:max-w-56"
+					src={post.imgUris[0]}
+					alt="user post"
+				/>
+			</div>
+		{/each}
+	</div>
+</div>
diff --git a/platforms/pictique/src/lib/fragments/SideBar/SideBar.svelte b/platforms/pictique/src/lib/fragments/SideBar/SideBar.svelte
index 06d1f612..51897fd9 100644
--- a/platforms/pictique/src/lib/fragments/SideBar/SideBar.svelte
+++ b/platforms/pictique/src/lib/fragments/SideBar/SideBar.svelte
@@ -159,7 +159,7 @@
 					width="24px"
 					height="24px"
 					class="aspect-square rounded-full"
-					src={profileSrc}
+					src={'https://picsum.photos/200/200'}
 					alt="profile"
 				/>
 			</span>
diff --git a/platforms/pictique/src/lib/stores/comments.ts b/platforms/pictique/src/lib/stores/comments.ts
new file mode 100644
index 00000000..36af8fe9
--- /dev/null
+++ b/platforms/pictique/src/lib/stores/comments.ts
@@ -0,0 +1,47 @@
+import { writable } from 'svelte/store';
+import { apiClient } from '$lib/utils/axios';
+
+export interface Comment {
+    id: string;
+    text: string;
+    createdAt: string;
+    author: {
+        id: string;
+        handle: string;
+        name: string;
+        avatarUrl: string;
+    };
+}
+
+export const comments = writable<Comment[]>([]);
+export const isLoading = writable(false);
+export const error = writable<string | null>(null);
+export const activePostId = writable<string | null>();
+
+export const fetchComments = async (postId: string) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.get(`/api/posts/${postId}/comments`);
+        comments.set(response.data);
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to fetch comments');
+    } finally {
+        isLoading.set(false);
+    }
+};
+
+export const createComment = async (postId: string, text: string) => {
+    try {
+        isLoading.set(true);
+        error.set(null);
+        const response = await apiClient.post('/api/comments', { postId, text });
+        await fetchComments(postId); // Refresh comments after creating
+        return response.data;
+    } catch (err) {
+        error.set(err instanceof Error ? err.message : 'Failed to create comment');
+        throw err;
+    } finally {
+        isLoading.set(false);
+    }
+};
diff --git a/platforms/pictique/src/lib/stores/posts.ts b/platforms/pictique/src/lib/stores/posts.ts
index 30334f65..5743f76a 100644
--- a/platforms/pictique/src/lib/stores/posts.ts
+++ b/platforms/pictique/src/lib/stores/posts.ts
@@ -53,7 +53,7 @@ export const createPost = async (text: string, images: string[]) => {
         error.set(null);
         const response = await apiClient.post('/api/posts', {
             text,
-            images: images.map(img => img)
+            images: images.map((img) => img)
         });
         await fetchFeed(1);
         return response.data;
@@ -64,3 +64,12 @@ export const createPost = async (text: string, images: string[]) => {
         isLoading.set(false);
     }
 };
+
+export const toggleLike = async (postId: string) => {
+    try {
+        const response = await apiClient.post(`/api/posts/${postId}/like`);
+        return response.data;
+    } catch (err) {
+        throw new Error(err instanceof Error ? err.message : 'Failed to toggle like');
+    }
+};
diff --git a/platforms/pictique/src/lib/stores/users.ts b/platforms/pictique/src/lib/stores/users.ts
new file mode 100644
index 00000000..bad67bee
--- /dev/null
+++ b/platforms/pictique/src/lib/stores/users.ts
@@ -0,0 +1,44 @@
+import { writable } from 'svelte/store';
+import { apiClient } from '$lib/utils/axios';
+
+export interface User {
+    id: string;
+    handle: string;
+    name: string;
+    description: string;
+    avatarUrl: string;
+    isVerified: boolean;
+}
+
+export const searchResults = writable<User[]>([]);
+export const isSearching = writable(false);
+export const searchError = writable<string | null>(null);
+
+export const searchUsers = async (query: string) => {
+    if (!query.trim()) {
+        searchResults.set([]);
+        return;
+    }
+
+    try {
+        isSearching.set(true);
+        searchError.set(null);
+        const response = await apiClient.get(`/api/users/search?q=${encodeURIComponent(query)}`);
+        searchResults.set(response.data);
+    } catch (err) {
+        searchError.set(err instanceof Error ? err.message : 'Failed to search users');
+        searchResults.set([]);
+    } finally {
+        isSearching.set(false);
+    }
+};
+
+export const followUser = async (followingId: string) => {
+    try {
+        await apiClient.post('/api/users/follow', { followingId });
+        return true;
+    } catch (err) {
+        console.error('Failed to follow user:', err);
+        return false;
+    }
+}; 
\ No newline at end of file
diff --git a/platforms/pictique/src/routes/(protected)/+layout.svelte b/platforms/pictique/src/routes/(protected)/+layout.svelte
index 6d3cf87b..08f84b8e 100644
--- a/platforms/pictique/src/routes/(protected)/+layout.svelte
+++ b/platforms/pictique/src/routes/(protected)/+layout.svelte
@@ -1,59 +1,36 @@
 <script lang="ts">
 	import { page } from '$app/state';
-	import { comments } from '$lib/dummyData';
 	import { BottomNav, Header, Comment, MessageInput, SideBar } from '$lib/fragments';
 	import UserRequest from '$lib/fragments/UserRequest/UserRequest.svelte';
 	import { showComments } from '$lib/store/store.svelte';
-	import type { CommentType } from '$lib/types';
-<<<<<<< HEAD:platforms/pictique/src/routes/(protected)/+layout.svelte
 	import { openCreatePostModal, isCreatePostModalOpen } from '$lib/stores/posts';
+	import { comments, fetchComments, createComment, activePostId } from '$lib/stores/comments';
 	import CreatePostModal from '$lib/fragments/CreatePostModal/CreatePostModal.svelte';
-=======
 	import { ArrowLeft01Icon, ArrowLeft02Icon } from '@hugeicons/core-free-icons';
 	import { HugeiconsIcon } from '@hugeicons/svelte';
->>>>>>> 52fa5ad87a98c94d6e905e00b2137487c0b16609:platforms/metagram/src/routes/(protected)/+layout.svelte
+
 	let { children } = $props();
 
 	let route = $derived(page.url.pathname);
 	let heading = $state('');
 	let commentValue: string = $state('');
 	let commentInput: HTMLInputElement | undefined = $state();
-	let _comments = $state(comments);
 	let activeReplyToId: string | null = $state(null);
 	let idFromParams = $state();
+	let isCommentsLoading = $state(false);
+	let commentsError = $state<string | null>(null);
 
 	const handleSend = async () => {
-		const newComment = {
-			userImgSrc: 'https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250',
-			name: 'You',
-			commentId: Date.now().toString(),
-			comment: commentValue,
-			isUpVoted: false,
-			isDownVoted: false,
-			upVotes: 0,
-			time: 'Just now',
-			replies: []
-		};
-		if (activeReplyToId) {
-			// Find the parent comment by id and push reply
-			const addReplyToComment = (commentsArray: CommentType[]) => {
-				for (const c of commentsArray) {
-					if (c.commentId === activeReplyToId) {
-						c.replies.push(newComment);
-						return true;
-					} else if (c.replies.length) {
-						if (addReplyToComment(c.replies)) return true;
-					}
-				}
-				return false;
-			};
-			addReplyToComment(_comments);
-		} else {
-			// If no activeReplyToId, add as a new parent comment
-			_comments = [newComment, ..._comments];
+		console.log($activePostId, commentValue);
+		if (!$activePostId || !commentValue.trim()) return;
+
+		try {
+			await createComment($activePostId, commentValue);
+			commentValue = '';
+			activeReplyToId = null;
+		} catch (err) {
+			console.error('Failed to create comment:', err);
 		}
-		commentValue = '';
-		activeReplyToId = null;
 	};
 
 	$effect(() => {
@@ -75,6 +52,21 @@
 			heading = 'Profile';
 		}
 	});
+
+	// Watch for changes in showComments to fetch comments when opened
+	$effect(() => {
+		if (showComments.value && activePostId) {
+			isCommentsLoading = true;
+			commentsError = null;
+			fetchComments($activePostId)
+				.catch((err) => {
+					commentsError = err.message;
+				})
+				.finally(() => {
+					isCommentsLoading = false;
+				});
+		}
+	});
 </script>
 
 <main
@@ -87,7 +79,7 @@
 		}}
 	/>
 	<section class="hide-scrollbar h-[100dvh] overflow-y-auto px-4 pb-8 md:px-8 md:pt-8">
-		<div class="flex items-center justify-between">
+		<div class="flex flex-col">
 			<Header
 				variant={route === `/messages/${idFromParams}`
 					? 'secondary'
@@ -112,42 +104,46 @@
 			{#if route === '/home'}
 				{#if showComments.value}
 					<ul class="pb-4">
-						<h3 class="text-black-600 mb-6 text-center">{comments.length} Comments</h3>
-						{#each _comments as comment}
-							<li class="mb-4">
-								<Comment
-									{comment}
-									handleReply={() => {
-										activeReplyToId = comment.commentId;
-										commentInput?.focus();
-									}}
-								/>
-							</li>
-						{/each}
+						<h3 class="text-black-600 mb-6 text-center">{$comments.length} Comments</h3>
+						{#if isCommentsLoading}
+							<li class="text-center text-gray-500">Loading comments...</li>
+						{:else if commentsError}
+							<li class="text-center text-red-500">{commentsError}</li>
+						{:else}
+							{#each $comments as comment}
+								<li class="mb-4">
+									<Comment
+										comment={{
+											userImgSrc:
+												comment.author.avatarUrl ||
+												'https://picsum.photos/200/200',
+											name: comment.author.name || comment.author.handle,
+											commentId: comment.id,
+											comment: comment.text,
+											isUpVoted: false,
+											isDownVoted: false,
+											upVotes: 0,
+											time: new Date(comment.createdAt).toLocaleDateString(),
+											replies: []
+										}}
+										handleReply={() => {
+											activeReplyToId = comment.id;
+											commentInput?.focus();
+										}}
+									/>
+								</li>
+							{/each}
+						{/if}
 						<MessageInput
 							class="sticky start-0 bottom-4 mt-4 w-full px-2"
 							variant="comment"
-							src="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
+							src="https://picsum.photos/200/200"
 							bind:value={commentValue}
 							{handleSend}
 							bind:input={commentInput}
 						/>
 					</ul>
 				{/if}
-			{:else if route === '/messages'}
-				<ul class="pb-4">
-					<h2 class="text-black-600 mb-6 text-center">Other people you may know</h2>
-					{#each { length: 5 } as _}
-						<li class="mb-4">
-							<UserRequest
-								userImgSrc="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-								userName="luffythethird"
-								description="I've always wished life came at me fast. Funny how that wish never came through"
-								handleFollow={async () => alert('Adsad')}
-							/>
-						</li>
-					{/each}
-				</ul>
 			{/if}
 		</aside>
 	{/if}
diff --git a/platforms/pictique/src/routes/(protected)/discover/+page.svelte b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
index 2d35cea3..b95f5748 100644
--- a/platforms/pictique/src/routes/(protected)/discover/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/discover/+page.svelte
@@ -1,7 +1,13 @@
 <script lang="ts">
 	import { UserRequest } from '$lib/fragments';
 	import { Input } from '$lib/ui';
-	import { searchResults, isSearching, searchError, searchUsers } from '$lib/stores/users';
+	import {
+		searchResults,
+		isSearching,
+		searchError,
+		searchUsers,
+		followUser
+	} from '$lib/stores/users';
 	import { goto } from '$app/navigation';
 	import { onMount } from 'svelte';
 
@@ -20,6 +26,14 @@
 		goto(`/profile/${userId}`);
 	}
 
+	async function handleFollow(userId: string) {
+		const success = await followUser(userId);
+		if (success) {
+			// Optionally refresh the search results to show updated follow status
+			searchUsers(searchValue);
+		}
+	}
+
 	onMount(() => {
 		return () => {
 			clearTimeout(debounceTimer);
@@ -27,7 +41,7 @@
 	});
 </script>
 
-<section>
+<section class="w-full max-w-[500px]">
 	<Input
 		type="text"
 		bind:value={searchValue}
@@ -49,10 +63,7 @@
 						userImgSrc={user.avatarUrl || 'https://picsum.photos/200'}
 						userName={user.name || user.handle}
 						description={user.description || ''}
-						handleFollow={async () => {
-							// TODO: Implement follow functionality
-							alert('Follow functionality coming soon');
-						}}
+						handleFollow={() => handleFollow(user.id)}
 						onclick={() => handleProfileClick(user.id)}
 					/>
 				</li>
diff --git a/platforms/pictique/src/routes/(protected)/home/+page.svelte b/platforms/pictique/src/routes/(protected)/home/+page.svelte
index 518384bd..3e33b5e1 100644
--- a/platforms/pictique/src/routes/(protected)/home/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/home/+page.svelte
@@ -5,7 +5,8 @@
 	import { Comment, MessageInput } from '$lib/fragments';
 	import type { CommentType } from '$lib/types';
 	import { showComments } from '$lib/store/store.svelte';
-	import { posts, isLoading, error, fetchFeed } from '$lib/stores/posts';
+	import { posts, isLoading, error, fetchFeed, toggleLike } from '$lib/stores/posts';
+	import { activePostId } from '$lib/stores/comments';
 
 	let listElement: HTMLElement;
 	let drawer: CupertinoPane | undefined = $state();
@@ -65,38 +66,47 @@
 	});
 </script>
 
-<ul bind:this={listElement} class="hide-scrollbar h-[100vh] overflow-auto">
-	{#if $isLoading}
-		<li class="my-4 text-center">Loading posts...</li>
-	{:else if $error}
-		<li class="my-4 text-center text-red-500">{$error}</li>
-	{:else}
-		{#each $posts.posts as post}
-			<li class="mb-6">
-				<Post
-					avatar={post.author.avatarUrl}
-					username={post.author.handle}
-					imgUris={post.images}
-					postAlt={post.text}
-					text={post.text}
-					time={new Date(post.createdAt).toLocaleDateString()}
-					count={{ likes: post.likedBy.length, comments: post.comments.length }}
-					callback={{
-						like: () => alert('like'),
-						comment: () => {
-							if (window.matchMedia('(max-width: 768px)').matches) {
-								drawer?.present({ animate: true });
-							} else {
-								showComments.value = true;
-							}
-						},
-						menu: () => alert('menu')
-					}}
-				/>
-			</li>
-		{/each}
-	{/if}
-</ul>
+<div class="flex flex-col">
+	<ul bind:this={listElement} class="hide-scrollbar h-[100vh] overflow-auto">
+		{#if $isLoading}
+			<li class="my-4 text-center">Loading posts...</li>
+		{:else if $error}
+			<li class="my-4 text-center text-red-500">{$error}</li>
+		{:else}
+			{#each $posts.posts as post (post.id)}
+				<li class="mb-6">
+					<Post
+						avatar={post.author.avatarUrl}
+						username={post.author.handle}
+						imgUris={post.images}
+						text={post.text}
+						time={new Date(post.createdAt).toLocaleDateString()}
+						count={{ likes: post.likedBy.length, comments: post.comments.length }}
+						callback={{
+							like: async () => {
+								try {
+									await toggleLike(post.id);
+									await fetchFeed(); // Refresh feed to update like count
+								} catch (err) {
+									console.error('Failed to toggle like:', err);
+								}
+							},
+							comment: () => {
+								if (window.matchMedia('(max-width: 768px)').matches) {
+									drawer?.present({ animate: true });
+								} else {
+									showComments.value = true;
+									activePostId.set(post.id);
+								}
+							},
+							menu: () => alert('menu')
+						}}
+					/>
+				</li>
+			{/each}
+		{/if}
+	</ul>
+</div>
 
 <Drawer bind:drawer>
 	<ul class="pb-4">
diff --git a/platforms/pictique/src/routes/(protected)/messages/+page.svelte b/platforms/pictique/src/routes/(protected)/messages/+page.svelte
index 375a657d..fa52a65b 100644
--- a/platforms/pictique/src/routes/(protected)/messages/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/messages/+page.svelte
@@ -7,15 +7,16 @@
 </script>
 
 <section>
-	<Input type="text" bind:value={searchValue} placeholder="Search Messages" class="my-6" />
-	{#each { length: 6 } as _, i}
+	{#if true}
+		<h2>It's lonely in here, please start a chat with someone first</h2>{:else}
+		<Input type="text" bind:value={searchValue} placeholder="Search Messages" class="my-6" />
 		<Message
 			class="mb-6"
 			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
 			username="donaldthefirstt"
 			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
 			unread={false}
-			callback={() => goto(`/messages/${i}`)}
+			callback={() => goto(`/messages/`)}
 		/>
 		<Message
 			class="mb-6"
@@ -23,7 +24,7 @@
 			username="donaldthefirstt"
 			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
 			unread={true}
-			callback={() => goto(`/messages/${i}`)}
+			callback={() => goto(`/messages/`)}
 		/>
-	{/each}
+	{/if}
 </section>
diff --git a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
new file mode 100644
index 00000000..3fb77a7e
--- /dev/null
+++ b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import { Profile } from '$lib/fragments';
+	import { ownerId, selectedPost } from '$lib/store/store.svelte';
+	import type { userProfile, PostData } from '$lib/types';
+
+	let profileId = $derived(page.params.id);
+
+	const profile: userProfile = $state({
+		userId: page.params.id,
+		username: 'Ananya Rana',
+		avatar: 'https://picsum.photos/200/300',
+		totalPosts: 1,
+		followers: 300,
+		following: 150,
+		userBio:
+			'Friendly nerd who likes to not meet people as much as possible. Leave the earth for me yall.',
+		posts: [
+			{
+				id: '1',
+				avatar: 'https://picsum.photos/200/300',
+				userId: 'asdf',
+				username: '_.ananyayaya._',
+				imgUris: [
+					'https://picsum.photos/800',
+					'https://picsum.photos/600',
+					'https://picsum.photos/800',
+					'https://picsum.photos/600'
+				],
+				caption: 'Loved this one!',
+				time: '2h ago',
+				count: { likes: 200, comments: 45 }
+			},
+			{
+				id: '2',
+				avatar: 'https://picsum.photos/200/300',
+				userId: 'asdf',
+				username: '_.ananyayaya._',
+				imgUris: ['https://picsum.photos/id/1012/200/200'],
+				caption: 'Loved this one!',
+				time: '2h ago',
+				count: { likes: 200, comments: 45 }
+			},
+			{
+				id: '3',
+				avatar: 'https://picsum.photos/200/300',
+				userId: 'asdf',
+				username: '_.ananyayaya._',
+				imgUris: ['https://picsum.photos/id/1013/200/200'],
+				caption: 'Loved this one!',
+				time: '2h ago',
+				count: { likes: 200, comments: 45 }
+			}
+		]
+	});
+
+	function handlePostClick(post: PostData) {
+		selectedPost.value = post;
+		goto('/profile/post');
+	}
+</script>
+
+<section class="pb-8">
+	<Profile
+		variant={ownerId.value === profileId ? 'user' : 'other'}
+		profileData={profile}
+		handleSinglePost={(post) => handlePostClick(post)}
+		handleFollow={async () => alert('followed')}
+		handleMessage={async () => goto('/messages')}
+	/>
+</section>
diff --git a/platforms/piqtique-api/package.json b/platforms/piqtique-api/package.json
index bf1440dd..d1025f1b 100644
--- a/platforms/piqtique-api/package.json
+++ b/platforms/piqtique-api/package.json
@@ -13,6 +13,7 @@
         "migration:revert": "npm run typeorm migration:revert -- -d src/database/data-source.ts"
     },
     "dependencies": {
+        "axios": "^1.6.7",
         "cors": "^2.8.5",
         "dotenv": "^16.4.5",
         "express": "^4.18.2",
diff --git a/platforms/piqtique-api/src/controllers/AuthController.ts b/platforms/piqtique-api/src/controllers/AuthController.ts
index 86cdb843..2770f77d 100644
--- a/platforms/piqtique-api/src/controllers/AuthController.ts
+++ b/platforms/piqtique-api/src/controllers/AuthController.ts
@@ -51,6 +51,16 @@ export class AuthController {
         res.json({ uri: offer });
     };
 
+    getOfferBlab = async (req: Request, res: Response) => {
+        const url = new URL(
+            "/api/auth",
+            process.env.PUBLIC_PICTIQUE_BASE_URL,
+        ).toString();
+        const session = uuidv4();
+        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=blabsy`;
+        res.json({ uri: offer });
+    };
+
     login = async (req: Request, res: Response) => {
         try {
             const { ename, session } = req.body;
diff --git a/platforms/piqtique-api/src/controllers/CommentController.ts b/platforms/piqtique-api/src/controllers/CommentController.ts
index b22b6f66..309ac3ea 100644
--- a/platforms/piqtique-api/src/controllers/CommentController.ts
+++ b/platforms/piqtique-api/src/controllers/CommentController.ts
@@ -1,11 +1,12 @@
 import { Request, Response } from "express";
-import { AppDataSource } from "../database/data-source";
-import { Comment } from "../database/entities/Comment";
-import { Post } from "../database/entities/Post";
+import { CommentService } from "../services/CommentService";
 
 export class CommentController {
-    private commentRepository = AppDataSource.getRepository(Comment);
-    private postRepository = AppDataSource.getRepository(Post);
+    private commentService: CommentService;
+
+    constructor() {
+        this.commentService = new CommentService();
+    }
 
     createComment = async (req: Request, res: Response) => {
         try {
@@ -16,19 +17,8 @@ export class CommentController {
                 return res.status(401).json({ error: "Unauthorized" });
             }
 
-            const post = await this.postRepository.findOneBy({ id: postId });
-            if (!post) {
-                return res.status(404).json({ error: "Post not found" });
-            }
-
-            const comment = this.commentRepository.create({
-                text,
-                author: { id: userId },
-                post: { id: postId }
-            });
-
-            const savedComment = await this.commentRepository.save(comment);
-            res.status(201).json(savedComment);
+            const comment = await this.commentService.createComment(postId, userId, text);
+            res.status(201).json(comment);
         } catch (error) {
             console.error("Error creating comment:", error);
             res.status(500).json({ error: "Internal server error" });
@@ -38,23 +28,8 @@ export class CommentController {
     getPostComments = async (req: Request, res: Response) => {
         try {
             const { postId } = req.params;
-            const page = parseInt(req.query.page as string) || 1;
-            const limit = parseInt(req.query.limit as string) || 10;
-
-            const [comments, total] = await this.commentRepository.findAndCount({
-                where: { post: { id: postId } },
-                relations: ["author"],
-                order: { createdAt: "DESC" },
-                skip: (page - 1) * limit,
-                take: limit
-            });
-
-            res.json({
-                comments,
-                total,
-                page,
-                totalPages: Math.ceil(total / limit)
-            });
+            const comments = await this.commentService.getPostComments(postId);
+            res.json(comments);
         } catch (error) {
             console.error("Error fetching comments:", error);
             res.status(500).json({ error: "Internal server error" });
@@ -71,10 +46,7 @@ export class CommentController {
                 return res.status(401).json({ error: "Unauthorized" });
             }
 
-            const comment = await this.commentRepository.findOne({
-                where: { id },
-                relations: ["author"]
-            });
+            const comment = await this.commentService.getCommentById(id);
 
             if (!comment) {
                 return res.status(404).json({ error: "Comment not found" });
@@ -84,8 +56,7 @@ export class CommentController {
                 return res.status(403).json({ error: "Forbidden" });
             }
 
-            comment.text = text;
-            const updatedComment = await this.commentRepository.save(comment);
+            const updatedComment = await this.commentService.updateComment(id, text);
             res.json(updatedComment);
         } catch (error) {
             console.error("Error updating comment:", error);
@@ -102,10 +73,7 @@ export class CommentController {
                 return res.status(401).json({ error: "Unauthorized" });
             }
 
-            const comment = await this.commentRepository.findOne({
-                where: { id },
-                relations: ["author"]
-            });
+            const comment = await this.commentService.getCommentById(id);
 
             if (!comment) {
                 return res.status(404).json({ error: "Comment not found" });
@@ -115,7 +83,7 @@ export class CommentController {
                 return res.status(403).json({ error: "Forbidden" });
             }
 
-            await this.commentRepository.softDelete(id);
+            await this.commentService.deleteComment(id);
             res.status(204).send();
         } catch (error) {
             console.error("Error deleting comment:", error);
diff --git a/platforms/piqtique-api/src/controllers/PostController.ts b/platforms/piqtique-api/src/controllers/PostController.ts
index d738f9ac..d9408e3b 100644
--- a/platforms/piqtique-api/src/controllers/PostController.ts
+++ b/platforms/piqtique-api/src/controllers/PostController.ts
@@ -1,5 +1,65 @@
 import { Request, Response } from "express";
 import { PostService } from "../services/PostService";
+import axios from "axios";
+import { Post } from "database/entities/Post";
+
+async function evault(post: Post, ename: string | undefined) {
+    if (!ename) return;
+    const { author, likedBy, id, comments, ...rest } = post;
+    const {
+        data: { uri },
+    } = await axios.get(
+        new URL(
+            `/resolve?w3id=${ename}`,
+            process.env.PUBLIC_REGISTRY_URL,
+        ).toString(),
+    );
+    const query = `
+mutation {
+  storeMetaEnvelope(input: {
+    ontology: "SocialMediaPost",
+    payload: {
+        internalId: "${id}",
+        createdAt: "${rest.createdAt}",
+        updatedAt: "${rest.updatedAt}",
+        text: "${rest.text}",
+        images: [${rest.images.map((e) => `"${e}"`)}],
+        isArchived: ${rest.isArchived}
+    },
+    acl: ["*"]
+  }) {
+    metaEnvelope {
+      id
+      ontology
+      parsed
+    }
+    envelopes {
+      id
+      ontology
+      value
+      valueType
+    }
+  }
+}
+`;
+    const graphqlEndpoint = new URL(
+        "/graphql",
+        "http://192.168.0.226:31919",
+    ).toString();
+    const response = await axios.post(
+        graphqlEndpoint,
+        {
+            query,
+        },
+        {
+            headers: {
+                "Content-Type": "application/json",
+            },
+        },
+    );
+
+    console.log(JSON.stringify(response.data));
+}
 
 export class PostController {
     private postService: PostService;
@@ -45,10 +105,31 @@ export class PostController {
                 images,
                 hashtags,
             });
+
+            evault(post, req.user?.ename);
+
             res.status(201).json(post);
         } catch (error) {
             console.error("Error creating post:", error);
             res.status(500).json({ error: "Internal server error" });
         }
     };
+
+    toggleLike = async (req: Request, res: Response) => {
+        try {
+            const { postId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const post = await this.postService.toggleLike(postId, userId);
+            console.log(post);
+            res.json(post);
+        } catch (error) {
+            console.error("Error toggling like:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
 }
diff --git a/platforms/piqtique-api/src/controllers/UserController.ts b/platforms/piqtique-api/src/controllers/UserController.ts
new file mode 100644
index 00000000..4b636bfe
--- /dev/null
+++ b/platforms/piqtique-api/src/controllers/UserController.ts
@@ -0,0 +1,43 @@
+import { Request, Response } from "express";
+import { UserService } from "../services/UserService";
+
+export class UserController {
+    private userService: UserService;
+
+    constructor() {
+        this.userService = new UserService();
+    }
+
+    search = async (req: Request, res: Response) => {
+        try {
+            const { q } = req.query;
+            
+            if (!q || typeof q !== 'string') {
+                return res.status(400).json({ error: "Search query is required" });
+            }
+
+            const users = await this.userService.searchUsers(q);
+            res.json(users);
+        } catch (error) {
+            console.error("Error searching users:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    follow = async (req: Request, res: Response) => {
+        try {
+            const followerId = req.user?.id;
+            const { followingId } = req.body;
+
+            if (!followerId || !followingId) {
+                return res.status(400).json({ error: "Missing required fields" });
+            }
+
+            const updatedUser = await this.userService.followUser(followerId, followingId);
+            res.json(updatedUser);
+        } catch (error) {
+            console.error("Error following user:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/index.ts b/platforms/piqtique-api/src/index.ts
index 5a900bb7..0f5b80ce 100644
--- a/platforms/piqtique-api/src/index.ts
+++ b/platforms/piqtique-api/src/index.ts
@@ -25,8 +25,8 @@ app.use(
         credentials: true,
     }),
 );
-app.use(express.json({ limit: '50mb' }));
-app.use(express.urlencoded({ limit: '50mb', extended: true }));
+app.use(express.json({ limit: "50mb" }));
+app.use(express.urlencoded({ limit: "50mb", extended: true }));
 
 // Initialize database connection
 AppDataSource.initialize()
@@ -47,6 +47,7 @@ const userController = new UserController();
 
 // Public routes (no auth required)
 app.get("/api/auth/offer", authController.getOffer);
+app.get("/api/auth/offerb", authController.getOfferBlab);
 app.post("/api/auth", authController.login);
 app.get("/api/auth/sessions/:id", authController.sseStream);
 
@@ -56,21 +57,31 @@ app.use(authMiddleware); // Apply auth middleware to all routes below
 // Post routes
 app.get("/api/posts/feed", authGuard, postController.getFeed);
 app.post("/api/posts", authGuard, postController.createPost);
+app.post("/api/posts/:id/like", authGuard, postController.toggleLike);
 
 // Comment routes
 app.post("/api/comments", authGuard, commentController.createComment);
-app.get("/api/posts/:postId/comments", authGuard, commentController.getPostComments);
+app.get(
+    "/api/posts/:postId/comments",
+    authGuard,
+    commentController.getPostComments,
+);
 app.put("/api/comments/:id", authGuard, commentController.updateComment);
 app.delete("/api/comments/:id", authGuard, commentController.deleteComment);
 
 // Message routes
 app.post("/api/messages", authGuard, messageController.sendMessage);
 app.get("/api/conversations", authGuard, messageController.getConversations);
-app.get("/api/conversations/:userId", authGuard, messageController.getConversation);
+app.get(
+    "/api/conversations/:userId",
+    authGuard,
+    messageController.getConversation,
+);
 app.delete("/api/messages/:id", authGuard, messageController.deleteMessage);
 
 // User routes
 app.get("/api/users/search", userController.search);
+app.post("/api/users/follow", authGuard, userController.follow);
 
 // Start server
 app.listen(port, () => {
diff --git a/platforms/piqtique-api/src/middleware/auth.ts b/platforms/piqtique-api/src/middleware/auth.ts
index f00e1ba9..fdace1d2 100644
--- a/platforms/piqtique-api/src/middleware/auth.ts
+++ b/platforms/piqtique-api/src/middleware/auth.ts
@@ -3,7 +3,11 @@ import { AppDataSource } from "../database/data-source";
 import { User } from "../database/entities/User";
 import { verifyToken } from "../utils/jwt";
 
-export const authMiddleware = async (req: Request, res: Response, next: NextFunction) => {
+export const authMiddleware = async (
+    req: Request,
+    res: Response,
+    next: NextFunction,
+) => {
     try {
         const authHeader = req.headers.authorization;
         if (!authHeader?.startsWith("Bearer ")) {
@@ -25,6 +29,7 @@ export const authMiddleware = async (req: Request, res: Response, next: NextFunc
         }
 
         req.user = user;
+        console.log("user", user.ename);
         next();
     } catch (error) {
         console.error("Auth middleware error:", error);
@@ -37,4 +42,5 @@ export const authGuard = (req: Request, res: Response, next: NextFunction) => {
         return res.status(401).json({ error: "Authentication required" });
     }
     next();
-}; 
\ No newline at end of file
+};
+
diff --git a/platforms/piqtique-api/src/services/CommentService.ts b/platforms/piqtique-api/src/services/CommentService.ts
new file mode 100644
index 00000000..e994aa6c
--- /dev/null
+++ b/platforms/piqtique-api/src/services/CommentService.ts
@@ -0,0 +1,57 @@
+import { AppDataSource } from "../database/data-source";
+import { Comment } from "../database/entities/Comment";
+import { Post } from "../database/entities/Post";
+
+export class CommentService {
+    private commentRepository = AppDataSource.getRepository(Comment);
+    private postRepository = AppDataSource.getRepository(Post);
+
+    async createComment(postId: string, authorId: string, text: string): Promise<Comment> {
+        const post = await this.postRepository.findOneBy({ id: postId });
+        if (!post) {
+            throw new Error('Post not found');
+        }
+
+        const comment = this.commentRepository.create({
+            text,
+            author: { id: authorId },
+            post: { id: postId }
+        });
+
+        return await this.commentRepository.save(comment);
+    }
+
+    async getPostComments(postId: string): Promise<Comment[]> {
+        return await this.commentRepository.find({
+            where: { post: { id: postId } },
+            relations: ['author'],
+            order: { createdAt: 'DESC' }
+        });
+    }
+
+    async getCommentById(id: string): Promise<Comment | null> {
+        return await this.commentRepository.findOne({
+            where: { id },
+            relations: ['author']
+        });
+    }
+
+    async updateComment(id: string, text: string): Promise<Comment> {
+        const comment = await this.getCommentById(id);
+        if (!comment) {
+            throw new Error('Comment not found');
+        }
+
+        comment.text = text;
+        return await this.commentRepository.save(comment);
+    }
+
+    async deleteComment(id: string): Promise<void> {
+        const comment = await this.getCommentById(id);
+        if (!comment) {
+            throw new Error('Comment not found');
+        }
+
+        await this.commentRepository.softDelete(id);
+    }
+} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/services/PostService.ts b/platforms/piqtique-api/src/services/PostService.ts
index 416eab63..47048a00 100644
--- a/platforms/piqtique-api/src/services/PostService.ts
+++ b/platforms/piqtique-api/src/services/PostService.ts
@@ -63,5 +63,30 @@ export class PostService {
 
         return await this.postRepository.save(post);
     }
-}
 
+    async toggleLike(postId: string, userId: string): Promise<Post> {
+        const post = await this.postRepository.findOne({
+            where: { id: postId },
+            relations: ["likedBy"],
+        });
+
+        if (!post) {
+            throw new Error("Post not found");
+        }
+
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const isLiked = post.likedBy.some((u) => u.id === userId);
+
+        if (isLiked) {
+            post.likedBy = post.likedBy.filter((u) => u.id !== userId);
+        } else {
+            post.likedBy.push(user);
+        }
+
+        return await this.postRepository.save(post);
+    }
+}
diff --git a/platforms/piqtique-api/src/services/UserService.ts b/platforms/piqtique-api/src/services/UserService.ts
index 810f68de..54f6cfdb 100644
--- a/platforms/piqtique-api/src/services/UserService.ts
+++ b/platforms/piqtique-api/src/services/UserService.ts
@@ -53,4 +53,31 @@ export class UserService {
             take: 10
         });
     };
+
+    followUser = async (followerId: string, followingId: string) => {
+        const follower = await this.userRepository.findOne({
+            where: { id: followerId },
+            relations: ['following']
+        });
+
+        const following = await this.userRepository.findOne({
+            where: { id: followingId }
+        });
+
+        if (!follower || !following) {
+            throw new Error('User not found');
+        }
+
+        if (!follower.following) {
+            follower.following = [];
+        }
+
+        // Check if already following
+        if (follower.following.some(user => user.id === followingId)) {
+            return follower;
+        }
+
+        follower.following.push(following);
+        return await this.userRepository.save(follower);
+    };
 } 
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c23c7959..a26a2430 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -350,7 +350,7 @@ importers:
         version: 3.3.0
       vitest:
         specifier: ^3.1.2
-        version: 3.1.4(@types/node@20.17.50)(@vitest/browser@3.1.4)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
+        version: 3.1.4(@types/node@22.15.21)(@vitest/browser@3.1.4)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
     devDependencies:
       '@types/jest':
         specifier: ^29.5.0
@@ -366,10 +366,10 @@ importers:
         version: 8.57.1
       jest:
         specifier: ^29.5.0
-        version: 29.7.0(@types/node@20.17.50)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.17.50)(typescript@5.8.3))
+        version: 29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0)
       ts-jest:
         specifier: ^29.1.0
-        version: 29.3.4(@babel/core@7.27.1)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.27.1))(jest@29.7.0(@types/node@20.17.50)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.17.50)(typescript@5.8.3)))(typescript@5.8.3)
+        version: 29.3.4(@babel/core@7.27.1)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.27.1))(jest@29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0))(typescript@5.8.3)
       typescript:
         specifier: ^5.0.4
         version: 5.8.3
@@ -412,6 +412,121 @@ importers:
 
   packages/typescript-config: {}
 
+  platforms/blabsy:
+    dependencies:
+      '-':
+        specifier: ^0.0.1
+        version: 0.0.1
+      D:
+        specifier: ^1.0.0
+        version: 1.0.0
+      axios:
+        specifier: ^1.6.7
+        version: 1.9.0
+      svelte-qrcode:
+        specifier: ^1.0.1
+        version: 1.0.1
+      tailwind-merge:
+        specifier: ^3.0.2
+        version: 3.3.0
+    devDependencies:
+      '@chromatic-com/storybook':
+        specifier: ^3
+        version: 3.2.6(react@19.1.0)(storybook@8.6.14(prettier@3.5.3))
+      '@eslint/compat':
+        specifier: ^1.2.5
+        version: 1.2.9(eslint@9.27.0(jiti@2.4.2))
+      '@eslint/js':
+        specifier: ^9.18.0
+        version: 9.27.0
+      '@hugeicons/core-free-icons':
+        specifier: ^1.0.13
+        version: 1.0.14
+      '@hugeicons/svelte':
+        specifier: ^1.0.2
+        version: 1.0.2(svelte@5.33.1)
+      '@storybook/addon-essentials':
+        specifier: ^8.6.12
+        version: 8.6.14(@types/react@19.1.5)(storybook@8.6.14(prettier@3.5.3))
+      '@storybook/addon-svelte-csf':
+        specifier: ^5.0.0-next.0
+        version: 5.0.1(@storybook/svelte@8.6.14(storybook@8.6.14(prettier@3.5.3))(svelte@5.33.1))(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)))(babel-plugin-macros@3.1.0)(storybook@8.6.14(prettier@3.5.3))(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
+      '@storybook/blocks':
+        specifier: ^8.6.12
+        version: 8.6.14(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(storybook@8.6.14(prettier@3.5.3))
+      '@storybook/svelte':
+        specifier: ^8.6.12
+        version: 8.6.14(storybook@8.6.14(prettier@3.5.3))(svelte@5.33.1)
+      '@storybook/sveltekit':
+        specifier: ^8.6.12
+        version: 8.6.14(@babel/core@7.27.1)(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)))(postcss-load-config@3.1.4(postcss@8.5.3)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3)))(postcss@8.5.3)(storybook@8.6.14(prettier@3.5.3))(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
+      '@storybook/test':
+        specifier: ^8.6.12
+        version: 8.6.14(storybook@8.6.14(prettier@3.5.3))
+      '@sveltejs/adapter-static':
+        specifier: ^3.0.8
+        version: 3.0.8(@sveltejs/kit@2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)))(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)))
+      '@sveltejs/kit':
+        specifier: ^2.16.0
+        version: 2.21.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)))(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^5.0.0
+        version: 5.0.3(svelte@5.33.1)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
+      '@tailwindcss/vite':
+        specifier: ^4.0.0
+        version: 4.1.7(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      cupertino-pane:
+        specifier: ^1.4.22
+        version: 1.4.22
+      eslint:
+        specifier: ^9.18.0
+        version: 9.27.0(jiti@2.4.2)
+      eslint-config-prettier:
+        specifier: ^10.0.1
+        version: 10.1.5(eslint@9.27.0(jiti@2.4.2))
+      eslint-plugin-svelte:
+        specifier: ^3.0.0
+        version: 3.9.0(eslint@9.27.0(jiti@2.4.2))(svelte@5.33.1)(ts-node@10.9.2(@types/node@22.15.21)(typescript@5.8.3))
+      globals:
+        specifier: ^16.0.0
+        version: 16.1.0
+      prettier:
+        specifier: ^3.4.2
+        version: 3.5.3
+      prettier-plugin-svelte:
+        specifier: ^3.3.3
+        version: 3.4.0(prettier@3.5.3)(svelte@5.33.1)
+      prettier-plugin-tailwindcss:
+        specifier: ^0.6.11
+        version: 0.6.11(prettier-plugin-svelte@3.4.0(prettier@3.5.3)(svelte@5.33.1))(prettier@3.5.3)
+      storybook:
+        specifier: ^8.6.12
+        version: 8.6.14(prettier@3.5.3)
+      svelte:
+        specifier: ^5.0.0
+        version: 5.33.1
+      svelte-check:
+        specifier: ^4.0.0
+        version: 4.2.1(picomatch@4.0.2)(svelte@5.33.1)(typescript@5.8.3)
+      svelte-gestures:
+        specifier: ^5.1.3
+        version: 5.1.4
+      tailwindcss:
+        specifier: ^4.0.0
+        version: 4.1.7
+      typescript:
+        specifier: ^5.0.0
+        version: 5.8.3
+      typescript-eslint:
+        specifier: ^8.20.0
+        version: 8.32.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)
+      vite:
+        specifier: ^6.2.6
+        version: 6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
+
   platforms/pictique:
     dependencies:
       '-':
@@ -529,6 +644,9 @@ importers:
 
   platforms/piqtique-api:
     dependencies:
+      axios:
+        specifier: ^1.6.7
+        version: 1.9.0
       cors:
         specifier: ^2.8.5
         version: 2.8.5
@@ -9168,26 +9286,6 @@ snapshots:
 
   '@veriff/js-sdk@1.5.1': {}
 
-  '@vitest/browser@3.1.4(playwright@1.52.0)(vite@6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))(vitest@3.1.4)':
-    dependencies:
-      '@testing-library/dom': 10.4.0
-      '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.0)
-      '@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
-      '@vitest/utils': 3.1.4
-      magic-string: 0.30.17
-      sirv: 3.0.1
-      tinyrainbow: 2.0.0
-      vitest: 3.1.4(@types/node@20.17.50)(@vitest/browser@3.1.4)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
-      ws: 8.18.2
-    optionalDependencies:
-      playwright: 1.52.0
-    transitivePeerDependencies:
-      - bufferutil
-      - msw
-      - utf-8-validate
-      - vite
-    optional: true
-
   '@vitest/browser@3.1.4(playwright@1.52.0)(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))(vitest@3.1.4)':
     dependencies:
       '@testing-library/dom': 10.4.0
@@ -9247,14 +9345,6 @@ snapshots:
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.1.4(vite@6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))':
-    dependencies:
-      '@vitest/spy': 3.1.4
-      estree-walker: 3.0.3
-      magic-string: 0.30.17
-    optionalDependencies:
-      vite: 6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
-
   '@vitest/mocker@3.1.4(vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.1.4
@@ -9975,6 +10065,21 @@ snapshots:
       - supports-color
       - ts-node
 
+  create-jest@29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0):
+    dependencies:
+      '@jest/types': 29.6.3
+      chalk: 4.1.2
+      exit: 0.1.2
+      graceful-fs: 4.2.11
+      jest-config: 29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0)
+      jest-util: 29.7.0
+      prompts: 2.4.2
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - supports-color
+      - ts-node
+
   create-require@1.1.1: {}
 
   cross-inspect@1.0.1:
@@ -11478,6 +11583,25 @@ snapshots:
       - supports-color
       - ts-node
 
+  jest-cli@29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0):
+    dependencies:
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.17.50)(typescript@5.8.3))
+      '@jest/test-result': 29.7.0
+      '@jest/types': 29.6.3
+      chalk: 4.1.2
+      create-jest: 29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0)
+      exit: 0.1.2
+      import-local: 3.2.0
+      jest-config: 29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0)
+      jest-util: 29.7.0
+      jest-validate: 29.7.0
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - supports-color
+      - ts-node
+
   jest-config@29.7.0(@types/node@20.17.50)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.17.50)(typescript@5.8.3)):
     dependencies:
       '@babel/core': 7.27.1
@@ -11509,6 +11633,36 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
+  jest-config@29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0):
+    dependencies:
+      '@babel/core': 7.27.1
+      '@jest/test-sequencer': 29.7.0
+      '@jest/types': 29.6.3
+      babel-jest: 29.7.0(@babel/core@7.27.1)
+      chalk: 4.1.2
+      ci-info: 3.9.0
+      deepmerge: 4.3.1
+      glob: 7.2.3
+      graceful-fs: 4.2.11
+      jest-circus: 29.7.0(babel-plugin-macros@3.1.0)
+      jest-environment-node: 29.7.0
+      jest-get-type: 29.6.3
+      jest-regex-util: 29.6.3
+      jest-resolve: 29.7.0
+      jest-runner: 29.7.0
+      jest-util: 29.7.0
+      jest-validate: 29.7.0
+      micromatch: 4.0.8
+      parse-json: 5.2.0
+      pretty-format: 29.7.0
+      slash: 3.0.0
+      strip-json-comments: 3.1.1
+    optionalDependencies:
+      '@types/node': 22.15.21
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
+
   jest-diff@29.7.0:
     dependencies:
       chalk: 4.1.2
@@ -11736,6 +11890,18 @@ snapshots:
       - supports-color
       - ts-node
 
+  jest@29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0):
+    dependencies:
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.17.50)(typescript@5.8.3))
+      '@jest/types': 29.6.3
+      import-local: 3.2.0
+      jest-cli: 29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - supports-color
+      - ts-node
+
   jiti@2.4.2: {}
 
   jose@5.10.0: {}
@@ -13426,6 +13592,26 @@ snapshots:
       '@jest/types': 29.6.3
       babel-jest: 29.7.0(@babel/core@7.27.1)
 
+  ts-jest@29.3.4(@babel/core@7.27.1)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.27.1))(jest@29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0))(typescript@5.8.3):
+    dependencies:
+      bs-logger: 0.2.6
+      ejs: 3.1.10
+      fast-json-stable-stringify: 2.1.0
+      jest: 29.7.0(@types/node@22.15.21)(babel-plugin-macros@3.1.0)
+      jest-util: 29.7.0
+      json5: 2.2.3
+      lodash.memoize: 4.1.2
+      make-error: 1.3.6
+      semver: 7.7.2
+      type-fest: 4.41.0
+      typescript: 5.8.3
+      yargs-parser: 21.1.1
+    optionalDependencies:
+      '@babel/core': 7.27.1
+      '@jest/transform': 29.7.0
+      '@jest/types': 29.6.3
+      babel-jest: 29.7.0(@babel/core@7.27.1)
+
   ts-node-dev@2.0.0(@types/node@20.17.50)(typescript@5.8.3):
     dependencies:
       chokidar: 3.6.0
@@ -13744,27 +13930,6 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@3.1.4(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0):
-    dependencies:
-      cac: 6.7.14
-      debug: 4.4.1(supports-color@5.5.0)
-      es-module-lexer: 1.7.0
-      pathe: 2.0.3
-      vite: 6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
-    transitivePeerDependencies:
-      - '@types/node'
-      - jiti
-      - less
-      - lightningcss
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - tsx
-      - yaml
-
   vite-node@3.1.4(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0):
     dependencies:
       cac: 6.7.14
@@ -13796,22 +13961,6 @@ snapshots:
       fsevents: 2.3.3
       lightningcss: 1.30.1
 
-  vite@6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0):
-    dependencies:
-      esbuild: 0.25.4
-      fdir: 6.4.4(picomatch@4.0.2)
-      picomatch: 4.0.2
-      postcss: 8.5.3
-      rollup: 4.41.0
-      tinyglobby: 0.2.13
-    optionalDependencies:
-      '@types/node': 20.17.50
-      fsevents: 2.3.3
-      jiti: 2.4.2
-      lightningcss: 1.30.1
-      tsx: 4.19.4
-      yaml: 2.8.0
-
   vite@6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0):
     dependencies:
       esbuild: 0.25.4
@@ -13866,46 +14015,6 @@ snapshots:
       - supports-color
       - terser
 
-  vitest@3.1.4(@types/node@20.17.50)(@vitest/browser@3.1.4)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0):
-    dependencies:
-      '@vitest/expect': 3.1.4
-      '@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))
-      '@vitest/pretty-format': 3.1.4
-      '@vitest/runner': 3.1.4
-      '@vitest/snapshot': 3.1.4
-      '@vitest/spy': 3.1.4
-      '@vitest/utils': 3.1.4
-      chai: 5.2.0
-      debug: 4.4.1(supports-color@5.5.0)
-      expect-type: 1.2.1
-      magic-string: 0.30.17
-      pathe: 2.0.3
-      std-env: 3.9.0
-      tinybench: 2.9.0
-      tinyexec: 0.3.2
-      tinyglobby: 0.2.13
-      tinypool: 1.0.2
-      tinyrainbow: 2.0.0
-      vite: 6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
-      vite-node: 3.1.4(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@types/node': 20.17.50
-      '@vitest/browser': 3.1.4(playwright@1.52.0)(vite@6.3.5(@types/node@20.17.50)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0))(vitest@3.1.4)
-    transitivePeerDependencies:
-      - jiti
-      - less
-      - lightningcss
-      - msw
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - tsx
-      - yaml
-
   vitest@3.1.4(@types/node@22.15.21)(@vitest/browser@3.1.4)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.4)(yaml@2.8.0):
     dependencies:
       '@vitest/expect': 3.1.4

From cbfc1a40eeefea22261d72ce62c3fd0af7e51c64 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Sat, 7 Jun 2025 13:03:04 +0530
Subject: [PATCH 4/7] chore: init message data models

---
 "\\"                                          |   8 -
 .../src/lib/fragments/Profile/Profile.svelte  |  16 +-
 .../src/lib/fragments/Profile/Profile.svelte  | 156 +++++++++---------
 .../src/lib/fragments/Post/Post.svelte        |  99 ++++++-----
 .../src/lib/fragments/Profile/Profile.svelte  | 124 +++++++-------
 .../(protected)/profile/[id]/+page.svelte     | 127 ++++++++------
 .../src/controllers/UserController.ts         |  20 +++
 .../piqtique-api/src/database/data-source.ts  |   6 +-
 .../src/database/entities/Chat.ts             |  27 +++
 .../src/database/entities/Message.ts          |  20 ++-
 .../src/database/entities/User.ts             |  23 +--
 .../migrations/1749281568709-migration.ts     |  20 +++
 platforms/piqtique-api/src/index.ts           |   1 +
 .../piqtique-api/src/services/UserService.ts  |  70 ++++++--
 14 files changed, 425 insertions(+), 292 deletions(-)
 delete mode 100644 "\\"
 create mode 100644 platforms/piqtique-api/src/database/entities/Chat.ts
 create mode 100644 platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts

diff --git "a/\\" "b/\\"
deleted file mode 100644
index e23649e1..00000000
--- "a/\\"
+++ /dev/null
@@ -1,8 +0,0 @@
-<div
-	class="align-center flex h-full w-full flex-col content-center items-center
-    justify-center"
->
-	<div class="h-max-[600px] bg-grey w-[100px] py-10">
-		<h1>asdf</h1>
-	</div>
-</div>
diff --git a/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte b/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
index f1d48220..2cde3c44 100644
--- a/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
@@ -62,20 +62,6 @@
 		</div>
 	</div>
 	<div class="grid grid-cols-3 gap-[2px] pb-16">
-		{#each profileData.posts as post}
-			<!-- svelte-ignore a11y_click_events_have_key_events -->
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				onclick={() => {
-					handleSinglePost && handleSinglePost(post);
-				}}
-			>
-				<img
-					class="aspect-square w-48 rounded-md object-cover md:max-w-56"
-					src={post.imgUris[0]}
-					alt="user post"
-				/>
-			</div>
-		{/each}
+		{#each profileData.posts as post}{/each}
 	</div>
 </div>
diff --git a/platforms/metagram/src/lib/fragments/Profile/Profile.svelte b/platforms/metagram/src/lib/fragments/Profile/Profile.svelte
index f1d48220..c0d2168a 100644
--- a/platforms/metagram/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/metagram/src/lib/fragments/Profile/Profile.svelte
@@ -1,81 +1,89 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	import type { PostData, userProfile } from '$lib/types';
-	import { Button } from '$lib/ui';
-	import type { HTMLAttributes } from 'svelte/elements';
+    import { goto } from "$app/navigation";
+    import type { PostData, userProfile } from "$lib/types";
+    import { Button } from "$lib/ui";
+    import type { HTMLAttributes } from "svelte/elements";
 
-	interface IProfileProps extends HTMLAttributes<HTMLElement> {
-		variant: 'user' | 'other';
-		profileData: userProfile;
-		handleEdit?: () => Promise<void>;
-		handleFollow?: () => Promise<void>;
-		handleMessage?: () => Promise<void>;
-		handleSinglePost?: (post: PostData) => void;
-	}
+    interface IProfileProps extends HTMLAttributes<HTMLElement> {
+        variant: "user" | "other";
+        profileData: userProfile;
+        handleEdit?: () => Promise<void>;
+        handleFollow?: () => Promise<void>;
+        handleMessage?: () => Promise<void>;
+        handleSinglePost?: (post: PostData) => void;
+    }
 
-	const {
-		variant = 'user',
-		profileData,
-		handleEdit,
-		handleFollow,
-		handleMessage,
-		handleSinglePost,
-		...restProps
-	}: IProfileProps = $props();
+    const {
+        variant = "user",
+        profileData,
+        handleEdit,
+        handleFollow,
+        handleMessage,
+        handleSinglePost,
+        ...restProps
+    }: IProfileProps = $props();
 </script>
 
 <div {...restProps} class="flex h-screen w-full flex-col items-center gap-4">
-	<div class="flex flex-col items-center gap-4 p-4">
-		<img class="size-28 rounded-full" src={profileData.avatar} alt="" />
-		<div class="flex flex-col items-center gap-2">
-			<p class="font-semibold">{profileData.userId}</p>
-			<p class="text-black-600">{profileData.username}</p>
-		</div>
-		<div class="text-black-600 flex gap-4">
-			<p><span class="font-semibold text-black">{profileData.followers}</span> followers</p>
-			<p><span class="font-semibold text-black">{profileData.following}</span> following</p>
-			<p><span class="font-semibold text-black">{profileData.totalPosts}</span> posts</p>
-		</div>
-		<div class="text-black-600 text-center text-sm md:px-12">
-			{profileData.userBio}
-		</div>
-		<div class="flex w-full gap-3">
-			{#if variant === 'user'}
-				<div class="flex w-full justify-around">
-					<Button size="sm" class="w-full md:w-[50%]" callback={handleEdit}>
-						Edit Profile
-					</Button>
-				</div>
-				<div class="w-full md:hidden">
-					<Button size="sm" callback={() => goto(`/settings`)}>Settings</Button>
-				</div>
-			{:else if variant === 'other'}
-				<div class="flex w-full justify-around">
-					<Button size="sm" class="w-full md:w-[50%]" callback={handleFollow}>
-						Follow
-					</Button>
-				</div>
-				<div class="w-full md:hidden">
-					<Button size="sm" callback={handleMessage}>Message</Button>
-				</div>
-			{/if}
-		</div>
-	</div>
-	<div class="grid grid-cols-3 gap-[2px] pb-16">
-		{#each profileData.posts as post}
-			<!-- svelte-ignore a11y_click_events_have_key_events -->
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				onclick={() => {
-					handleSinglePost && handleSinglePost(post);
-				}}
-			>
-				<img
-					class="aspect-square w-48 rounded-md object-cover md:max-w-56"
-					src={post.imgUris[0]}
-					alt="user post"
-				/>
-			</div>
-		{/each}
-	</div>
+    <div class="flex flex-col items-center gap-4 p-4">
+        <img class="size-28 rounded-full" src={profileData.avatar} alt="" />
+        <div class="flex flex-col items-center gap-2">
+            <p class="font-semibold">{profileData.userId}</p>
+            <p class="text-black-600">{profileData.username}</p>
+        </div>
+        <div class="text-black-600 flex gap-4">
+            <p>
+                <span class="font-semibold text-black"
+                    >{profileData.followers}</span
+                > followers
+            </p>
+            <p>
+                <span class="font-semibold text-black"
+                    >{profileData.following}</span
+                > following
+            </p>
+            <p>
+                <span class="font-semibold text-black"
+                    >{profileData.totalPosts}</span
+                > posts
+            </p>
+        </div>
+        <div class="text-black-600 text-center text-sm md:px-12">
+            {profileData.userBio}
+        </div>
+        <div class="flex w-full gap-3">
+            {#if variant === "user"}
+                <div class="flex w-full justify-around">
+                    <Button
+                        size="sm"
+                        class="w-full md:w-[50%]"
+                        callback={handleEdit}
+                    >
+                        Edit Profile
+                    </Button>
+                </div>
+                <div class="w-full md:hidden">
+                    <Button size="sm" callback={() => goto(`/settings`)}
+                        >Settings</Button
+                    >
+                </div>
+            {:else if variant === "other"}
+                <div class="flex w-full justify-around">
+                    <Button
+                        size="sm"
+                        class="w-full md:w-[50%]"
+                        callback={handleFollow}
+                    >
+                        Follow
+                    </Button>
+                </div>
+                <div class="w-full md:hidden">
+                    <Button size="sm" callback={handleMessage}>Message</Button>
+                </div>
+            {/if}
+        </div>
+    </div>
+    <div class="grid grid-cols-3 gap-[2px] pb-16">
+        {#each profileData.posts as post}{/each}
+    </div>
 </div>
diff --git a/platforms/pictique/src/lib/fragments/Post/Post.svelte b/platforms/pictique/src/lib/fragments/Post/Post.svelte
index 2e3f56aa..7e26dcb1 100644
--- a/platforms/pictique/src/lib/fragments/Post/Post.svelte
+++ b/platforms/pictique/src/lib/fragments/Post/Post.svelte
@@ -89,21 +89,26 @@
 </script>
 
 <article {...restProps} class={cn(['flex w-full flex-col gap-4', restProps.class])}>
-	<div class="flex w-full items-center justify-between">
-		<!-- svelte-ignore a11y_click_events_have_key_events -->
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div
-			class="flex items-center justify-between gap-2"
-			onclick={() => goto(`/profile/${userId}`)}
-		>
-			<Avatar src={avatar ?? 'https://picsum.photos/200/200'} alt={username} size="sm"
-			></Avatar>
-			<h2>{username}</h2>
+	{#if count}
+		<div class="flex w-full items-center justify-between">
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<div
+				class="flex items-center justify-between gap-2"
+				onclick={() => goto(`/profile/${userId}`)}
+			>
+				<Avatar src={avatar ?? 'https://picsum.photos/200/200'} alt={username} size="sm"
+				></Avatar>
+				<h2>{username}</h2>
+			</div>
+			<button
+				onclick={callback.menu}
+				class="cursor-pointer rounded-full p-2 hover:bg-gray-100"
+			>
+				<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="var(--color-black-500)" />
+			</button>
 		</div>
-		<button onclick={callback.menu} class="cursor-pointer rounded-full p-2 hover:bg-gray-100">
-			<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="var(--color-black-500)" />
-		</button>
-	</div>
+	{/if}
 	{#if imgUris.length > 0}
 		<div class="relative">
 			{#if imgUris.length > 1}
@@ -155,38 +160,44 @@
 			{/if}
 		</div>
 	{/if}
-	<p class="text-black/80">{text}</p>
-	<p class="text-black/60">{time}</p>
+	{#if count}
+		<p class="text-black/80">{text}</p>
+		<p class="text-black/60">{time}</p>
+	{/if}
 	<div class="flex w-full items-center justify-between">
-		<div class="flex gap-4">
-			<button
-				class="cursor-pointer rounded-2xl bg-gray-100 px-4 py-3 hover:bg-gray-200"
-				onclick={callback.like}
-			>
+		{#if count}
+			<div class="flex gap-4">
+				<button
+					class="cursor-pointer rounded-2xl bg-gray-100 px-4 py-3 hover:bg-gray-200"
+					onclick={callback.like}
+				>
+					<HugeiconsIcon
+						icon={ThumbsUpIcon}
+						size={24}
+						color="var(--color-red-500)"
+						strokeWidth={3}
+					/>
+				</button>
+				<button
+					class="cursor-pointer rounded-2xl bg-gray-100 px-4 py-3 hover:bg-gray-200"
+					onclick={callback.comment}
+				>
+					<HugeiconsIcon icon={Message02Icon} size={24} color="var(--color-black-500)" />
+				</button>
+			</div>
+		{/if}
+		{#if count}
+			<div class="flex items-center justify-between gap-3 text-lg text-black/40">
+				<p class="subtext text-black-400">{count?.likes} likes</p>
 				<HugeiconsIcon
-					icon={ThumbsUpIcon}
-					size={24}
-					color="var(--color-red-500)"
-					strokeWidth={3}
+					icon={RecordIcon}
+					size={5}
+					strokeWidth={30}
+					color="var(--color-black-400)"
+					className="rounded-full"
 				/>
-			</button>
-			<button
-				class="cursor-pointer rounded-2xl bg-gray-100 px-4 py-3 hover:bg-gray-200"
-				onclick={callback.comment}
-			>
-				<HugeiconsIcon icon={Message02Icon} size={24} color="var(--color-black-500)" />
-			</button>
-		</div>
-		<div class="flex items-center justify-between gap-3 text-lg text-black/40">
-			<p class="subtext text-black-400">{count.likes} likes</p>
-			<HugeiconsIcon
-				icon={RecordIcon}
-				size={5}
-				strokeWidth={30}
-				color="var(--color-black-400)"
-				className="rounded-full"
-			/>
-			<p class="subtext text-black-400">{count.comments} comments</p>
-		</div>
+				<p class="subtext text-black-400">{count?.comments} comments</p>
+			</div>
+		{/if}
 	</div>
 </article>
diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
index f1d48220..85c4762f 100644
--- a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -1,81 +1,71 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	import type { PostData, userProfile } from '$lib/types';
 	import { Button } from '$lib/ui';
-	import type { HTMLAttributes } from 'svelte/elements';
+	import type { userProfile, PostData } from '$lib/types';
+	import Post from '../Post/Post.svelte';
 
-	interface IProfileProps extends HTMLAttributes<HTMLElement> {
-		variant: 'user' | 'other';
-		profileData: userProfile;
-		handleEdit?: () => Promise<void>;
-		handleFollow?: () => Promise<void>;
-		handleMessage?: () => Promise<void>;
-		handleSinglePost?: (post: PostData) => void;
-	}
-
-	const {
-		variant = 'user',
-		profileData,
-		handleEdit,
-		handleFollow,
-		handleMessage,
-		handleSinglePost,
-		...restProps
-	}: IProfileProps = $props();
+	export let variant: 'user' | 'other' = 'user';
+	export let profileData: userProfile;
+	export let handleSinglePost: (post: PostData) => void;
+	export let handleFollow: () => Promise<void>;
+	export let handleMessage: () => Promise<void>;
 </script>
 
-<div {...restProps} class="flex h-screen w-full flex-col items-center gap-4">
-	<div class="flex flex-col items-center gap-4 p-4">
-		<img class="size-28 rounded-full" src={profileData.avatar} alt="" />
-		<div class="flex flex-col items-center gap-2">
-			<p class="font-semibold">{profileData.userId}</p>
-			<p class="text-black-600">{profileData.username}</p>
+<div class="flex flex-col gap-4 p-4">
+	<div class="flex items-center gap-4">
+		<img
+			src={profileData.avatar ?? 'https://picsum.photos/200/200'}
+			alt={profileData.username}
+			class="h-20 w-20 rounded-full object-cover"
+		/>
+		<div class="flex-1">
+			<h2 class="text-xl font-semibold">{profileData.username}</h2>
+			<p class="text-gray-600">{profileData.userBio}</p>
 		</div>
-		<div class="text-black-600 flex gap-4">
-			<p><span class="font-semibold text-black">{profileData.followers}</span> followers</p>
-			<p><span class="font-semibold text-black">{profileData.following}</span> following</p>
-			<p><span class="font-semibold text-black">{profileData.totalPosts}</span> posts</p>
+		{#if variant === 'other'}
+			<div class="flex gap-2">
+				<Button variant="primary" callback={handleFollow}>Follow</Button>
+			</div>
+		{/if}
+	</div>
+
+	<div class="flex gap-8 text-center">
+		<div>
+			<p class="font-semibold">{profileData.totalPosts}</p>
+			<p class="text-gray-600">Posts</p>
 		</div>
-		<div class="text-black-600 text-center text-sm md:px-12">
-			{profileData.userBio}
+		<div>
+			<p class="font-semibold">{0}</p>
+			<p class="text-gray-600">Followers</p>
 		</div>
-		<div class="flex w-full gap-3">
-			{#if variant === 'user'}
-				<div class="flex w-full justify-around">
-					<Button size="sm" class="w-full md:w-[50%]" callback={handleEdit}>
-						Edit Profile
-					</Button>
-				</div>
-				<div class="w-full md:hidden">
-					<Button size="sm" callback={() => goto(`/settings`)}>Settings</Button>
-				</div>
-			{:else if variant === 'other'}
-				<div class="flex w-full justify-around">
-					<Button size="sm" class="w-full md:w-[50%]" callback={handleFollow}>
-						Follow
-					</Button>
-				</div>
-				<div class="w-full md:hidden">
-					<Button size="sm" callback={handleMessage}>Message</Button>
-				</div>
-			{/if}
+		<div>
+			<p class="font-semibold">{0}</p>
+			<p class="text-gray-600">Following</p>
 		</div>
 	</div>
-	<div class="grid grid-cols-3 gap-[2px] pb-16">
-		{#each profileData.posts as post}
-			<!-- svelte-ignore a11y_click_events_have_key_events -->
-			<!-- svelte-ignore a11y_no_static_element_interactions -->
-			<div
-				onclick={() => {
-					handleSinglePost && handleSinglePost(post);
-				}}
-			>
-				<img
-					class="aspect-square w-48 rounded-md object-cover md:max-w-56"
-					src={post.imgUris[0]}
-					alt="user post"
+
+	<div class="grid grid-cols-3 gap-1">
+		{#each profileData.posts.filter((e) => e.imgUris && e.imgUris.length > 0) as post}
+			<li class="mb-6">
+				<Post
+					avatar={'https://picsum.photos/200/200'}
+					username={profileData?.username}
+					imgUris={post.imgUris ?? []}
+					text={post.text}
+					time={new Date(post.createdAt).toLocaleDateString()}
+					callback={{
+						like: async () => {
+							try {
+							} catch (err) {}
+						},
+						comment: () => {
+							if (window.matchMedia('(max-width: 768px)').matches) {
+							} else {
+							}
+						},
+						menu: () => alert('menu')
+					}}
 				/>
-			</div>
+			</li>
 		{/each}
 	</div>
 </div>
diff --git a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
index 3fb77a7e..fe880e14 100644
--- a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
@@ -4,69 +4,88 @@
 	import { Profile } from '$lib/fragments';
 	import { ownerId, selectedPost } from '$lib/store/store.svelte';
 	import type { userProfile, PostData } from '$lib/types';
+	import { apiClient } from '$lib/utils/axios';
+	import { onMount } from 'svelte';
+	import Post from '../../../../lib/fragments/Post/Post.svelte';
 
 	let profileId = $derived(page.params.id);
+	let profile = $state<userProfile | null>(null);
+	let error = $state<string | null>(null);
+	let loading = $state(true);
 
-	const profile: userProfile = $state({
-		userId: page.params.id,
-		username: 'Ananya Rana',
-		avatar: 'https://picsum.photos/200/300',
-		totalPosts: 1,
-		followers: 300,
-		following: 150,
-		userBio:
-			'Friendly nerd who likes to not meet people as much as possible. Leave the earth for me yall.',
-		posts: [
-			{
-				id: '1',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: [
-					'https://picsum.photos/800',
-					'https://picsum.photos/600',
-					'https://picsum.photos/800',
-					'https://picsum.photos/600'
-				],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			},
-			{
-				id: '2',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: ['https://picsum.photos/id/1012/200/200'],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			},
-			{
-				id: '3',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: ['https://picsum.photos/id/1013/200/200'],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			}
-		]
-	});
+	async function fetchProfile() {
+		try {
+			loading = true;
+			error = null;
+			const response = await apiClient.get(`/api/users/${profileId}`);
+			profile = response.data;
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Failed to load profile';
+		} finally {
+			loading = false;
+		}
+	}
+
+	async function handleFollow() {
+		try {
+			await apiClient.post(`/api/users/${profileId}/follow`);
+			await fetchProfile(); // Refresh profile to update follower count
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Failed to follow user';
+		}
+	}
 
 	function handlePostClick(post: PostData) {
 		selectedPost.value = post;
 		goto('/profile/post');
 	}
+
+	onMount(fetchProfile);
 </script>
 
 <section class="pb-8">
-	<Profile
-		variant={ownerId.value === profileId ? 'user' : 'other'}
-		profileData={profile}
-		handleSinglePost={(post) => handlePostClick(post)}
-		handleFollow={async () => alert('followed')}
-		handleMessage={async () => goto('/messages')}
-	/>
+	{#if loading}
+		<div class="flex h-64 items-center justify-center">
+			<p class="text-gray-500">Loading profile...</p>
+		</div>
+	{:else if error}
+		<div class="flex h-64 items-center justify-center">
+			<p class="text-red-500">{error}</p>
+		</div>
+	{:else if profile}
+		<Profile
+			variant={ownerId.value === profileId ? 'user' : 'other'}
+			profileData={profile}
+			handleSinglePost={(post) => handlePostClick(post)}
+			{handleFollow}
+			handleMessage={async () => goto('/messages')}
+		/>
+
+		{#if profile}
+			<!-- {#each profile.posts as post (post.id)} -->
+			<!-- 	<li class="mb-6"> -->
+			<!-- 		<Post -->
+			<!-- 			avatar={post.author.avatarUrl} -->
+			<!-- 			username={post.author.handle} -->
+			<!-- 			imgUris={post.images} -->
+			<!-- 			text={post.text} -->
+			<!-- 			time={new Date(post.createdAt).toLocaleDateString()} -->
+			<!-- 			count={{ likes: post.likedBy.length, comments: post.comments.length }} -->
+			<!-- 			callback={{ -->
+			<!-- 				like: async () => { -->
+			<!-- 					try { -->
+			<!-- 					} catch (err) {} -->
+			<!-- 				}, -->
+			<!-- 				comment: () => { -->
+			<!-- 					if (window.matchMedia('(max-width: 768px)').matches) { -->
+			<!-- 					} else { -->
+			<!-- 					} -->
+			<!-- 				}, -->
+			<!-- 				menu: () => alert('menu') -->
+			<!-- 			}} -->
+			<!-- 		/> -->
+			<!-- 	</li> -->
+			<!-- {/each} -->
+		{/if}
+	{/if}
 </section>
diff --git a/platforms/piqtique-api/src/controllers/UserController.ts b/platforms/piqtique-api/src/controllers/UserController.ts
index 4b636bfe..1e193aa8 100644
--- a/platforms/piqtique-api/src/controllers/UserController.ts
+++ b/platforms/piqtique-api/src/controllers/UserController.ts
@@ -8,6 +8,26 @@ export class UserController {
         this.userService = new UserService();
     }
 
+    getProfileById = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            
+            if (!id) {
+                return res.status(400).json({ error: "User ID is required" });
+            }
+
+            const profile = await this.userService.getProfileById(id);
+            if (!profile) {
+                return res.status(404).json({ error: "User not found" });
+            }
+
+            res.json(profile);
+        } catch (error) {
+            console.error("Error fetching user profile:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
     search = async (req: Request, res: Response) => {
         try {
             const { q } = req.query;
diff --git a/platforms/piqtique-api/src/database/data-source.ts b/platforms/piqtique-api/src/database/data-source.ts
index 5035d284..22c367cf 100644
--- a/platforms/piqtique-api/src/database/data-source.ts
+++ b/platforms/piqtique-api/src/database/data-source.ts
@@ -6,6 +6,7 @@ import { Post } from "./entities/Post";
 import { Comment } from "./entities/Comment";
 import { Message } from "./entities/Message";
 import path from "path";
+import { Chat } from "./entities/Chat";
 
 config({ path: path.resolve(__dirname, "../../../../.env") });
 
@@ -14,7 +15,8 @@ export const AppDataSource = new DataSource({
     url: process.env.PICTIQUE_DATABASE_URL,
     synchronize: false,
     logging: process.env.NODE_ENV === "development",
-    entities: [User, Post, Comment, Message],
+    entities: [User, Post, Comment, Message, Chat],
     migrations: ["src/database/migrations/*.ts"],
     subscribers: [],
-}); 
\ No newline at end of file
+});
+
diff --git a/platforms/piqtique-api/src/database/entities/Chat.ts b/platforms/piqtique-api/src/database/entities/Chat.ts
new file mode 100644
index 00000000..12b7646e
--- /dev/null
+++ b/platforms/piqtique-api/src/database/entities/Chat.ts
@@ -0,0 +1,27 @@
+import {
+    Entity,
+    CreateDateColumn,
+    UpdateDateColumn,
+    PrimaryGeneratedColumn,
+    Column,
+    OneToMany,
+} from "typeorm";
+import { Message } from "./Message";
+
+@Entity()
+export class Chat {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ nullable: true })
+    name!: string;
+
+    @OneToMany(() => Message, (e) => e.chat)
+    messages!: Message[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+}
diff --git a/platforms/piqtique-api/src/database/entities/Message.ts b/platforms/piqtique-api/src/database/entities/Message.ts
index 7c2f55ff..de22ac34 100644
--- a/platforms/piqtique-api/src/database/entities/Message.ts
+++ b/platforms/piqtique-api/src/database/entities/Message.ts
@@ -1,23 +1,31 @@
-import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne } from "typeorm";
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    ManyToOne,
+} from "typeorm";
 import { User } from "./User";
+import { Chat } from "./Chat";
 
 @Entity("messages")
 export class Message {
     @PrimaryGeneratedColumn("uuid")
     id!: string;
 
-    @ManyToOne(() => User, (user: User) => user.sentMessages)
+    @ManyToOne(() => User)
     sender!: User;
 
-    @ManyToOne(() => User, (user: User) => user.receivedMessages)
-    recipient!: User;
-
     @Column("text")
     text!: string;
 
     @Column({ default: false })
     isRead!: boolean;
 
+    @ManyToOne(() => Chat, (e) => e.messages)
+    chat!: Chat;
+
     @CreateDateColumn()
     createdAt!: Date;
 
@@ -26,4 +34,4 @@ export class Message {
 
     @Column({ default: false })
     isArchived!: boolean;
-} 
\ No newline at end of file
+}
diff --git a/platforms/piqtique-api/src/database/entities/User.ts b/platforms/piqtique-api/src/database/entities/User.ts
index 2475bd02..e35802aa 100644
--- a/platforms/piqtique-api/src/database/entities/User.ts
+++ b/platforms/piqtique-api/src/database/entities/User.ts
@@ -1,4 +1,13 @@
-import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, OneToMany, ManyToMany, JoinTable } from "typeorm";
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    OneToMany,
+    ManyToMany,
+    JoinTable,
+} from "typeorm";
 import { Post } from "./Post";
 import { Comment } from "./Comment";
 import { Message } from "./Message";
@@ -38,17 +47,11 @@ export class User {
     @OneToMany(() => Comment, (comment: Comment) => comment.author)
     comments!: Comment[];
 
-    @OneToMany(() => Message, (message: Message) => message.sender)
-    sentMessages!: Message[];
-
-    @OneToMany(() => Message, (message: Message) => message.recipient)
-    receivedMessages!: Message[];
-
     @ManyToMany(() => User)
     @JoinTable({
         name: "user_followers",
         joinColumn: { name: "user_id", referencedColumnName: "id" },
-        inverseJoinColumn: { name: "follower_id", referencedColumnName: "id" }
+        inverseJoinColumn: { name: "follower_id", referencedColumnName: "id" },
     })
     followers!: User[];
 
@@ -56,7 +59,7 @@ export class User {
     @JoinTable({
         name: "user_following",
         joinColumn: { name: "user_id", referencedColumnName: "id" },
-        inverseJoinColumn: { name: "following_id", referencedColumnName: "id" }
+        inverseJoinColumn: { name: "following_id", referencedColumnName: "id" },
     })
     following!: User[];
 
@@ -68,4 +71,4 @@ export class User {
 
     @Column({ default: false })
     isArchived!: boolean;
-} 
\ No newline at end of file
+}
diff --git a/platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts b/platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts
new file mode 100644
index 00000000..d5094f6d
--- /dev/null
+++ b/platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts
@@ -0,0 +1,20 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class Migration1749281568709 implements MigrationInterface {
+    name = 'Migration1749281568709'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5"`);
+        await queryRunner.query(`ALTER TABLE "messages" RENAME COLUMN "recipientId" TO "chatId"`);
+        await queryRunner.query(`CREATE TABLE "chat" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), CONSTRAINT "PK_9d0b2ba74336710fd31154738a5" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_36bc604c820bb9adc4c75cd4115" FOREIGN KEY ("chatId") REFERENCES "chat"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_36bc604c820bb9adc4c75cd4115"`);
+        await queryRunner.query(`DROP TABLE "chat"`);
+        await queryRunner.query(`ALTER TABLE "messages" RENAME COLUMN "chatId" TO "recipientId"`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5" FOREIGN KEY ("recipientId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+    }
+
+}
diff --git a/platforms/piqtique-api/src/index.ts b/platforms/piqtique-api/src/index.ts
index 0f5b80ce..86ce3493 100644
--- a/platforms/piqtique-api/src/index.ts
+++ b/platforms/piqtique-api/src/index.ts
@@ -82,6 +82,7 @@ app.delete("/api/messages/:id", authGuard, messageController.deleteMessage);
 // User routes
 app.get("/api/users/search", userController.search);
 app.post("/api/users/follow", authGuard, userController.follow);
+app.get("/api/users/:id", authGuard, userController.getProfileById);
 
 // Start server
 app.listen(port, () => {
diff --git a/platforms/piqtique-api/src/services/UserService.ts b/platforms/piqtique-api/src/services/UserService.ts
index 54f6cfdb..125f0cee 100644
--- a/platforms/piqtique-api/src/services/UserService.ts
+++ b/platforms/piqtique-api/src/services/UserService.ts
@@ -1,25 +1,29 @@
 import { AppDataSource } from "../database/data-source";
 import { User } from "../database/entities/User";
+import { Post } from "../database/entities/Post";
 import { signToken } from "../utils/jwt";
 import { Like } from "typeorm";
 
 export class UserService {
     private userRepository = AppDataSource.getRepository(User);
+    private postRepository = AppDataSource.getRepository(Post);
 
     async createBlankUser(ename: string): Promise<User> {
         const user = this.userRepository.create({
             ename,
             isVerified: false,
             isPrivate: false,
-            isArchived: false
+            isArchived: false,
         });
 
         return await this.userRepository.save(user);
     }
 
-    async findOrCreateUser(ename: string): Promise<{ user: User; token: string }> {
+    async findOrCreateUser(
+        ename: string,
+    ): Promise<{ user: User; token: string }> {
         let user = await this.userRepository.findOne({
-            where: { ename }
+            where: { ename },
         });
 
         if (!user) {
@@ -36,11 +40,11 @@ export class UserService {
 
     searchUsers = async (query: string) => {
         const searchQuery = query.toLowerCase();
-        
+
         return this.userRepository.find({
             where: [
                 { handle: Like(`%${searchQuery}%`) },
-                { ename: Like(`%${searchQuery}%`) }
+                { ename: Like(`%${searchQuery}%`) },
             ],
             select: {
                 id: true,
@@ -48,24 +52,24 @@ export class UserService {
                 name: true,
                 description: true,
                 avatarUrl: true,
-                isVerified: true
+                isVerified: true,
             },
-            take: 10
+            take: 10,
         });
     };
 
     followUser = async (followerId: string, followingId: string) => {
         const follower = await this.userRepository.findOne({
             where: { id: followerId },
-            relations: ['following']
+            relations: ["following"],
         });
 
         const following = await this.userRepository.findOne({
-            where: { id: followingId }
+            where: { id: followingId },
         });
 
         if (!follower || !following) {
-            throw new Error('User not found');
+            throw new Error("User not found");
         }
 
         if (!follower.following) {
@@ -73,11 +77,53 @@ export class UserService {
         }
 
         // Check if already following
-        if (follower.following.some(user => user.id === followingId)) {
+        if (follower.following.some((user) => user.id === followingId)) {
             return follower;
         }
 
         follower.following.push(following);
         return await this.userRepository.save(follower);
     };
-} 
\ No newline at end of file
+
+    async getProfileById(userId: string) {
+        const user = await this.userRepository.findOne({
+            where: { id: userId },
+            select: {
+                id: true,
+                handle: true,
+                name: true,
+                avatarUrl: true,
+                followers: true,
+                following: true,
+                description: true,
+            },
+        });
+
+        if (!user) return null;
+
+        const posts = await this.postRepository.find({
+            where: { author: { id: userId } },
+            relations: ["author"],
+            order: { createdAt: "DESC" },
+        });
+
+        return {
+            ...user,
+            totalPosts: posts.length,
+            posts: posts.map((post) => ({
+                id: post.id,
+                avatar: post.author.avatarUrl,
+                userId: post.author.id,
+                username: post.author.handle,
+                imgUris: post.images,
+                caption: post.text,
+                time: post.createdAt,
+                count: {
+                    likes: post.likedBy,
+                    comments: post.comments,
+                },
+            })),
+        };
+    }
+}
+

From 7353c9cfc1520879997e2701b73f912ba3120274 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Sat, 7 Jun 2025 17:05:25 +0530
Subject: [PATCH 5/7] feat: different socials

---
 platforms/blabsy/package.json                 |   1 +
 platforms/blabsy/src/app.css                  |  13 +-
 .../src/lib/components/CreatePostModal.svelte |   4 +-
 .../src/lib/fragments/Comment/Comment.svelte  |   4 +-
 .../CreatePostModal/CreatePostModal.svelte    |   6 +-
 .../lib/fragments/InputFile/InputFile.svelte  |   4 +-
 .../MessageInput/MessageInput.svelte          |  28 +--
 .../blabsy/src/lib/fragments/Post/Post.svelte | 163 +++++++++--------
 .../src/lib/fragments/Profile/Profile.svelte  | 115 ++++++------
 .../src/lib/fragments/SideBar/SideBar.svelte  |   8 +-
 platforms/blabsy/src/lib/stores/comments.ts   |  22 +--
 platforms/blabsy/src/lib/stores/posts.ts      |  32 ++--
 platforms/blabsy/src/lib/stores/users.ts      |  10 +-
 .../blabsy/src/lib/ui/Modal/Modal.svelte      |   5 +-
 platforms/blabsy/src/lib/ui/Qr/Qr.svelte      |   4 +-
 platforms/blabsy/src/lib/utils/axios.ts       |   8 +-
 .../src/routes/(auth)/auth/+page.svelte       |  12 +-
 .../src/routes/(protected)/+layout.svelte     |   8 +-
 .../src/routes/(protected)/home/+page.svelte  |  10 +-
 .../routes/(protected)/messages/+page.svelte  |  47 +++--
 .../(protected)/messages/[id]/+page.svelte    | 139 +++++++++-----
 .../(protected)/profile/[id]/+page.svelte     | 140 ++++++++------
 .../(protected)/settings/account/+page.svelte |  21 +--
 .../settings/account/deactivate/+page.svelte  |  19 --
 .../settings/account/username/+page.svelte    |  74 +++++++-
 platforms/blabsy/static/images/Logo.svg       |  36 ++--
 .../src/lib/fragments/Profile/Profile.svelte  |  89 ---------
 .../routes/(protected)/discover/+page.svelte  |  24 ---
 .../(protected)/profile/[id]/+page.svelte     |  72 --------
 .../(protected)/profile/post/+page.svelte     |  33 ----
 platforms/pictique/package.json               |   1 +
 .../lib/fragments/InputFile/InputFile.svelte  |   4 +-
 .../MessageInput/MessageInput.svelte          |  28 +--
 .../src/lib/fragments/Profile/Profile.svelte  |   1 +
 platforms/pictique/src/lib/utils/axios.ts     |   4 +
 .../routes/(protected)/messages/+page.svelte  |  47 +++--
 .../(protected)/messages/[id]/+page.svelte    | 130 ++++++++-----
 .../(protected)/profile/[id]/+page.svelte     |  15 +-
 .../(protected)/settings/account/+page.svelte |  21 +--
 .../settings/account/deactivate/+page.svelte  |  19 --
 .../settings/account/username/+page.svelte    |  74 +++++++-
 platforms/piqtique-api/package.json           |  40 ----
 .../src/controllers/AuthController.ts         |  91 ---------
 .../src/controllers/CommentController.ts      |  93 ----------
 .../src/controllers/MessageController.ts      | 173 ------------------
 .../src/controllers/PostController.ts         | 135 --------------
 .../src/controllers/UserController.ts         |  63 -------
 .../piqtique-api/src/database/data-source.ts  |  22 ---
 .../src/database/entities/Chat.ts             |  27 ---
 .../src/database/entities/Comment.ts          |  35 ----
 .../src/database/entities/Message.ts          |  37 ----
 .../src/database/entities/Post.ts             |  41 -----
 .../src/database/entities/User.ts             |  74 --------
 .../migrations/1749032877158-migration.ts     |  70 -------
 .../migrations/1749281568709-migration.ts     |  20 --
 platforms/piqtique-api/src/index.ts           |  90 ---------
 platforms/piqtique-api/src/middleware/auth.ts |  46 -----
 .../src/services/CommentService.ts            |  57 ------
 .../piqtique-api/src/services/PostService.ts  |  92 ----------
 .../piqtique-api/src/services/UserService.ts  | 129 -------------
 platforms/piqtique-api/src/types/express.d.ts |   9 -
 platforms/piqtique-api/src/utils/jwt.ts       |  15 --
 platforms/piqtique-api/tsconfig.json          |  25 ---
 pnpm-lock.yaml                                |  16 ++
 64 files changed, 762 insertions(+), 2133 deletions(-)
 delete mode 100644 platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte
 delete mode 100644 platforms/metagram/src/lib/fragments/Profile/Profile.svelte
 delete mode 100644 platforms/metagram/src/routes/(protected)/discover/+page.svelte
 delete mode 100644 platforms/metagram/src/routes/(protected)/profile/[id]/+page.svelte
 delete mode 100644 platforms/metagram/src/routes/(protected)/profile/post/+page.svelte
 delete mode 100644 platforms/pictique/src/routes/(protected)/settings/account/deactivate/+page.svelte
 delete mode 100644 platforms/piqtique-api/package.json
 delete mode 100644 platforms/piqtique-api/src/controllers/AuthController.ts
 delete mode 100644 platforms/piqtique-api/src/controllers/CommentController.ts
 delete mode 100644 platforms/piqtique-api/src/controllers/MessageController.ts
 delete mode 100644 platforms/piqtique-api/src/controllers/PostController.ts
 delete mode 100644 platforms/piqtique-api/src/controllers/UserController.ts
 delete mode 100644 platforms/piqtique-api/src/database/data-source.ts
 delete mode 100644 platforms/piqtique-api/src/database/entities/Chat.ts
 delete mode 100644 platforms/piqtique-api/src/database/entities/Comment.ts
 delete mode 100644 platforms/piqtique-api/src/database/entities/Message.ts
 delete mode 100644 platforms/piqtique-api/src/database/entities/Post.ts
 delete mode 100644 platforms/piqtique-api/src/database/entities/User.ts
 delete mode 100644 platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts
 delete mode 100644 platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts
 delete mode 100644 platforms/piqtique-api/src/index.ts
 delete mode 100644 platforms/piqtique-api/src/middleware/auth.ts
 delete mode 100644 platforms/piqtique-api/src/services/CommentService.ts
 delete mode 100644 platforms/piqtique-api/src/services/PostService.ts
 delete mode 100644 platforms/piqtique-api/src/services/UserService.ts
 delete mode 100644 platforms/piqtique-api/src/types/express.d.ts
 delete mode 100644 platforms/piqtique-api/src/utils/jwt.ts
 delete mode 100644 platforms/piqtique-api/tsconfig.json

diff --git a/platforms/blabsy/package.json b/platforms/blabsy/package.json
index 5ac9de0c..f35eb2d6 100644
--- a/platforms/blabsy/package.json
+++ b/platforms/blabsy/package.json
@@ -53,6 +53,7 @@
 		"-": "^0.0.1",
 		"D": "^1.0.0",
 		"axios": "^1.6.7",
+		"moment": "^2.30.1",
 		"svelte-qrcode": "^1.0.1",
 		"tailwind-merge": "^3.0.2"
 	}
diff --git a/platforms/blabsy/src/app.css b/platforms/blabsy/src/app.css
index 2f7ba6ea..4579296e 100644
--- a/platforms/blabsy/src/app.css
+++ b/platforms/blabsy/src/app.css
@@ -14,8 +14,7 @@ body {
 	padding-bottom: env(safe-area-inset-bottom);
 	padding-left: env(safe-area-inset-left);
 	padding-right: env(safe-area-inset-right);
-	background-color: black;
-    color: white
+	background-color: white;
 }
 
 @layer base {
@@ -59,11 +58,11 @@ body {
 	--color-black-200: #d2d2d2;
 
 	--color-grey: #f5f5f5;
-	--color-red: #8E52FF;
+	--color-red: #ff5255;
 
 	--color-gray-200: #eaecf0;
 
-	--color-brand-burnt-orange: #8E52FF;
+	--color-brand-burnt-orange: #da4a11;
 	--color-brand-burnt-orange-100: #f8dbcf;
 	--color-brand-burnt-orange-200: #f3c3b0;
 	--color-brand-burnt-orange-300: #eca488;
@@ -76,9 +75,9 @@ body {
 
 	--color-brand-gradient: linear-gradient(
 		91.82deg,
-		#4D44EF 0%,
-		#EB5BF3 50%,
-		#F7A428 100%
+		#4d44ef -36.17%,
+		#f35b5b 57.95%,
+		#f7a428 152.07%
 	);
 }
 
diff --git a/platforms/blabsy/src/lib/components/CreatePostModal.svelte b/platforms/blabsy/src/lib/components/CreatePostModal.svelte
index f1682b52..e966f5ac 100644
--- a/platforms/blabsy/src/lib/components/CreatePostModal.svelte
+++ b/platforms/blabsy/src/lib/components/CreatePostModal.svelte
@@ -46,8 +46,8 @@
 	};
 </script>
 
-<div class="bg-black-200 fixed inset-0 z-50 flex items-center justify-center">
-	<div class="w-full max-w-2xl rounded-lg bg-black p-6">
+<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
+	<div class="w-full max-w-2xl rounded-lg bg-white p-6">
 		<div class="mb-4 flex items-center justify-between">
 			<h2 class="text-xl font-semibold">Create Post</h2>
 			<button
diff --git a/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte b/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte
index 8e8152d7..86a5a068 100644
--- a/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte
+++ b/platforms/blabsy/src/lib/fragments/Comment/Comment.svelte
@@ -23,8 +23,8 @@
 	<div class="align-start flex gap-2">
 		<Avatar src={comment.userImgSrc} size="sm" />
 		<div>
-			<h3 class="font-semibold text-white/60">{comment.name}</h3>
-			<p class="text-white-600 mt-0.5">{comment.comment}</p>
+			<h3 class="font-semibold text-black">{comment.name}</h3>
+			<p class="text-black-600 mt-0.5">{comment.comment}</p>
 		</div>
 	</div>
 	<div class="ms-12 mt-2 flex items-center gap-2">
diff --git a/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte b/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
index 8879c2f6..67c14581 100644
--- a/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
+++ b/platforms/blabsy/src/lib/fragments/CreatePostModal/CreatePostModal.svelte
@@ -44,8 +44,8 @@
 	};
 </script>
 
-<Modal on:close={closeCreatePostModal} class="w-full">
-	<div class="w-full max-w-2xl rounded-lg bg-black p-6">
+<Modal on:close={closeCreatePostModal}>
+	<div class="w-full max-w-2xl rounded-lg bg-white p-6">
 		<div class="mb-4 flex items-center justify-between">
 			<h2 class="text-xl font-semibold">Create Post</h2>
 			<button
@@ -88,7 +88,7 @@
 		{/if}
 
 		<div class="flex items-center justify-between">
-			<label class="bg-black-800 cursor-pointer rounded-lg px-4 py-2 hover:bg-gray-200">
+			<label class="cursor-pointer rounded-lg bg-gray-100 px-4 py-2 hover:bg-gray-200">
 				<input type="file" accept="image/*" class="hidden" on:change={handleImageUpload} />
 				Add Photo
 			</label>
diff --git a/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte b/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte
index 9b8c5dce..14e80402 100644
--- a/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte
+++ b/platforms/blabsy/src/lib/fragments/InputFile/InputFile.svelte
@@ -26,7 +26,7 @@
 
 <label
 	for={uniqueId}
-	class="bg-grey text-black-400 font-geist flex h-[158px] w-full items-center justify-center rounded-4xl text-base font-normal"
+	class="bg-grey text-black-400 font-geist rounded-4xl flex h-[158px] w-full items-center justify-center text-base font-normal"
 >
 	{#if files}
 		<div class="flex flex-col items-center gap-2">
@@ -52,7 +52,7 @@
 	@component
 	export default InputFile;
 	@description
-	A styled file input component with a custom label, file preview, and a cancel button. 
+	A styled file input component with a custom label, file preview, and a cancel button.
 	Supports binding file selection and a cancel handler.
 
 	@props
diff --git a/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte b/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte
index 02b5a9e7..200bd0b7 100644
--- a/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte
+++ b/platforms/blabsy/src/lib/fragments/MessageInput/MessageInput.svelte
@@ -39,28 +39,20 @@
 	{:else}
 		<!-- svelte-ignore a11y_click_events_have_key_events -->
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<input
-			id="add-image"
-			type="file"
-			class="hidden"
-			accept="image/*"
-			bind:files
-			bind:this={fileInput}
-		/>
-		<button
-			type="button"
-			class="flex aspect-square h-13 w-13 items-center justify-center rounded-full border-0 bg-black p-0"
-			aria-label="add-image"
-			onclick={() => fileInput?.click()}
-		>
-			<HugeiconsIcon size="24px" icon={PlusSignIcon} color="var(--color-black-400)" />
-		</button>
 	{/if}
-	<Input type="text" bind:input bind:value class="bg-[#2d2d2d] text-white" {placeholder} />
+	<Input
+		type="text"
+		bind:input
+		bind:value
+		{placeholder}
+		onkeydown={(e) => {
+			if (e.key === 'Enter') handleSend();
+		}}
+	/>
 	<!-- svelte-ignore a11y_click_events_have_key_events -->
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div
-		class="flex aspect-square h-13 w-13 items-center justify-center rounded-full bg-[#2d2d2d]"
+		class="bg-grey h-13 w-13 flex aspect-square items-center justify-center rounded-full"
 		onclick={handleSend}
 	>
 		<HugeiconsIcon size="24px" icon={SentIcon} color="var(--color-black-400)" />
diff --git a/platforms/blabsy/src/lib/fragments/Post/Post.svelte b/platforms/blabsy/src/lib/fragments/Post/Post.svelte
index ad9200e7..7e26dcb1 100644
--- a/platforms/blabsy/src/lib/fragments/Post/Post.svelte
+++ b/platforms/blabsy/src/lib/fragments/Post/Post.svelte
@@ -8,7 +8,7 @@
 		Message02Icon,
 		MoreVerticalIcon,
 		RecordIcon,
-		FavouriteIcon
+		ThumbsUpIcon
 	} from '@hugeicons/core-free-icons';
 	import { HugeiconsIcon } from '@hugeicons/svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
@@ -89,98 +89,115 @@
 </script>
 
 <article {...restProps} class={cn(['flex w-full flex-col gap-4', restProps.class])}>
-	<div class="flex w-full items-center justify-between">
-		<!-- svelte-ignore a11y_click_events_have_key_events -->
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div
-			class="flex items-center justify-between gap-2"
-			onclick={() => goto(`/profile/${userId}`)}
-		>
-			<Avatar src={avatar ?? 'https://picsum.photos/200/200'} alt={username} size="sm"
-			></Avatar>
-			<h2>{username}</h2>
-		</div>
-		<button onclick={callback.menu} class="cursor-pointer rounded-full p-2 hover:bg-gray-100">
-			<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="var(--color-black-500)" />
-		</button>
-	</div>
-	<div class="relative">
-		{#if imgUris.length > 1}
+	{#if count}
+		<div class="flex w-full items-center justify-between">
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<div
+				class="flex items-center justify-between gap-2"
+				onclick={() => goto(`/profile/${userId}`)}
+			>
+				<Avatar src={avatar ?? 'https://picsum.photos/200/200'} alt={username} size="sm"
+				></Avatar>
+				<h2>{username}</h2>
+			</div>
 			<button
-				onclick={scrollLeft}
-				class="absolute start-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+				onclick={callback.menu}
+				class="cursor-pointer rounded-full p-2 hover:bg-gray-100"
 			>
-				<HugeiconsIcon icon={ArrowLeftIcon} size={20} color="black" />
+				<HugeiconsIcon icon={MoreVerticalIcon} size={24} color="var(--color-black-500)" />
 			</button>
-		{/if}
-		<div class="mb-8">
-			<p class="text-2xl text-white">{text}</p>
-			<p class="text-white/60">{time}</p>
 		</div>
-		{#if imgUris.length > 0}
+	{/if}
+	{#if imgUris.length > 0}
+		<div class="relative">
+			{#if imgUris.length > 1}
+				<button
+					onclick={scrollLeft}
+					class="absolute start-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+				>
+					<HugeiconsIcon icon={ArrowLeftIcon} size={20} color="black" />
+				</button>
+			{/if}
 			<div
 				bind:this={galleryRef}
 				onscroll={handleScroll}
-				class="hide-scrollbar flex aspect-[4/5] snap-x snap-mandatory flex-nowrap gap-2 overflow-hidden overflow-x-scroll md:aspect-[16/9]"
+				class="hide-scrollbar flex aspect-[4/5] snap-x snap-mandatory flex-nowrap gap-2 overflow-hidden overflow-x-scroll rounded-4xl md:aspect-[16/9]"
 			>
 				{#each imgUris as img}
 					<div class="aspect-[4/5] h-full w-full snap-center md:aspect-[16/9]">
 						<img
 							src={img}
 							alt={text}
-							class="h-full w-full object-cover"
+							class="h-full w-full rounded-4xl object-cover"
 							onerror={handleImageError}
 						/>
 					</div>
 				{/each}
 			</div>
-		{/if}
-		{#if imgUris.length > 1}
-			<div
-				class="absolute start-[50%] bottom-4 mt-2 flex translate-x-[-50%] items-center justify-center gap-1"
-			>
-				{#if imgUris.length > 1}
-					<div class="mt-2 flex items-center justify-center gap-1">
-						{#each imgUris as _, i}
-							<div
-								class={`h-1.5 w-1.5  ${currentIndex === i ? 'bg-white' : 'bg-black-600'}`}
-							></div>
-						{/each}
-					</div>
-				{/if}
+			{#if imgUris.length > 1}
+				<div
+					class="absolute start-[50%] bottom-4 mt-2 flex translate-x-[-50%] items-center justify-center gap-1"
+				>
+					{#if imgUris.length > 1}
+						<div class="mt-2 flex items-center justify-center gap-1">
+							{#each imgUris as _, i}
+								<div
+									class={`h-1.5 w-1.5 rounded-full ${currentIndex === i ? 'bg-white' : 'bg-black-600'}`}
+								></div>
+							{/each}
+						</div>
+					{/if}
+				</div>
+			{/if}
+			{#if imgUris.length > 1}
+				<button
+					onclick={scrollRight}
+					class="absolute end-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
+				>
+					<HugeiconsIcon icon={ArrowRightIcon} size={20} color="black" />
+				</button>
+			{/if}
+		</div>
+	{/if}
+	{#if count}
+		<p class="text-black/80">{text}</p>
+		<p class="text-black/60">{time}</p>
+	{/if}
+	<div class="flex w-full items-center justify-between">
+		{#if count}
+			<div class="flex gap-4">
+				<button
+					class="cursor-pointer rounded-2xl bg-gray-100 px-4 py-3 hover:bg-gray-200"
+					onclick={callback.like}
+				>
+					<HugeiconsIcon
+						icon={ThumbsUpIcon}
+						size={24}
+						color="var(--color-red-500)"
+						strokeWidth={3}
+					/>
+				</button>
+				<button
+					class="cursor-pointer rounded-2xl bg-gray-100 px-4 py-3 hover:bg-gray-200"
+					onclick={callback.comment}
+				>
+					<HugeiconsIcon icon={Message02Icon} size={24} color="var(--color-black-500)" />
+				</button>
 			</div>
 		{/if}
-		{#if imgUris.length > 1}
-			<button
-				onclick={scrollRight}
-				class="absolute end-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
-			>
-				<HugeiconsIcon icon={ArrowRightIcon} size={20} color="black" />
-			</button>
+		{#if count}
+			<div class="flex items-center justify-between gap-3 text-lg text-black/40">
+				<p class="subtext text-black-400">{count?.likes} likes</p>
+				<HugeiconsIcon
+					icon={RecordIcon}
+					size={5}
+					strokeWidth={30}
+					color="var(--color-black-400)"
+					className="rounded-full"
+				/>
+				<p class="subtext text-black-400">{count?.comments} comments</p>
+			</div>
 		{/if}
 	</div>
-
-	<div
-		class="border-bottom-2 border-grey-100 flex w-full items-center
-        justify-between"
-	>
-		<div class="flex gap-4">
-			<button
-				class="100 cursor-pointer rounded-2xl bg-[#2d2d2d] px-4 py-3"
-				onclick={callback.like}
-			>
-				<HugeiconsIcon icon={FavouriteIcon} size={24} strokeWidth={3} />
-			</button>
-			<button
-				class="cursor-pointer rounded-2xl bg-[#2d2d2d] px-4 py-3"
-				onclick={callback.comment}
-			>
-				<HugeiconsIcon icon={Message02Icon} size={24} color="var(--color-black-500)" />
-			</button>
-		</div>
-	</div>
-	<div class="flex gap-3 border-b-1 border-b-black pb-10 text-lg text-black/40">
-		<p class="subtext text-black-400">{count.likes} likes</p>
-		<p class="subtext text-black-400">{count.comments} comments</p>
-	</div>
 </article>
diff --git a/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte b/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
index 2cde3c44..21a5ca8a 100644
--- a/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/blabsy/src/lib/fragments/Profile/Profile.svelte
@@ -1,67 +1,72 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	import type { PostData, userProfile } from '$lib/types';
 	import { Button } from '$lib/ui';
-	import type { HTMLAttributes } from 'svelte/elements';
+	import type { userProfile, PostData } from '$lib/types';
+	import Post from '../Post/Post.svelte';
 
-	interface IProfileProps extends HTMLAttributes<HTMLElement> {
-		variant: 'user' | 'other';
-		profileData: userProfile;
-		handleEdit?: () => Promise<void>;
-		handleFollow?: () => Promise<void>;
-		handleMessage?: () => Promise<void>;
-		handleSinglePost?: (post: PostData) => void;
-	}
-
-	const {
-		variant = 'user',
-		profileData,
-		handleEdit,
-		handleFollow,
-		handleMessage,
-		handleSinglePost,
-		...restProps
-	}: IProfileProps = $props();
+	export let variant: 'user' | 'other' = 'user';
+	export let profileData: userProfile;
+	export let handleSinglePost: (post: PostData) => void;
+	export let handleFollow: () => Promise<void>;
+	export let handleMessage: () => Promise<void>;
 </script>
 
-<div {...restProps} class="flex h-screen w-full flex-col items-center gap-4">
-	<div class="flex flex-col items-center gap-4 p-4">
-		<img class="size-28 rounded-full" src={profileData.avatar} alt="" />
-		<div class="flex flex-col items-center gap-2">
-			<p class="font-semibold">{profileData.userId}</p>
-			<p class="text-black-600">{profileData.username}</p>
+<div class="flex flex-col gap-4 p-4">
+	<div class="flex items-center gap-4">
+		<img
+			src={profileData.avatar ?? 'https://picsum.photos/200/200'}
+			alt={profileData.username}
+			class="h-20 w-20 rounded-full object-cover"
+		/>
+		<div class="flex-1">
+			<h2 class="text-xl font-semibold">{profileData.username}</h2>
+			<p class="text-gray-600">{profileData.userBio}</p>
 		</div>
-		<div class="text-black-600 flex gap-4">
-			<p><span class="font-semibold text-black">{profileData.followers}</span> followers</p>
-			<p><span class="font-semibold text-black">{profileData.following}</span> following</p>
-			<p><span class="font-semibold text-black">{profileData.totalPosts}</span> posts</p>
+		{#if variant === 'other'}
+			<div class="flex gap-2">
+				<Button variant="primary" callback={handleFollow}>Follow</Button>
+				<Button variant="primary" callback={handleMessage}>Message</Button>
+			</div>
+		{/if}
+	</div>
+
+	<div class="flex gap-8 text-center">
+		<div>
+			<p class="font-semibold">{profileData.totalPosts}</p>
+			<p class="text-gray-600">Posts</p>
 		</div>
-		<div class="text-black-600 text-center text-sm md:px-12">
-			{profileData.userBio}
+		<div>
+			<p class="font-semibold">{0}</p>
+			<p class="text-gray-600">Followers</p>
 		</div>
-		<div class="flex w-full gap-3">
-			{#if variant === 'user'}
-				<div class="flex w-full justify-around">
-					<Button size="sm" class="w-full md:w-[50%]" callback={handleEdit}>
-						Edit Profile
-					</Button>
-				</div>
-				<div class="w-full md:hidden">
-					<Button size="sm" callback={() => goto(`/settings`)}>Settings</Button>
-				</div>
-			{:else if variant === 'other'}
-				<div class="flex w-full justify-around">
-					<Button size="sm" class="w-full md:w-[50%]" callback={handleFollow}>
-						Follow
-					</Button>
-				</div>
-				<div class="w-full md:hidden">
-					<Button size="sm" callback={handleMessage}>Message</Button>
-				</div>
-			{/if}
+		<div>
+			<p class="font-semibold">{0}</p>
+			<p class="text-gray-600">Following</p>
 		</div>
 	</div>
-	<div class="grid grid-cols-3 gap-[2px] pb-16">
-		{#each profileData.posts as post}{/each}
+
+	<div class="grid grid-cols-3 gap-1">
+		<!-- {#each profileData.blabs.filter((e) => e.imgUris && e.imgUris.length > 0) as post} -->
+		<!-- 	<li class="mb-6"> -->
+		<!-- 		<Post -->
+		<!-- 			avatar={'https://picsum.photos/200/200'} -->
+		<!-- 			username={profileData?.username} -->
+		<!-- 			imgUris={post.imgUris ?? []} -->
+		<!-- 			text={post.text} -->
+		<!-- 			time={new Date(post.createdAt).toLocaleDateString()} -->
+		<!-- 			callback={{ -->
+		<!-- 				like: async () => { -->
+		<!-- 					try { -->
+		<!-- 					} catch (err) {} -->
+		<!-- 				}, -->
+		<!-- 				comment: () => { -->
+		<!-- 					if (window.matchMedia('(max-width: 768px)').matches) { -->
+		<!-- 					} else { -->
+		<!-- 					} -->
+		<!-- 				}, -->
+		<!-- 				menu: () => alert('menu') -->
+		<!-- 			}} -->
+		<!-- 		/> -->
+		<!-- 	</li> -->
+		<!-- {/each} -->
 	</div>
 </div>
diff --git a/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte b/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte
index 1a49bc02..51897fd9 100644
--- a/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte
+++ b/platforms/blabsy/src/lib/fragments/SideBar/SideBar.svelte
@@ -37,7 +37,7 @@
 	});
 
 	const cBase =
-		'hidden h-screen border border-y-0 border-e-black py-14 md:flex md:justify-center';
+		'hidden h-screen border border-y-0 border-e-gray-200 py-14 md:flex md:justify-center';
 </script>
 
 <!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
@@ -48,7 +48,9 @@
 	role="tablist"
 >
 	<div class="flex flex-col items-start justify-start gap-12">
-		<h1 class="bg-[image:var(--color-brand-gradient)] bg-clip-text text-transparent">Blabsy</h1>
+		<h1 class="bg-[image:var(--color-brand-gradient)] bg-clip-text text-transparent">
+			pictique
+		</h1>
 		<button
 			type="button"
 			class="flex items-center gap-2"
@@ -168,7 +170,7 @@
 			</h3>
 		</button>
 		{#if handlePost}
-			<Button size="sm" variant="secondary" callback={handlePost}>Post your thoughts</Button>
+			<Button size="sm" variant="secondary" callback={handlePost}>Post a photo</Button>
 		{/if}
 	</div>
 </nav>
diff --git a/platforms/blabsy/src/lib/stores/comments.ts b/platforms/blabsy/src/lib/stores/comments.ts
index 36af8fe9..0d798641 100644
--- a/platforms/blabsy/src/lib/stores/comments.ts
+++ b/platforms/blabsy/src/lib/stores/comments.ts
@@ -5,11 +5,11 @@ export interface Comment {
     id: string;
     text: string;
     createdAt: string;
-    author: {
+    creator: {
         id: string;
-        handle: string;
-        name: string;
-        avatarUrl: string;
+        username: string;
+        displayName: string;
+        profilePictureUrl: string;
     };
 }
 
@@ -18,28 +18,28 @@ export const isLoading = writable(false);
 export const error = writable<string | null>(null);
 export const activePostId = writable<string | null>();
 
-export const fetchComments = async (postId: string) => {
+export const fetchComments = async (blabId: string) => {
     try {
         isLoading.set(true);
         error.set(null);
-        const response = await apiClient.get(`/api/posts/${postId}/comments`);
+        const response = await apiClient.get(`/api/blabs/${blabId}/replies`);
         comments.set(response.data);
     } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to fetch comments');
+        error.set(err instanceof Error ? err.message : 'Failed to fetch replies');
     } finally {
         isLoading.set(false);
     }
 };
 
-export const createComment = async (postId: string, text: string) => {
+export const createComment = async (blabId: string, text: string) => {
     try {
         isLoading.set(true);
         error.set(null);
-        const response = await apiClient.post('/api/comments', { postId, text });
-        await fetchComments(postId); // Refresh comments after creating
+        const response = await apiClient.post('/api/replies', { blabId, text });
+        await fetchComments(blabId); // Refresh replies after creating
         return response.data;
     } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to create comment');
+        error.set(err instanceof Error ? err.message : 'Failed to create reply');
         throw err;
     } finally {
         isLoading.set(false);
diff --git a/platforms/blabsy/src/lib/stores/posts.ts b/platforms/blabsy/src/lib/stores/posts.ts
index 5743f76a..7e529a7d 100644
--- a/platforms/blabsy/src/lib/stores/posts.ts
+++ b/platforms/blabsy/src/lib/stores/posts.ts
@@ -3,24 +3,24 @@ import { apiClient } from '$lib/utils/axios';
 
 export interface Post {
     id: string;
-    text: string;
+    content: string;
     images: string[];
     author: {
         id: string;
-        handle: string;
-        name: string;
-        avatarUrl: string;
+        username: string;
+        displayName: string;
+        profilePictureUrl: string;
     };
     createdAt: string;
     likedBy: string[];
-    comments: {
+    replies: {
         id: string;
         text: string;
-        author: {
+        creator: {
             id: string;
-            handle: string;
-            name: string;
-            avatarUrl: string;
+            username: string;
+            displayName: string;
+            profilePictureUrl: string;
         };
         createdAt: string;
     }[];
@@ -38,7 +38,7 @@ export const fetchFeed = async (page = 1, limit = 10) => {
     try {
         isLoading.set(true);
         error.set(null);
-        const response = await apiClient.get(`/api/posts/feed?page=${page}&limit=${limit}`);
+        const response = await apiClient.get(`/api/blabs/feed?page=${page}&limit=${limit}`);
         posts.set(response.data);
     } catch (err) {
         error.set(err instanceof Error ? err.message : 'Failed to fetch feed');
@@ -47,27 +47,27 @@ export const fetchFeed = async (page = 1, limit = 10) => {
     }
 };
 
-export const createPost = async (text: string, images: string[]) => {
+export const createPost = async (content: string, images: string[]) => {
     try {
         isLoading.set(true);
         error.set(null);
-        const response = await apiClient.post('/api/posts', {
-            text,
+        const response = await apiClient.post('/api/blabs', {
+            content,
             images: images.map((img) => img)
         });
         await fetchFeed(1);
         return response.data;
     } catch (err) {
-        error.set(err instanceof Error ? err.message : 'Failed to create post');
+        error.set(err instanceof Error ? err.message : 'Failed to create blab');
         throw err;
     } finally {
         isLoading.set(false);
     }
 };
 
-export const toggleLike = async (postId: string) => {
+export const toggleLike = async (blabId: string) => {
     try {
-        const response = await apiClient.post(`/api/posts/${postId}/like`);
+        const response = await apiClient.post(`/api/blabs/${blabId}/like`);
         return response.data;
     } catch (err) {
         throw new Error(err instanceof Error ? err.message : 'Failed to toggle like');
diff --git a/platforms/blabsy/src/lib/stores/users.ts b/platforms/blabsy/src/lib/stores/users.ts
index bad67bee..870d73bb 100644
--- a/platforms/blabsy/src/lib/stores/users.ts
+++ b/platforms/blabsy/src/lib/stores/users.ts
@@ -3,10 +3,10 @@ import { apiClient } from '$lib/utils/axios';
 
 export interface User {
     id: string;
-    handle: string;
-    name: string;
-    description: string;
-    avatarUrl: string;
+    username: string;
+    displayName: string;
+    bio: string;
+    profilePictureUrl: string;
     isVerified: boolean;
 }
 
@@ -35,7 +35,7 @@ export const searchUsers = async (query: string) => {
 
 export const followUser = async (followingId: string) => {
     try {
-        await apiClient.post('/api/users/follow', { followingId });
+        await apiClient.post(`/api/users/${followingId}/follow`);
         return true;
     } catch (err) {
         console.error('Failed to follow user:', err);
diff --git a/platforms/blabsy/src/lib/ui/Modal/Modal.svelte b/platforms/blabsy/src/lib/ui/Modal/Modal.svelte
index ba0eff55..abce30a8 100644
--- a/platforms/blabsy/src/lib/ui/Modal/Modal.svelte
+++ b/platforms/blabsy/src/lib/ui/Modal/Modal.svelte
@@ -21,11 +21,10 @@
 <svelte:window on:keydown={handleKeydown} />
 
 <div
-	class="w-60vw fixed inset-0 z-50 flex items-center justify-center
-    bg-black/50"
+	class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
 	on:click={handleBackdropClick}
 >
-	<div class="relative w-[60vw]">
+	<div class="relative">
 		<slot />
 	</div>
 </div>
diff --git a/platforms/blabsy/src/lib/ui/Qr/Qr.svelte b/platforms/blabsy/src/lib/ui/Qr/Qr.svelte
index 052a5c4d..b1555443 100644
--- a/platforms/blabsy/src/lib/ui/Qr/Qr.svelte
+++ b/platforms/blabsy/src/lib/ui/Qr/Qr.svelte
@@ -2,8 +2,6 @@
 	import QrCode from 'svelte-qrcode';
 
 	export let data: string;
-	export let background = '#ffffff';
-	export let color = '#1d1d1d';
 </script>
 
-<QrCode value={data} {background} {color} size={330} />
+<QrCode value={data} size={330} />
diff --git a/platforms/blabsy/src/lib/utils/axios.ts b/platforms/blabsy/src/lib/utils/axios.ts
index 9974996a..b61fd534 100644
--- a/platforms/blabsy/src/lib/utils/axios.ts
+++ b/platforms/blabsy/src/lib/utils/axios.ts
@@ -1,11 +1,11 @@
 import axios, { type AxiosInstance } from 'axios';
-import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+import { PUBLIC_BLABSY_BASE_URL } from '$env/static/public';
 
 const TOKEN_KEY = 'pictique_auth_token';
 
 // Create axios instance with base configuration
 export const apiClient: AxiosInstance = axios.create({
-    baseURL: PUBLIC_PICTIQUE_BASE_URL,
+    baseURL: PUBLIC_BLABSY_BASE_URL,
     headers: {
         'Content-Type': 'application/json',
         Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY)}`
@@ -17,6 +17,10 @@ export const setAuthToken = (token: string): void => {
     localStorage.setItem(TOKEN_KEY, token);
 };
 
+export const getAuthToken = () => {
+    return localStorage.getItem(TOKEN_KEY);
+};
+
 // Utility function to remove auth token
 export const removeAuthToken = (): void => {
     localStorage.removeItem(TOKEN_KEY);
diff --git a/platforms/blabsy/src/routes/(auth)/auth/+page.svelte b/platforms/blabsy/src/routes/(auth)/auth/+page.svelte
index 8775e679..0fe22d73 100644
--- a/platforms/blabsy/src/routes/(auth)/auth/+page.svelte
+++ b/platforms/blabsy/src/routes/(auth)/auth/+page.svelte
@@ -2,17 +2,17 @@
 	import { Qr } from '$lib/ui';
 	import { onMount } from 'svelte';
 	import { apiClient, setAuthToken } from '$lib/utils';
-	import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+	import { PUBLIC_BLABSY_BASE_URL } from '$env/static/public';
 	import { goto } from '$app/navigation';
 
 	let qrData: string;
 
 	onMount(async () => {
-		const { data } = await apiClient.get('/api/auth/offerb');
+		const { data } = await apiClient.get('/api/auth/offer');
 		qrData = data.uri;
 
 		function watchEventStream(id: string) {
-			const sseUrl = new URL(`/api/auth/sessions/${id}`, PUBLIC_PICTIQUE_BASE_URL).toString();
+			const sseUrl = new URL(`/api/auth/sessions/${id}`, PUBLIC_BLABSY_BASE_URL).toString();
 			const eventSource = new EventSource(sseUrl);
 
 			eventSource.onopen = function (e) {
@@ -36,12 +36,12 @@
     justify-center"
 >
 	<div
-		class="h-max-[600px] flex w-[300px] flex-col items-center gap-5 rounded-md
-        bg-[#1d1d1d] p-5"
+		class="h-max-[600px] bg-grey flex w-[300px] flex-col items-center gap-5
+        rounded-md p-5"
 	>
 		<img src="/images/Logo.svg" alt="logo" />
 
-		<Qr data={qrData} background="#1d1d1d" color="#ffffff"></Qr>
+		<Qr data={qrData}></Qr>
 
 		<h1>Scan the QR to Login</h1>
 	</div>
diff --git a/platforms/blabsy/src/routes/(protected)/+layout.svelte b/platforms/blabsy/src/routes/(protected)/+layout.svelte
index cc86793e..5365cb60 100644
--- a/platforms/blabsy/src/routes/(protected)/+layout.svelte
+++ b/platforms/blabsy/src/routes/(protected)/+layout.svelte
@@ -99,7 +99,7 @@
 	</section>
 	{#if route === '/home' || route === '/messages'}
 		<aside
-			class="hide-scrollbar relative hidden h-[100dvh] overflow-y-scroll border border-e-0 border-t-0 border-b-0 border-s-black px-8 pt-14 md:block"
+			class="hide-scrollbar relative hidden h-[100dvh] overflow-y-scroll border border-e-0 border-t-0 border-b-0 border-s-gray-200 px-8 pt-14 md:block"
 		>
 			{#if route === '/home'}
 				{#if showComments.value}
@@ -115,9 +115,11 @@
 									<Comment
 										comment={{
 											userImgSrc:
-												comment.author.avatarUrl ||
+												comment.creator.profilePictureUrl ||
 												'https://picsum.photos/200/200',
-											name: comment.author.name || comment.author.handle,
+											name:
+												comment.creator.displayName ||
+												comment.creator.username,
 											commentId: comment.id,
 											comment: comment.text,
 											isUpVoted: false,
diff --git a/platforms/blabsy/src/routes/(protected)/home/+page.svelte b/platforms/blabsy/src/routes/(protected)/home/+page.svelte
index 3e33b5e1..33114bfb 100644
--- a/platforms/blabsy/src/routes/(protected)/home/+page.svelte
+++ b/platforms/blabsy/src/routes/(protected)/home/+page.svelte
@@ -73,15 +73,15 @@
 		{:else if $error}
 			<li class="my-4 text-center text-red-500">{$error}</li>
 		{:else}
-			{#each $posts.posts as post (post.id)}
+			{#each $posts.blabs as post (post.id)}
 				<li class="mb-6">
 					<Post
-						avatar={post.author.avatarUrl}
-						username={post.author.handle}
+						avatar={post.author.profilePictureUrl}
+						username={post.author.displayName ?? post.author.username}
 						imgUris={post.images}
-						text={post.text}
+						text={post.content}
 						time={new Date(post.createdAt).toLocaleDateString()}
-						count={{ likes: post.likedBy.length, comments: post.comments.length }}
+						count={{ likes: post.likedBy.length, comments: post.replies.length }}
 						callback={{
 							like: async () => {
 								try {
diff --git a/platforms/blabsy/src/routes/(protected)/messages/+page.svelte b/platforms/blabsy/src/routes/(protected)/messages/+page.svelte
index f31526e2..572a3d55 100644
--- a/platforms/blabsy/src/routes/(protected)/messages/+page.svelte
+++ b/platforms/blabsy/src/routes/(protected)/messages/+page.svelte
@@ -1,31 +1,38 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { Message } from '$lib/fragments';
-	import { Input } from '$lib/ui';
+	import { onMount } from 'svelte';
+	import { apiClient } from '$lib/utils/axios';
 
-	let searchValue = $state('');
+	let messages = $state([]);
+
+	onMount(async () => {
+		const { data } = await apiClient.get('/api/chats');
+		const { data: userData } = await apiClient.get('/api/users');
+		messages = data.chats.map((c) => {
+			const members = c.users.filter((u) => u.id !== userData.id);
+			const memberNames = members.map((m) => m.displayName ?? m.username ?? m.ename);
+			const avatar = members.length > 1 ? '/images/group.png' : members[0].profilePictureUrl;
+			return {
+				id: c.id,
+				avatar,
+				username: memberNames.join(', '),
+				unread: c.latestMessage?.isRead,
+				text: c.latestMessage?.content ?? 'start a chat'
+			};
+		});
+	});
 </script>
 
 <section>
-	{#if true}
-		<h2>You don't have any messages yet</h2>
-	{:else}
-		<Input type="text" bind:value={searchValue} placeholder="Search Messages" class="my-6" />
-		<Message
-			class="mb-6"
-			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-			username="donaldthefirstt"
-			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
-			unread={false}
-			callback={() => goto(`/messages/${0}`)}
-		/>
+	{#each messages as message}
 		<Message
 			class="mb-6"
-			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-			username="donaldthefirstt"
-			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
-			unread={true}
-			callback={() => goto(`/messages/${1}`)}
+			avatar={message.avatar}
+			username={message.username}
+			text={message.text}
+			unread={!message.unread}
+			callback={() => goto(`/messages/${message.id}`)}
 		/>
-	{/if}
+	{/each}
 </section>
diff --git a/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte b/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte
index 8e6ed045..8ad9fcbc 100644
--- a/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte
+++ b/platforms/blabsy/src/routes/(protected)/messages/[id]/+page.svelte
@@ -1,63 +1,104 @@
 <script lang="ts">
 	import { MessageInput, ChatMessage } from '$lib/fragments';
+	import { PUBLIC_BLABSY_BASE_URL } from '$env/static/public';
+	import { page } from '$app/state';
+	import { onMount } from 'svelte';
+	import { getAuthToken, apiClient } from '$lib/utils/axios';
+	import moment from 'moment';
 
+	const id = page.params.id;
+	let userId = $state();
+	let messages: any[] = $state([]);
 	let messageValue = $state('');
+	let messagesContainer: HTMLDivElement;
+
+	function scrollToBottom() {
+		if (messagesContainer) {
+			messagesContainer.scrollTop = messagesContainer.scrollHeight;
+		}
+	}
+
+	// Scroll to bottom when messages change
+	$effect(() => {
+		if (messages) {
+			// Use setTimeout to ensure DOM has updated
+			setTimeout(scrollToBottom, 0);
+		}
+	});
+
+	async function watchEventStream() {
+		const sseUrl = new URL(
+			`/api/chats/${id}/events?token=${getAuthToken()}`,
+			PUBLIC_BLABSY_BASE_URL
+		).toString();
+		const eventSource = new EventSource(sseUrl);
+
+		eventSource.onopen = function (e) {
+			console.log('Successfully connected.');
+		};
+
+		eventSource.onmessage = function (e) {
+			const data = JSON.parse(e.data);
+			console.log(data);
+			addMessages(data);
+			// Use setTimeout to ensure DOM has updated
+			setTimeout(scrollToBottom, 0);
+		};
+	}
+
+	async function handleSend() {
+		await apiClient.post(`/api/chats/${id}/texts`, {
+			text: messageValue
+		});
+		messageValue = '';
+	}
+
+	interface Message {
+		id: string;
+		content: string;
+		createdAt: string;
+		author: {
+			id: string;
+			profilePictureUrl: string;
+		};
+	}
+
+	function addMessages(arr: Message[]) {
+		const newMessages = arr.map((m) => ({
+			id: m.id,
+			isOwn: m.author.id !== userId,
+			userImgSrc: m.author.profilePictureUrl,
+			time: moment(m.createdAt).fromNow(),
+			message: m.content
+		}));
+		apiClient.post(`/api/chats/${id}/texts/read`);
+
+		messages = messages.concat(newMessages);
+	}
+
+	onMount(async () => {
+		const { data: userData } = await apiClient.get('/api/users');
+		userId = userData.id;
+		watchEventStream();
+	});
 </script>
 
 <section class="chat relative px-0">
-	{#each { length: 12 } as _}
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/200/300"
-			time="12:55 AM"
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/200/300"
-			time="12:55 AM"
-			isHeadNeeded={false}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/200/300"
-			time="12:55 AM"
-			isHeadNeeded={false}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={false}
-			userImgSrc="https://picsum.photos/id/237/500"
-			time="12:55 AM"
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={false}
-			userImgSrc="https://picsum.photos/id/237/500"
-			time="12:55 AM"
-			isHeadNeeded={true}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/500"
-			time="12:55 AM"
-			isHeadNeeded={false}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing "
-		/>
-	{/each}
-
+	<div class="h-[calc(100vh-220px)] overflow-auto" bind:this={messagesContainer}>
+		{#each messages as msg (msg.id)}
+			<ChatMessage
+				isOwn={msg.isOwn}
+				userImgSrc={msg.userImgSrc}
+				time={msg.time}
+				message={msg.message}
+			/>
+		{/each}
+	</div>
 	<MessageInput
 		class="sticky start-0 bottom-[-15px] w-full"
 		variant="dm"
 		src="https://picsum.photos/id/237/200/300"
 		bind:value={messageValue}
-		handleSend={async () => alert('sent')}
+		{handleSend}
 	/>
 </section>
diff --git a/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte
index 3fb77a7e..2aeea589 100644
--- a/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte
+++ b/platforms/blabsy/src/routes/(protected)/profile/[id]/+page.svelte
@@ -4,69 +4,101 @@
 	import { Profile } from '$lib/fragments';
 	import { ownerId, selectedPost } from '$lib/store/store.svelte';
 	import type { userProfile, PostData } from '$lib/types';
+	import { apiClient } from '$lib/utils/axios';
+	import { onMount } from 'svelte';
+	import Post from '../../../../lib/fragments/Post/Post.svelte';
 
 	let profileId = $derived(page.params.id);
+	let profile = $state<userProfile | null>(null);
+	let error = $state<string | null>(null);
+	let loading = $state(true);
 
-	const profile: userProfile = $state({
-		userId: page.params.id,
-		username: 'Ananya Rana',
-		avatar: 'https://picsum.photos/200/300',
-		totalPosts: 1,
-		followers: 300,
-		following: 150,
-		userBio:
-			'Friendly nerd who likes to not meet people as much as possible. Leave the earth for me yall.',
-		posts: [
-			{
-				id: '1',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: [
-					'https://picsum.photos/800',
-					'https://picsum.photos/600',
-					'https://picsum.photos/800',
-					'https://picsum.photos/600'
-				],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			},
-			{
-				id: '2',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: ['https://picsum.photos/id/1012/200/200'],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			},
-			{
-				id: '3',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: ['https://picsum.photos/id/1013/200/200'],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			}
-		]
-	});
+	async function fetchProfile() {
+		try {
+			loading = true;
+			error = null;
+			const response = await apiClient.get(`/api/users/${profileId}`);
+			profile = response.data;
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Failed to load profile';
+		} finally {
+			loading = false;
+		}
+	}
+
+	async function handleFollow() {
+		try {
+			await apiClient.post(`/api/users/${profileId}/follow`);
+			await fetchProfile(); // Refresh profile to update follower count
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Failed to follow user';
+		}
+	}
+
+	async function handleMessage() {
+		try {
+			await apiClient.post(`/api/chats/`, {
+				name: profile.username,
+				participantIds: [profileId]
+			});
+			goto('/messages');
+			await fetchProfile(); // Refresh profile to update follower count
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Failed to follow user';
+		}
+	}
 
 	function handlePostClick(post: PostData) {
 		selectedPost.value = post;
 		goto('/profile/post');
 	}
+
+	onMount(fetchProfile);
 </script>
 
 <section class="pb-8">
-	<Profile
-		variant={ownerId.value === profileId ? 'user' : 'other'}
-		profileData={profile}
-		handleSinglePost={(post) => handlePostClick(post)}
-		handleFollow={async () => alert('followed')}
-		handleMessage={async () => goto('/messages')}
-	/>
+	{#if loading}
+		<div class="flex h-64 items-center justify-center">
+			<p class="text-gray-500">Loading profile...</p>
+		</div>
+	{:else if error}
+		<div class="flex h-64 items-center justify-center">
+			<p class="text-red-500">{error}</p>
+		</div>
+	{:else if profile}
+		<Profile
+			variant={ownerId.value === profileId ? 'user' : 'other'}
+			profileData={profile}
+			handleSinglePost={(post) => handlePostClick(post)}
+			{handleFollow}
+			{handleMessage}
+		/>
+
+		{#if profile}
+			<!-- {#each profile.posts as post (post.id)} -->
+			<!-- 	<li class="mb-6"> -->
+			<!-- 		<Post -->
+			<!-- 			avatar={post.author.avatarUrl} -->
+			<!-- 			username={post.author.handle} -->
+			<!-- 			imgUris={post.images} -->
+			<!-- 			text={post.text} -->
+			<!-- 			time={new Date(post.createdAt).toLocaleDateString()} -->
+			<!-- 			count={{ likes: post.likedBy.length, comments: post.comments.length }} -->
+			<!-- 			callback={{ -->
+			<!-- 				like: async () => { -->
+			<!-- 					try { -->
+			<!-- 					} catch (err) {} -->
+			<!-- 				}, -->
+			<!-- 				comment: () => { -->
+			<!-- 					if (window.matchMedia('(max-width: 768px)').matches) { -->
+			<!-- 					} else { -->
+			<!-- 					} -->
+			<!-- 				}, -->
+			<!-- 				menu: () => alert('menu') -->
+			<!-- 			}} -->
+			<!-- 		/> -->
+			<!-- 	</li> -->
+			<!-- {/each} -->
+		{/if}
+	{/if}
 </section>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte
index b37422aa..40e62177 100644
--- a/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte
+++ b/platforms/blabsy/src/routes/(protected)/settings/account/+page.svelte
@@ -1,19 +1,8 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { SettingsNavigationButton } from '$lib/fragments';
-</script>
+	import { onMount } from 'svelte';
 
-<div class="flex flex-col gap-3">
-	<SettingsNavigationButton onclick={() => goto('/settings/account/username')}>
-		{#snippet children()}
-			Username
-		{/snippet}
-	</SettingsNavigationButton>
-	<hr class="text-grey" />
-	<SettingsNavigationButton onclick={() => goto('/settings/account/deactivate')}>
-		{#snippet children()}
-			Deactivate Account
-		{/snippet}
-	</SettingsNavigationButton>
-	<hr class="text-grey" />
-</div>
+	onMount(() => {
+		goto('/settings/account/username');
+	});
+</script>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte
deleted file mode 100644
index 67214d5b..00000000
--- a/platforms/blabsy/src/routes/(protected)/settings/account/deactivate/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script>
-	import { SettingsNavigationButton } from '$lib/fragments';
-	import { Button } from '$lib/ui';
-</script>
-
-<div class="flex flex-col gap-3">
-	<SettingsNavigationButton hasTrailingIcon={false}>
-		{#snippet children()}
-			<div class="flex flex-col items-start">
-				<h2 class="text-black-800 text-base">
-					Are you sure you want to deactivate this account?
-				</h2>
-				<p class="text-black-600 text-sm">You can log back in anytime</p>
-			</div>
-		{/snippet}
-	</SettingsNavigationButton>
-	<hr class="text-grey" />
-	<Button size="sm" variant="secondary" callback={() => alert('logout')}>Logout</Button>
-</div>
diff --git a/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte b/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte
index 02dbebc0..3cbc1aaa 100644
--- a/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte
+++ b/platforms/blabsy/src/routes/(protected)/settings/account/username/+page.svelte
@@ -1,13 +1,73 @@
 <script lang="ts">
-	import { Button, Helper, Input, Label } from '$lib/ui';
+	import { Button, Input, Label } from '$lib/ui';
+	import { InputFile } from '$lib/fragments';
+	import { apiClient } from '$lib/utils/axios';
 
-	let username: string;
+	let handle = $state();
+	let name = $state();
+	let profileImageDataUrl = $state('');
+	let files = $state<FileList | undefined>();
+
+	function handleFileChange() {
+		if (files && files[0]) {
+			const file = files[0];
+			const reader = new FileReader();
+
+			reader.onload = (e) => {
+				if (e.target?.result) {
+					profileImageDataUrl = e.target.result as string;
+				}
+			};
+
+			reader.readAsDataURL(file);
+		}
+	}
+
+	async function saveProfileData() {
+		await apiClient.patch(`/api/users`, {
+			username: handle,
+			profilePictureUrl: profileImageDataUrl,
+			displayName: name
+		});
+	}
+
+	$effect(() => {
+		if (files) {
+			handleFileChange();
+		}
+	});
 </script>
 
-<div>
-	<Label>Change your username</Label>
-	<Input type="text" placeholder="Edit Username" bind:value={username} />
-	<Helper>You can only do this 3 more times</Helper>
+<div class="flex flex-col gap-6">
+	<div>
+		<Label>Change your profile picture</Label>
+		<InputFile
+			bind:files
+			accept="image/*"
+			label="Upload Profile Picture"
+			cancelLabel="Remove"
+			oncancel={() => {
+				profileImageDataUrl = '';
+				files = undefined;
+			}}
+		/>
+		{#if profileImageDataUrl}
+			<img
+				src={profileImageDataUrl}
+				alt="Profile preview"
+				class="mt-2 h-32 w-32 rounded-full object-cover"
+			/>
+		{/if}
+	</div>
+
+	<div>
+		<Label>Change your username</Label>
+		<Input type="text" placeholder="Edit Username" bind:value={handle} />
+	</div>
+	<div>
+		<Label>Profile Name</Label>
+		<Input type="text" placeholder="Edit your public name" bind:value={name} />
+	</div>
 </div>
 <hr class="text-grey" />
-<Button size="sm" variant="secondary" callback={() => alert('saved')}>Save Changes</Button>
+<Button size="sm" variant="secondary" callback={saveProfileData}>Save Changes</Button>
diff --git a/platforms/blabsy/static/images/Logo.svg b/platforms/blabsy/static/images/Logo.svg
index 2c56ed0b..a8ac8a17 100644
--- a/platforms/blabsy/static/images/Logo.svg
+++ b/platforms/blabsy/static/images/Logo.svg
@@ -1,43 +1,49 @@
 <svg width="150" height="135" viewBox="0 0 150 135" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_2310_3649)">
-<rect x="38" y="3" width="74" height="74" rx="18" stroke="url(#paint0_linear_2310_3649)" stroke-width="6"/>
-<path d="M70.3509 57.5896C68.2425 57.5896 66.3664 57.0715 64.7225 56.0351C63.1144 54.9631 62.0423 53.5515 61.5063 51.8004L62.0959 50.0315V53.355C62.0959 54.6772 61.7565 55.6956 61.0775 56.4104C60.3985 57.1251 59.4158 57.4824 58.1293 57.4824C56.8428 57.4824 55.8422 57.1251 55.1275 56.4104C54.4485 55.6956 54.109 54.6772 54.109 53.355V22.8545C54.109 21.4965 54.4485 20.4781 55.1275 19.7991C55.8422 19.0844 56.8607 18.727 58.1829 18.727C59.4694 18.727 60.4521 19.0844 61.1311 19.7991C61.8458 20.4781 62.2032 21.4965 62.2032 22.8545V35.5586H61.5599C62.1317 33.9504 63.2216 32.6461 64.8297 31.6455C66.4378 30.6449 68.2782 30.1446 70.3509 30.1446C72.6737 30.1446 74.6928 30.6985 76.4081 31.8063C78.1234 32.9141 79.4635 34.4865 80.4284 36.5234C81.3932 38.5604 81.8757 40.9904 81.8757 43.8135C81.8757 46.6366 81.3932 49.0845 80.4284 51.1572C79.4635 53.2299 78.1056 54.8201 76.3545 55.9279C74.6392 57.0357 72.638 57.5896 70.3509 57.5896ZM67.9387 51.5324C69.0823 51.5324 70.0829 51.2465 70.9405 50.6748C71.8339 50.103 72.5129 49.2632 72.9775 48.1554C73.4778 47.0119 73.7279 45.5646 73.7279 43.8135C73.7279 41.2048 73.1919 39.2929 72.1198 38.0779C71.0478 36.8272 69.6541 36.2018 67.9387 36.2018C66.7952 36.2018 65.7767 36.4698 64.8833 37.0059C64.0257 37.5419 63.3467 38.3817 62.8464 39.5252C62.3461 40.633 62.0959 42.0625 62.0959 43.8135C62.0959 46.4222 62.632 48.3698 63.7041 49.6563C64.7761 50.9071 66.1877 51.5324 67.9387 51.5324Z" fill="url(#paint1_linear_2310_3649)"/>
+<g filter="url(#filter0_i_1883_2774)">
+<rect x="38" y="3" width="74" height="74" rx="18" stroke="url(#paint0_linear_1883_2774)" stroke-width="6"/>
+<path d="M58.1829 67.1311C56.8607 67.1311 55.8422 66.7737 55.1275 66.059C54.4485 65.38 54.109 64.3616 54.109 63.0036V34.3257C54.109 33.0035 54.4485 32.0029 55.1275 31.3239C55.8422 30.6092 56.8249 30.2518 58.0757 30.2518C59.3979 30.2518 60.3985 30.6092 61.0775 31.3239C61.7565 32.0029 62.0959 33.0035 62.0959 34.3257V37.9707L61.5063 35.8802C62.0423 34.1649 63.1144 32.789 64.7225 31.7527C66.3664 30.6806 68.2425 30.1446 70.3509 30.1446C72.638 30.1446 74.6392 30.6985 76.3545 31.8063C78.1056 32.9141 79.4635 34.4865 80.4284 36.5234C81.3932 38.5604 81.8757 40.9904 81.8757 43.8135C81.8757 46.6366 81.3932 49.0845 80.4284 51.1572C79.4635 53.2299 78.1234 54.8201 76.4081 55.9279C74.6928 57.0357 72.6737 57.5896 70.3509 57.5896C68.2782 57.5896 66.4378 57.0893 64.8297 56.0887C63.2216 55.0524 62.1317 53.7123 61.5599 52.0685H62.2032V63.0036C62.2032 64.3616 61.8458 65.38 61.1311 66.059C60.4521 66.7737 59.4694 67.1311 58.1829 67.1311ZM67.9387 51.5324C69.0823 51.5324 70.0829 51.2465 70.9405 50.6748C71.8339 50.103 72.5129 49.2632 72.9775 48.1554C73.4778 47.0119 73.7279 45.5646 73.7279 43.8135C73.7279 41.2048 73.1919 39.2929 72.1198 38.0779C71.0478 36.8272 69.6541 36.2018 67.9387 36.2018C66.7952 36.2018 65.7767 36.4698 64.8833 37.0059C64.0257 37.5419 63.3467 38.3817 62.8464 39.5252C62.3461 40.633 62.0959 42.0625 62.0959 43.8135C62.0959 46.4222 62.632 48.3698 63.7041 49.6563C64.7761 50.9071 66.1877 51.5324 67.9387 51.5324Z" fill="url(#paint1_linear_1883_2774)"/>
+<circle cx="95.5" cy="21.5" r="5.5" fill="url(#paint2_linear_1883_2774)"/>
 </g>
-<g filter="url(#filter1_i_2310_3649)">
-<path d="M27.5881 126V103.28H36.1001C41.6361 103.28 44.5801 105.168 44.5801 109.424C44.5801 112.144 42.9161 113.968 40.0041 114.256C43.5561 114.544 45.5401 116.656 45.5401 119.76C45.5401 123.92 42.5641 126 37.2521 126H27.5881ZM37.0601 122.48C39.6521 122.48 41.2841 121.392 41.2841 119.312C41.2841 117.2 39.6841 116.08 37.0601 116.08H31.7481V122.48H37.0601ZM35.9721 112.816C38.6921 112.816 40.3241 111.76 40.3241 109.808C40.3241 107.76 38.7881 106.8 35.9721 106.8H31.7481V112.816H35.9721ZM52.3661 126C49.8381 126 48.2381 124.816 48.2381 121.968L48.2701 103.28H52.3661V121.552C52.3661 122.448 52.8141 122.832 53.6461 122.832H54.8941V126H52.3661ZM61.9821 126.384C58.3981 126.384 56.0301 124.688 56.0301 121.712C56.0301 118.768 57.8541 117.2 61.5981 116.464L67.2621 115.344C67.2621 112.944 66.1421 111.696 63.9981 111.696C61.9821 111.696 60.8941 112.624 60.5101 114.352L56.3181 114.16C56.9901 110.576 59.7421 108.528 63.9981 108.528C68.8621 108.528 71.3581 111.088 71.3581 115.632V121.84C71.3581 122.768 71.6781 123.024 72.3181 123.024H72.8621V126C72.6061 126.064 71.9341 126.128 71.3901 126.128C69.5341 126.128 68.1581 125.456 67.8061 123.344C66.9741 125.168 64.7981 126.384 61.9821 126.384ZM62.8141 123.408C65.5341 123.408 67.2621 121.68 67.2621 119.088V118.128L62.8461 119.024C61.0221 119.376 60.2861 120.144 60.2861 121.328C60.2861 122.672 61.1821 123.408 62.8141 123.408ZM83.9871 126.384C81.5871 126.384 79.7631 125.296 78.8031 123.472L78.7071 126H74.8031V103.28H78.8991V111.344C79.7951 109.808 81.6191 108.528 83.9871 108.528C88.4031 108.528 91.1871 112.016 91.1871 117.456C91.1871 122.896 88.4031 126.384 83.9871 126.384ZM83.0591 123.056C85.3951 123.056 86.9311 120.944 86.9311 117.456C86.9311 113.904 85.4271 111.856 83.0911 111.856C80.4351 111.856 78.8991 113.904 78.8991 117.456C78.8991 120.944 80.4351 123.056 83.0591 123.056ZM100.282 126.384C95.2259 126.384 92.5699 123.984 92.3139 120.624L96.5059 120.432C96.7939 122.224 97.9139 123.248 100.282 123.248C102.202 123.248 103.354 122.672 103.354 121.328C103.354 120.176 102.778 119.664 99.6099 119.12C94.3619 118.224 92.7299 116.816 92.7299 113.904C92.7299 110.736 95.2259 108.528 99.9619 108.528C104.57 108.528 106.938 110.992 107.418 114.288L103.258 114.48C102.97 112.752 101.818 111.664 99.9299 111.664C97.9779 111.664 96.9859 112.528 96.9859 113.776C96.9859 115.152 97.8819 115.696 100.474 116.112C105.85 116.944 107.61 118.416 107.61 121.264C107.61 124.56 104.634 126.384 100.282 126.384ZM110.178 130.8V127.632H112.354C113.474 127.632 113.922 127.312 114.242 126.512L114.69 125.328H113.506L107.426 108.912H111.65L115.97 121.488L120.034 108.912H124.29L117.602 127.792C116.866 129.904 115.586 130.8 113.09 130.8H110.178Z" fill="url(#paint2_linear_2310_3649)"/>
+<g filter="url(#filter1_i_1883_2774)">
+<path d="M18.8919 130.8V108.912H22.8279L22.8919 111.44C23.8839 109.552 25.7719 108.528 28.0119 108.528C32.8759 108.528 35.2759 112.528 35.2759 117.456C35.2759 122.384 32.8439 126.384 27.9799 126.384C25.8039 126.384 23.9159 125.328 22.9879 123.664V130.8H18.8919ZM27.0199 123.056C29.5159 123.056 31.0199 120.976 31.0199 117.456C31.0199 113.936 29.5159 111.856 27.0199 111.856C24.5239 111.856 22.9879 113.744 22.9879 117.456C22.9879 121.168 24.4919 123.056 27.0199 123.056ZM37.0494 126V108.912H41.1454V126H37.0494ZM36.9854 106.64V102.992H41.2414V106.64H36.9854ZM51.7574 126.384C46.6694 126.384 43.3414 122.864 43.3414 117.456C43.3414 112.08 46.6694 108.528 51.7574 108.528C56.1094 108.528 59.2134 110.896 59.7254 114.96L55.5014 115.184C55.1814 113.008 53.7414 111.856 51.7574 111.856C49.1014 111.856 47.5974 113.936 47.5974 117.456C47.5974 121.008 49.1014 123.056 51.7574 123.056C53.7414 123.056 55.1814 121.904 55.5014 119.504L59.7254 119.696C59.2454 123.792 56.1734 126.384 51.7574 126.384ZM67.6811 126C64.2891 126 62.7211 124.496 62.7211 121.104V112.08H60.0331V108.912H62.7211V104.912H66.8171V108.912H71.3291V112.08H66.8171V120.72C66.8171 122.32 67.4891 122.832 68.9291 122.832H71.3291V126H67.6811ZM73.2719 126V108.912H77.3679V126H73.2719ZM73.2079 106.64V102.992H77.4639V106.64H73.2079ZM95.9479 130.8H91.8519V123.664C90.9239 125.328 89.0359 126.384 86.8599 126.384C81.9959 126.384 79.5639 122.384 79.5639 117.456C79.5639 112.528 81.9639 108.528 86.8279 108.528C89.0679 108.528 90.9559 109.552 91.9479 111.44L92.0119 108.912H95.9479V130.8ZM87.8199 123.056C90.3479 123.056 91.8519 121.168 91.8519 117.456C91.8519 113.744 90.3159 111.856 87.8199 111.856C85.3239 111.856 83.8199 113.936 83.8199 117.456C83.8199 120.976 85.3239 123.056 87.8199 123.056ZM104.781 126.384C101.293 126.384 99.1494 123.984 99.1494 119.92V108.912H103.245V118.896C103.245 121.776 104.173 123.056 106.157 123.056C108.365 123.056 109.645 121.552 109.645 118.736V108.912H113.741V126H109.997L109.933 123.152C109.069 125.296 107.309 126.384 104.781 126.384ZM124.013 126.384C118.893 126.384 115.629 122.864 115.629 117.456C115.629 112.08 118.893 108.528 123.917 108.528C128.813 108.528 132.045 111.92 132.045 117.68V118.608H119.885C120.045 121.616 121.613 123.12 124.045 123.12C125.869 123.12 127.117 122.256 127.597 120.752L131.789 121.008C130.861 124.336 127.949 126.384 124.013 126.384ZM127.789 115.856C127.597 113.072 126.093 111.76 123.917 111.76C121.709 111.76 120.205 113.2 119.885 115.856H127.789Z" fill="url(#paint3_linear_1883_2774)"/>
 </g>
 <defs>
-<filter id="filter0_i_2310_3649" x="35" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_1883_2774" x="35" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dy="0.4"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2310_3649"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1883_2774"/>
 </filter>
-<filter id="filter1_i_2310_3649" x="27.5881" y="103.28" width="96.7018" height="27.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_i_1883_2774" x="18.8918" y="102.992" width="113.153" height="27.808" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dy="0.4"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2310_3649"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1883_2774"/>
 </filter>
-<linearGradient id="paint0_linear_2310_3649" x1="4.78723" y1="11.2" x2="160.008" y2="16.1309" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_1883_2774" x1="4.78723" y1="11.2" x2="160.008" y2="16.1309" gradientUnits="userSpaceOnUse">
 <stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#EB5BF3"/>
+<stop offset="0.5" stop-color="#F35B5B"/>
 <stop offset="1" stop-color="#F7A428"/>
 </linearGradient>
-<linearGradient id="paint1_linear_2310_3649" x1="38.5372" y1="13.22" x2="102.617" y2="14.1402" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_1883_2774" x1="38.5372" y1="13.22" x2="102.617" y2="14.1402" gradientUnits="userSpaceOnUse">
 <stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#EB5BF3"/>
+<stop offset="0.5" stop-color="#F35B5B"/>
 <stop offset="1" stop-color="#F7A428"/>
 </linearGradient>
-<linearGradient id="paint2_linear_2310_3649" x1="-56.6489" y1="100.6" x2="230.607" y2="134.82" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint2_linear_1883_2774" x1="85.8457" y1="17.54" x2="107.189" y2="18.218" gradientUnits="userSpaceOnUse">
 <stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#EB5BF3"/>
+<stop offset="0.5" stop-color="#F35B5B"/>
+<stop offset="1" stop-color="#F7A428"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1883_2774" x1="-56.6489" y1="100.6" x2="230.607" y2="134.82" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4D44EF"/>
+<stop offset="0.5" stop-color="#F35B5B"/>
 <stop offset="1" stop-color="#F7A428"/>
 </linearGradient>
 </defs>
diff --git a/platforms/metagram/src/lib/fragments/Profile/Profile.svelte b/platforms/metagram/src/lib/fragments/Profile/Profile.svelte
deleted file mode 100644
index c0d2168a..00000000
--- a/platforms/metagram/src/lib/fragments/Profile/Profile.svelte
+++ /dev/null
@@ -1,89 +0,0 @@
-<script lang="ts">
-    import { goto } from "$app/navigation";
-    import type { PostData, userProfile } from "$lib/types";
-    import { Button } from "$lib/ui";
-    import type { HTMLAttributes } from "svelte/elements";
-
-    interface IProfileProps extends HTMLAttributes<HTMLElement> {
-        variant: "user" | "other";
-        profileData: userProfile;
-        handleEdit?: () => Promise<void>;
-        handleFollow?: () => Promise<void>;
-        handleMessage?: () => Promise<void>;
-        handleSinglePost?: (post: PostData) => void;
-    }
-
-    const {
-        variant = "user",
-        profileData,
-        handleEdit,
-        handleFollow,
-        handleMessage,
-        handleSinglePost,
-        ...restProps
-    }: IProfileProps = $props();
-</script>
-
-<div {...restProps} class="flex h-screen w-full flex-col items-center gap-4">
-    <div class="flex flex-col items-center gap-4 p-4">
-        <img class="size-28 rounded-full" src={profileData.avatar} alt="" />
-        <div class="flex flex-col items-center gap-2">
-            <p class="font-semibold">{profileData.userId}</p>
-            <p class="text-black-600">{profileData.username}</p>
-        </div>
-        <div class="text-black-600 flex gap-4">
-            <p>
-                <span class="font-semibold text-black"
-                    >{profileData.followers}</span
-                > followers
-            </p>
-            <p>
-                <span class="font-semibold text-black"
-                    >{profileData.following}</span
-                > following
-            </p>
-            <p>
-                <span class="font-semibold text-black"
-                    >{profileData.totalPosts}</span
-                > posts
-            </p>
-        </div>
-        <div class="text-black-600 text-center text-sm md:px-12">
-            {profileData.userBio}
-        </div>
-        <div class="flex w-full gap-3">
-            {#if variant === "user"}
-                <div class="flex w-full justify-around">
-                    <Button
-                        size="sm"
-                        class="w-full md:w-[50%]"
-                        callback={handleEdit}
-                    >
-                        Edit Profile
-                    </Button>
-                </div>
-                <div class="w-full md:hidden">
-                    <Button size="sm" callback={() => goto(`/settings`)}
-                        >Settings</Button
-                    >
-                </div>
-            {:else if variant === "other"}
-                <div class="flex w-full justify-around">
-                    <Button
-                        size="sm"
-                        class="w-full md:w-[50%]"
-                        callback={handleFollow}
-                    >
-                        Follow
-                    </Button>
-                </div>
-                <div class="w-full md:hidden">
-                    <Button size="sm" callback={handleMessage}>Message</Button>
-                </div>
-            {/if}
-        </div>
-    </div>
-    <div class="grid grid-cols-3 gap-[2px] pb-16">
-        {#each profileData.posts as post}{/each}
-    </div>
-</div>
diff --git a/platforms/metagram/src/routes/(protected)/discover/+page.svelte b/platforms/metagram/src/routes/(protected)/discover/+page.svelte
deleted file mode 100644
index 86c385a0..00000000
--- a/platforms/metagram/src/routes/(protected)/discover/+page.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { UserRequest } from '$lib/fragments';
-	import { Input } from '$lib/ui';
-
-	let searchValue = $state();
-</script>
-
-<section>
-	<Input type="text" bind:value={searchValue} placeholder="Search user, post and more." />
-	{#if searchValue}
-		<ul class="mt-6 pb-4">
-			{#each { length: 5 } as _}
-				<li class="mb-4">
-					<UserRequest
-						userImgSrc="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-						userName="luffythethird"
-						description="I’ve always wished life came at me fast. Funny how that wish never came through"
-						handleFollow={async () => alert('Adsad')}
-					/>
-				</li>
-			{/each}
-		</ul>
-	{/if}
-</section>
diff --git a/platforms/metagram/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/metagram/src/routes/(protected)/profile/[id]/+page.svelte
deleted file mode 100644
index 3fb77a7e..00000000
--- a/platforms/metagram/src/routes/(protected)/profile/[id]/+page.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
-	import { Profile } from '$lib/fragments';
-	import { ownerId, selectedPost } from '$lib/store/store.svelte';
-	import type { userProfile, PostData } from '$lib/types';
-
-	let profileId = $derived(page.params.id);
-
-	const profile: userProfile = $state({
-		userId: page.params.id,
-		username: 'Ananya Rana',
-		avatar: 'https://picsum.photos/200/300',
-		totalPosts: 1,
-		followers: 300,
-		following: 150,
-		userBio:
-			'Friendly nerd who likes to not meet people as much as possible. Leave the earth for me yall.',
-		posts: [
-			{
-				id: '1',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: [
-					'https://picsum.photos/800',
-					'https://picsum.photos/600',
-					'https://picsum.photos/800',
-					'https://picsum.photos/600'
-				],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			},
-			{
-				id: '2',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: ['https://picsum.photos/id/1012/200/200'],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			},
-			{
-				id: '3',
-				avatar: 'https://picsum.photos/200/300',
-				userId: 'asdf',
-				username: '_.ananyayaya._',
-				imgUris: ['https://picsum.photos/id/1013/200/200'],
-				caption: 'Loved this one!',
-				time: '2h ago',
-				count: { likes: 200, comments: 45 }
-			}
-		]
-	});
-
-	function handlePostClick(post: PostData) {
-		selectedPost.value = post;
-		goto('/profile/post');
-	}
-</script>
-
-<section class="pb-8">
-	<Profile
-		variant={ownerId.value === profileId ? 'user' : 'other'}
-		profileData={profile}
-		handleSinglePost={(post) => handlePostClick(post)}
-		handleFollow={async () => alert('followed')}
-		handleMessage={async () => goto('/messages')}
-	/>
-</section>
diff --git a/platforms/metagram/src/routes/(protected)/profile/post/+page.svelte b/platforms/metagram/src/routes/(protected)/profile/post/+page.svelte
deleted file mode 100644
index 61e6a336..00000000
--- a/platforms/metagram/src/routes/(protected)/profile/post/+page.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { Post } from '$lib/fragments';
-	import { selectedPost } from '$lib/store/store.svelte';
-
-	let post = $state(selectedPost.value);
-</script>
-
-<section>
-	{#if post}
-		<!-- svelte-ignore a11y_click_events_have_key_events -->
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<Post
-			avatar={post.avatar}
-			username={post.username}
-			userId={post.userId}
-			imgUris={post.imgUris}
-			caption={post.caption}
-			time={post.time}
-			count={post.count}
-			callback={{
-				like: () => alert('like'),
-				comment: () => {
-					if (window.matchMedia('(max-width: 768px)').matches) {
-						alert('Show comment drawer');
-					} else {
-						alert('Show comment modal');
-					}
-				},
-				menu: () => alert('menu')
-			}}
-		/>
-	{/if}
-</section>
diff --git a/platforms/pictique/package.json b/platforms/pictique/package.json
index 5ac9de0c..f35eb2d6 100644
--- a/platforms/pictique/package.json
+++ b/platforms/pictique/package.json
@@ -53,6 +53,7 @@
 		"-": "^0.0.1",
 		"D": "^1.0.0",
 		"axios": "^1.6.7",
+		"moment": "^2.30.1",
 		"svelte-qrcode": "^1.0.1",
 		"tailwind-merge": "^3.0.2"
 	}
diff --git a/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte b/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
index 9b8c5dce..14e80402 100644
--- a/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
+++ b/platforms/pictique/src/lib/fragments/InputFile/InputFile.svelte
@@ -26,7 +26,7 @@
 
 <label
 	for={uniqueId}
-	class="bg-grey text-black-400 font-geist flex h-[158px] w-full items-center justify-center rounded-4xl text-base font-normal"
+	class="bg-grey text-black-400 font-geist rounded-4xl flex h-[158px] w-full items-center justify-center text-base font-normal"
 >
 	{#if files}
 		<div class="flex flex-col items-center gap-2">
@@ -52,7 +52,7 @@
 	@component
 	export default InputFile;
 	@description
-	A styled file input component with a custom label, file preview, and a cancel button. 
+	A styled file input component with a custom label, file preview, and a cancel button.
 	Supports binding file selection and a cancel handler.
 
 	@props
diff --git a/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte b/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
index c37f00b3..200bd0b7 100644
--- a/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
+++ b/platforms/pictique/src/lib/fragments/MessageInput/MessageInput.svelte
@@ -39,28 +39,20 @@
 	{:else}
 		<!-- svelte-ignore a11y_click_events_have_key_events -->
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<input
-			id="add-image"
-			type="file"
-			class="hidden"
-			accept="image/*"
-			bind:files
-			bind:this={fileInput}
-		/>
-		<button
-			type="button"
-			class="bg-grey flex aspect-square h-13 w-13 items-center justify-center rounded-full border-0 p-0"
-			aria-label="add-image"
-			onclick={() => fileInput?.click()}
-		>
-			<HugeiconsIcon size="24px" icon={PlusSignIcon} color="var(--color-black-400)" />
-		</button>
 	{/if}
-	<Input type="text" bind:input bind:value {placeholder} />
+	<Input
+		type="text"
+		bind:input
+		bind:value
+		{placeholder}
+		onkeydown={(e) => {
+			if (e.key === 'Enter') handleSend();
+		}}
+	/>
 	<!-- svelte-ignore a11y_click_events_have_key_events -->
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div
-		class="bg-grey flex aspect-square h-13 w-13 items-center justify-center rounded-full"
+		class="bg-grey h-13 w-13 flex aspect-square items-center justify-center rounded-full"
 		onclick={handleSend}
 	>
 		<HugeiconsIcon size="24px" icon={SentIcon} color="var(--color-black-400)" />
diff --git a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
index 85c4762f..661c9f71 100644
--- a/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
+++ b/platforms/pictique/src/lib/fragments/Profile/Profile.svelte
@@ -24,6 +24,7 @@
 		{#if variant === 'other'}
 			<div class="flex gap-2">
 				<Button variant="primary" callback={handleFollow}>Follow</Button>
+				<Button variant="primary" callback={handleMessage}>Message</Button>
 			</div>
 		{/if}
 	</div>
diff --git a/platforms/pictique/src/lib/utils/axios.ts b/platforms/pictique/src/lib/utils/axios.ts
index 9974996a..9c1585d8 100644
--- a/platforms/pictique/src/lib/utils/axios.ts
+++ b/platforms/pictique/src/lib/utils/axios.ts
@@ -17,6 +17,10 @@ export const setAuthToken = (token: string): void => {
     localStorage.setItem(TOKEN_KEY, token);
 };
 
+export const getAuthToken = () => {
+    return localStorage.getItem(TOKEN_KEY);
+};
+
 // Utility function to remove auth token
 export const removeAuthToken = (): void => {
     localStorage.removeItem(TOKEN_KEY);
diff --git a/platforms/pictique/src/routes/(protected)/messages/+page.svelte b/platforms/pictique/src/routes/(protected)/messages/+page.svelte
index fa52a65b..1238578d 100644
--- a/platforms/pictique/src/routes/(protected)/messages/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/messages/+page.svelte
@@ -1,30 +1,39 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { Message } from '$lib/fragments';
-	import { Input } from '$lib/ui';
+	import { onMount } from 'svelte';
+	import { apiClient } from '$lib/utils/axios';
 
-	let searchValue = $state('');
+	let messages = $state([]);
+
+	onMount(async () => {
+		const { data } = await apiClient.get('/api/chats');
+		const { data: userData } = await apiClient.get('/api/users');
+		messages = data.chats.map((c) => {
+			const members = c.participants.filter((u) => u.id !== userData.id);
+			console.log(members);
+			const memberNames = members.map((m) => m.name ?? m.handle ?? m.ename);
+			const avatar = members.length > 1 ? '/images/group.png' : members[0].avatarUrl;
+			return {
+				id: c.id,
+				avatar,
+				username: memberNames.join(', '),
+				unread: c.latestMessage.isRead,
+				text: c.latestMessage.text
+			};
+		});
+	});
 </script>
 
 <section>
-	{#if true}
-		<h2>It's lonely in here, please start a chat with someone first</h2>{:else}
-		<Input type="text" bind:value={searchValue} placeholder="Search Messages" class="my-6" />
-		<Message
-			class="mb-6"
-			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-			username="donaldthefirstt"
-			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
-			unread={false}
-			callback={() => goto(`/messages/`)}
-		/>
+	{#each messages as message}
 		<Message
 			class="mb-6"
-			avatar="https://www.gravatar.com/avatar/2c7d99fe281ecd3bcd65ab915bac6dd5?s=250"
-			username="donaldthefirstt"
-			text="i was thinking of making it to the conference so we could take some more fire pictures like last time"
-			unread={true}
-			callback={() => goto(`/messages/`)}
+			avatar={message.avatar}
+			username={message.username}
+			text={message.text}
+			unread={!message.unread}
+			callback={() => goto(`/messages/${message.id}`)}
 		/>
-	{/if}
+	{/each}
 </section>
diff --git a/platforms/pictique/src/routes/(protected)/messages/[id]/+page.svelte b/platforms/pictique/src/routes/(protected)/messages/[id]/+page.svelte
index 8e6ed045..ef43cf38 100644
--- a/platforms/pictique/src/routes/(protected)/messages/[id]/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/messages/[id]/+page.svelte
@@ -1,63 +1,93 @@
 <script lang="ts">
 	import { MessageInput, ChatMessage } from '$lib/fragments';
+	import { PUBLIC_PICTIQUE_BASE_URL } from '$env/static/public';
+	import { page } from '$app/state';
+	import { onMount } from 'svelte';
+	import { getAuthToken, apiClient } from '$lib/utils/axios';
+	import moment from 'moment';
 
+	const id = page.params.id;
+	let userId = $state();
+	let messages: any[] = $state([]);
 	let messageValue = $state('');
+	let messagesContainer: HTMLDivElement;
+
+	function scrollToBottom() {
+		if (messagesContainer) {
+			messagesContainer.scrollTop = messagesContainer.scrollHeight;
+		}
+	}
+
+	// Scroll to bottom when messages change
+	$effect(() => {
+		if (messages) {
+			// Use setTimeout to ensure DOM has updated
+			setTimeout(scrollToBottom, 0);
+		}
+	});
+
+	async function watchEventStream() {
+		const sseUrl = new URL(
+			`/api/chats/${id}/events?token=${getAuthToken()}`,
+			PUBLIC_PICTIQUE_BASE_URL
+		).toString();
+		const eventSource = new EventSource(sseUrl);
+
+		eventSource.onopen = function (e) {
+			console.log('Successfully connected.');
+		};
+
+		eventSource.onmessage = function (e) {
+			const data = JSON.parse(e.data);
+			addMessages(data);
+			// Use setTimeout to ensure DOM has updated
+			setTimeout(scrollToBottom, 0);
+		};
+	}
+
+	async function handleSend() {
+		await apiClient.post(`/api/chats/${id}/messages`, {
+			text: messageValue
+		});
+		messageValue = '';
+	}
+
+	function addMessages(arr: Record<string, unknown>[]) {
+		const newMessages = arr.map((m) => ({
+			id: m.id,
+			isOwn: m.sender.id !== userId,
+			userImgSrc: m.sender.avatar,
+			time: moment(m.createdAt).fromNow(),
+			message: m.text
+		}));
+		apiClient.post(`/api/chats/${id}/messages/read`);
+
+		messages = messages.concat(newMessages);
+	}
+
+	onMount(async () => {
+		const { data: userData } = await apiClient.get('/api/users');
+		userId = userData.id;
+		watchEventStream();
+	});
 </script>
 
 <section class="chat relative px-0">
-	{#each { length: 12 } as _}
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/200/300"
-			time="12:55 AM"
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/200/300"
-			time="12:55 AM"
-			isHeadNeeded={false}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/200/300"
-			time="12:55 AM"
-			isHeadNeeded={false}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={false}
-			userImgSrc="https://picsum.photos/id/237/500"
-			time="12:55 AM"
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={false}
-			userImgSrc="https://picsum.photos/id/237/500"
-			time="12:55 AM"
-			isHeadNeeded={true}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing"
-		/>
-
-		<ChatMessage
-			isOwn={true}
-			userImgSrc="https://picsum.photos/id/237/500"
-			time="12:55 AM"
-			isHeadNeeded={false}
-			message="Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing Lorem ipsum dolor sit amet consectetur adipisicing "
-		/>
-	{/each}
-
+	<div class="h-[calc(100vh-220px)] overflow-auto" bind:this={messagesContainer}>
+		{#each messages as msg (msg.id)}
+			<ChatMessage
+				isOwn={msg.isOwn}
+				userImgSrc={msg.userImgSrc}
+				time={msg.time}
+				message={msg.message}
+			/>
+		{/each}
+	</div>
 	<MessageInput
-		class="sticky start-0 bottom-[-15px] w-full"
+		class="sticky bottom-[-15px] start-0 w-full"
 		variant="dm"
 		src="https://picsum.photos/id/237/200/300"
 		bind:value={messageValue}
-		handleSend={async () => alert('sent')}
+		{handleSend}
 	/>
 </section>
diff --git a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
index fe880e14..2aeea589 100644
--- a/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte
@@ -35,6 +35,19 @@
 		}
 	}
 
+	async function handleMessage() {
+		try {
+			await apiClient.post(`/api/chats/`, {
+				name: profile.username,
+				participantIds: [profileId]
+			});
+			goto('/messages');
+			await fetchProfile(); // Refresh profile to update follower count
+		} catch (err) {
+			error = err instanceof Error ? err.message : 'Failed to follow user';
+		}
+	}
+
 	function handlePostClick(post: PostData) {
 		selectedPost.value = post;
 		goto('/profile/post');
@@ -58,7 +71,7 @@
 			profileData={profile}
 			handleSinglePost={(post) => handlePostClick(post)}
 			{handleFollow}
-			handleMessage={async () => goto('/messages')}
+			{handleMessage}
 		/>
 
 		{#if profile}
diff --git a/platforms/pictique/src/routes/(protected)/settings/account/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/account/+page.svelte
index b37422aa..40e62177 100644
--- a/platforms/pictique/src/routes/(protected)/settings/account/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/settings/account/+page.svelte
@@ -1,19 +1,8 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { SettingsNavigationButton } from '$lib/fragments';
-</script>
+	import { onMount } from 'svelte';
 
-<div class="flex flex-col gap-3">
-	<SettingsNavigationButton onclick={() => goto('/settings/account/username')}>
-		{#snippet children()}
-			Username
-		{/snippet}
-	</SettingsNavigationButton>
-	<hr class="text-grey" />
-	<SettingsNavigationButton onclick={() => goto('/settings/account/deactivate')}>
-		{#snippet children()}
-			Deactivate Account
-		{/snippet}
-	</SettingsNavigationButton>
-	<hr class="text-grey" />
-</div>
+	onMount(() => {
+		goto('/settings/account/username');
+	});
+</script>
diff --git a/platforms/pictique/src/routes/(protected)/settings/account/deactivate/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/account/deactivate/+page.svelte
deleted file mode 100644
index 67214d5b..00000000
--- a/platforms/pictique/src/routes/(protected)/settings/account/deactivate/+page.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script>
-	import { SettingsNavigationButton } from '$lib/fragments';
-	import { Button } from '$lib/ui';
-</script>
-
-<div class="flex flex-col gap-3">
-	<SettingsNavigationButton hasTrailingIcon={false}>
-		{#snippet children()}
-			<div class="flex flex-col items-start">
-				<h2 class="text-black-800 text-base">
-					Are you sure you want to deactivate this account?
-				</h2>
-				<p class="text-black-600 text-sm">You can log back in anytime</p>
-			</div>
-		{/snippet}
-	</SettingsNavigationButton>
-	<hr class="text-grey" />
-	<Button size="sm" variant="secondary" callback={() => alert('logout')}>Logout</Button>
-</div>
diff --git a/platforms/pictique/src/routes/(protected)/settings/account/username/+page.svelte b/platforms/pictique/src/routes/(protected)/settings/account/username/+page.svelte
index 02dbebc0..429ee12e 100644
--- a/platforms/pictique/src/routes/(protected)/settings/account/username/+page.svelte
+++ b/platforms/pictique/src/routes/(protected)/settings/account/username/+page.svelte
@@ -1,13 +1,73 @@
 <script lang="ts">
-	import { Button, Helper, Input, Label } from '$lib/ui';
+	import { Button, Input, Label } from '$lib/ui';
+	import { InputFile } from '$lib/fragments';
+	import { apiClient } from '$lib/utils/axios';
 
-	let username: string;
+	let handle = $state();
+	let name = $state();
+	let profileImageDataUrl = $state('');
+	let files = $state<FileList | undefined>();
+
+	function handleFileChange() {
+		if (files && files[0]) {
+			const file = files[0];
+			const reader = new FileReader();
+
+			reader.onload = (e) => {
+				if (e.target?.result) {
+					profileImageDataUrl = e.target.result as string;
+				}
+			};
+
+			reader.readAsDataURL(file);
+		}
+	}
+
+	async function saveProfileData() {
+		await apiClient.patch(`/api/users`, {
+			handle,
+			avatar: profileImageDataUrl,
+			name
+		});
+	}
+
+	$effect(() => {
+		if (files) {
+			handleFileChange();
+		}
+	});
 </script>
 
-<div>
-	<Label>Change your username</Label>
-	<Input type="text" placeholder="Edit Username" bind:value={username} />
-	<Helper>You can only do this 3 more times</Helper>
+<div class="flex flex-col gap-6">
+	<div>
+		<Label>Change your profile picture</Label>
+		<InputFile
+			bind:files
+			accept="image/*"
+			label="Upload Profile Picture"
+			cancelLabel="Remove"
+			oncancel={() => {
+				profileImageDataUrl = '';
+				files = undefined;
+			}}
+		/>
+		{#if profileImageDataUrl}
+			<img
+				src={profileImageDataUrl}
+				alt="Profile preview"
+				class="mt-2 h-32 w-32 rounded-full object-cover"
+			/>
+		{/if}
+	</div>
+
+	<div>
+		<Label>Change your username</Label>
+		<Input type="text" placeholder="Edit Username" bind:value={handle} />
+	</div>
+	<div>
+		<Label>Profile Name</Label>
+		<Input type="text" placeholder="Edit your public name" bind:value={name} />
+	</div>
 </div>
 <hr class="text-grey" />
-<Button size="sm" variant="secondary" callback={() => alert('saved')}>Save Changes</Button>
+<Button size="sm" variant="secondary" callback={saveProfileData}>Save Changes</Button>
diff --git a/platforms/piqtique-api/package.json b/platforms/piqtique-api/package.json
deleted file mode 100644
index d1025f1b..00000000
--- a/platforms/piqtique-api/package.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-    "name": "piqtique-api",
-    "version": "1.0.0",
-    "description": "Piqtique Social Media Platform API",
-    "main": "src/index.ts",
-    "scripts": {
-        "start": "ts-node src/index.ts",
-        "dev": "nodemon --exec ts-node src/index.ts",
-        "build": "tsc",
-        "typeorm": "typeorm-ts-node-commonjs",
-        "migration:generate": "npm run typeorm migration:generate -- -d src/database/data-source.ts",
-        "migration:run": "npm run typeorm migration:run -- -d src/database/data-source.ts",
-        "migration:revert": "npm run typeorm migration:revert -- -d src/database/data-source.ts"
-    },
-    "dependencies": {
-        "axios": "^1.6.7",
-        "cors": "^2.8.5",
-        "dotenv": "^16.4.5",
-        "express": "^4.18.2",
-        "jsonwebtoken": "^9.0.2",
-        "pg": "^8.11.3",
-        "reflect-metadata": "^0.2.1",
-        "typeorm": "^0.3.20",
-        "uuid": "^9.0.1"
-    },
-    "devDependencies": {
-        "@types/cors": "^2.8.17",
-        "@types/express": "^4.17.21",
-        "@types/jsonwebtoken": "^9.0.5",
-        "@types/node": "^20.11.24",
-        "@types/pg": "^8.11.2",
-        "@types/uuid": "^9.0.8",
-        "@typescript-eslint/eslint-plugin": "^7.0.1",
-        "@typescript-eslint/parser": "^7.0.1",
-        "eslint": "^8.56.0",
-        "nodemon": "^3.0.3",
-        "ts-node": "^10.9.2",
-        "typescript": "^5.3.3"
-    }
-}
diff --git a/platforms/piqtique-api/src/controllers/AuthController.ts b/platforms/piqtique-api/src/controllers/AuthController.ts
deleted file mode 100644
index 2770f77d..00000000
--- a/platforms/piqtique-api/src/controllers/AuthController.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Request, Response } from "express";
-import { v4 as uuidv4 } from "uuid";
-import { UserService } from "../services/UserService";
-import { EventEmitter } from "events";
-export class AuthController {
-    private userService: UserService;
-    private eventEmitter: EventEmitter;
-
-    constructor() {
-        this.userService = new UserService();
-        this.eventEmitter = new EventEmitter();
-    }
-
-    sseStream = async (req: Request, res: Response) => {
-        const { id } = req.params;
-
-        // Set headers for SSE
-        res.writeHead(200, {
-            "Content-Type": "text/event-stream",
-            "Cache-Control": "no-cache",
-            Connection: "keep-alive",
-            "Access-Control-Allow-Origin": "*",
-        });
-
-        const handler = (data: any) => {
-            res.write(`data: ${JSON.stringify(data)}\n\n`);
-        };
-
-        this.eventEmitter.on(id, handler);
-
-        // Handle client disconnect
-        req.on("close", () => {
-            this.eventEmitter.off(id, handler);
-            res.end();
-        });
-
-        req.on("error", (error) => {
-            console.error("SSE Error:", error);
-            this.eventEmitter.off(id, handler);
-            res.end();
-        });
-    };
-
-    getOffer = async (req: Request, res: Response) => {
-        const url = new URL(
-            "/api/auth",
-            process.env.PUBLIC_PICTIQUE_BASE_URL,
-        ).toString();
-        const session = uuidv4();
-        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=pictique`;
-        res.json({ uri: offer });
-    };
-
-    getOfferBlab = async (req: Request, res: Response) => {
-        const url = new URL(
-            "/api/auth",
-            process.env.PUBLIC_PICTIQUE_BASE_URL,
-        ).toString();
-        const session = uuidv4();
-        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=blabsy`;
-        res.json({ uri: offer });
-    };
-
-    login = async (req: Request, res: Response) => {
-        try {
-            const { ename, session } = req.body;
-
-            if (!ename) {
-                return res.status(400).json({ error: "ename is required" });
-            }
-
-            const { user, token } =
-                await this.userService.findOrCreateUser(ename);
-
-            const data = {
-                user: {
-                    id: user.id,
-                    ename: user.ename,
-                    isVerified: user.isVerified,
-                    isPrivate: user.isPrivate,
-                },
-                token,
-            };
-            this.eventEmitter.emit(session, data);
-            res.status(200).send();
-        } catch (error) {
-            console.error("Error during login:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-}
diff --git a/platforms/piqtique-api/src/controllers/CommentController.ts b/platforms/piqtique-api/src/controllers/CommentController.ts
deleted file mode 100644
index 309ac3ea..00000000
--- a/platforms/piqtique-api/src/controllers/CommentController.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { Request, Response } from "express";
-import { CommentService } from "../services/CommentService";
-
-export class CommentController {
-    private commentService: CommentService;
-
-    constructor() {
-        this.commentService = new CommentService();
-    }
-
-    createComment = async (req: Request, res: Response) => {
-        try {
-            const { postId, text } = req.body;
-            const userId = req.user?.id;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const comment = await this.commentService.createComment(postId, userId, text);
-            res.status(201).json(comment);
-        } catch (error) {
-            console.error("Error creating comment:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    getPostComments = async (req: Request, res: Response) => {
-        try {
-            const { postId } = req.params;
-            const comments = await this.commentService.getPostComments(postId);
-            res.json(comments);
-        } catch (error) {
-            console.error("Error fetching comments:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    updateComment = async (req: Request, res: Response) => {
-        try {
-            const { id } = req.params;
-            const { text } = req.body;
-            const userId = req.user?.id;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const comment = await this.commentService.getCommentById(id);
-
-            if (!comment) {
-                return res.status(404).json({ error: "Comment not found" });
-            }
-
-            if (comment.author.id !== userId) {
-                return res.status(403).json({ error: "Forbidden" });
-            }
-
-            const updatedComment = await this.commentService.updateComment(id, text);
-            res.json(updatedComment);
-        } catch (error) {
-            console.error("Error updating comment:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    deleteComment = async (req: Request, res: Response) => {
-        try {
-            const { id } = req.params;
-            const userId = req.user?.id;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const comment = await this.commentService.getCommentById(id);
-
-            if (!comment) {
-                return res.status(404).json({ error: "Comment not found" });
-            }
-
-            if (comment.author.id !== userId) {
-                return res.status(403).json({ error: "Forbidden" });
-            }
-
-            await this.commentService.deleteComment(id);
-            res.status(204).send();
-        } catch (error) {
-            console.error("Error deleting comment:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/controllers/MessageController.ts b/platforms/piqtique-api/src/controllers/MessageController.ts
deleted file mode 100644
index c2dda4c0..00000000
--- a/platforms/piqtique-api/src/controllers/MessageController.ts
+++ /dev/null
@@ -1,173 +0,0 @@
-import { Request, Response } from "express";
-import { AppDataSource } from "../database/data-source";
-import { Message } from "../database/entities/Message";
-import { User } from "../database/entities/User";
-
-export class MessageController {
-    private messageRepository = AppDataSource.getRepository(Message);
-    private userRepository = AppDataSource.getRepository(User);
-
-    sendMessage = async (req: Request, res: Response) => {
-        try {
-            const { recipientId, text } = req.body;
-            const userId = req.user?.id;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const recipient = await this.userRepository.findOneBy({ id: recipientId });
-            if (!recipient) {
-                return res.status(404).json({ error: "Recipient not found" });
-            }
-
-            const message = this.messageRepository.create({
-                text,
-                sender: { id: userId },
-                recipient: { id: recipientId }
-            });
-
-            const savedMessage = await this.messageRepository.save(message);
-            res.status(201).json(savedMessage);
-        } catch (error) {
-            console.error("Error sending message:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    getConversation = async (req: Request, res: Response) => {
-        try {
-            const { userId } = req.params;
-            const currentUserId = req.user?.id;
-            const page = parseInt(req.query.page as string) || 1;
-            const limit = parseInt(req.query.limit as string) || 20;
-
-            if (!currentUserId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const [messages, total] = await this.messageRepository.findAndCount({
-                where: [
-                    { sender: { id: currentUserId }, recipient: { id: userId } },
-                    { sender: { id: userId }, recipient: { id: currentUserId } }
-                ],
-                relations: ["sender", "recipient"],
-                order: { createdAt: "DESC" },
-                skip: (page - 1) * limit,
-                take: limit
-            });
-
-            // Mark unread messages as read
-            await this.messageRepository.update(
-                {
-                    sender: { id: userId },
-                    recipient: { id: currentUserId },
-                    isRead: false
-                },
-                { isRead: true }
-            );
-
-            res.json({
-                messages,
-                total,
-                page,
-                totalPages: Math.ceil(total / limit)
-            });
-        } catch (error) {
-            console.error("Error fetching conversation:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    getConversations = async (req: Request, res: Response) => {
-        try {
-            const userId = req.user?.id;
-            const page = parseInt(req.query.page as string) || 1;
-            const limit = parseInt(req.query.limit as string) || 10;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            // Get the latest message from each conversation
-            const conversations = await this.messageRepository
-                .createQueryBuilder("message")
-                .leftJoinAndSelect("message.sender", "sender")
-                .leftJoinAndSelect("message.recipient", "recipient")
-                .where("message.sender.id = :userId OR message.recipient.id = :userId", { userId })
-                .andWhere("message.isArchived = false")
-                .orderBy("message.createdAt", "DESC")
-                .getMany();
-
-            // Group messages by conversation partner
-            const conversationMap = new Map();
-            conversations.forEach(message => {
-                const partnerId = message.sender.id === userId ? message.recipient.id : message.sender.id;
-                if (!conversationMap.has(partnerId)) {
-                    conversationMap.set(partnerId, {
-                        partner: message.sender.id === userId ? message.recipient : message.sender,
-                        lastMessage: message,
-                        unreadCount: 0
-                    });
-                }
-            });
-
-            // Count unread messages for each conversation
-            for (const [partnerId, conversation] of conversationMap) {
-                const unreadCount = await this.messageRepository.count({
-                    where: {
-                        sender: { id: partnerId },
-                        recipient: { id: userId },
-                        isRead: false
-                    }
-                });
-                conversation.unreadCount = unreadCount;
-            }
-
-            const conversationList = Array.from(conversationMap.values());
-            const start = (page - 1) * limit;
-            const end = start + limit;
-            const paginatedConversations = conversationList.slice(start, end);
-
-            res.json({
-                conversations: paginatedConversations,
-                total: conversationList.length,
-                page,
-                totalPages: Math.ceil(conversationList.length / limit)
-            });
-        } catch (error) {
-            console.error("Error fetching conversations:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    deleteMessage = async (req: Request, res: Response) => {
-        try {
-            const { id } = req.params;
-            const userId = req.user?.id;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const message = await this.messageRepository.findOne({
-                where: { id },
-                relations: ["sender"]
-            });
-
-            if (!message) {
-                return res.status(404).json({ error: "Message not found" });
-            }
-
-            if (message.sender.id !== userId) {
-                return res.status(403).json({ error: "Forbidden" });
-            }
-
-            await this.messageRepository.softDelete(id);
-            res.status(204).send();
-        } catch (error) {
-            console.error("Error deleting message:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/controllers/PostController.ts b/platforms/piqtique-api/src/controllers/PostController.ts
deleted file mode 100644
index d9408e3b..00000000
--- a/platforms/piqtique-api/src/controllers/PostController.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { Request, Response } from "express";
-import { PostService } from "../services/PostService";
-import axios from "axios";
-import { Post } from "database/entities/Post";
-
-async function evault(post: Post, ename: string | undefined) {
-    if (!ename) return;
-    const { author, likedBy, id, comments, ...rest } = post;
-    const {
-        data: { uri },
-    } = await axios.get(
-        new URL(
-            `/resolve?w3id=${ename}`,
-            process.env.PUBLIC_REGISTRY_URL,
-        ).toString(),
-    );
-    const query = `
-mutation {
-  storeMetaEnvelope(input: {
-    ontology: "SocialMediaPost",
-    payload: {
-        internalId: "${id}",
-        createdAt: "${rest.createdAt}",
-        updatedAt: "${rest.updatedAt}",
-        text: "${rest.text}",
-        images: [${rest.images.map((e) => `"${e}"`)}],
-        isArchived: ${rest.isArchived}
-    },
-    acl: ["*"]
-  }) {
-    metaEnvelope {
-      id
-      ontology
-      parsed
-    }
-    envelopes {
-      id
-      ontology
-      value
-      valueType
-    }
-  }
-}
-`;
-    const graphqlEndpoint = new URL(
-        "/graphql",
-        "http://192.168.0.226:31919",
-    ).toString();
-    const response = await axios.post(
-        graphqlEndpoint,
-        {
-            query,
-        },
-        {
-            headers: {
-                "Content-Type": "application/json",
-            },
-        },
-    );
-
-    console.log(JSON.stringify(response.data));
-}
-
-export class PostController {
-    private postService: PostService;
-
-    constructor() {
-        this.postService = new PostService();
-    }
-
-    getFeed = async (req: Request, res: Response) => {
-        try {
-            // @ts-ignore
-            const userId = req.user?.id; // Assuming you have authentication middleware
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const page = parseInt(req.query.page as string) || 1;
-            const limit = parseInt(req.query.limit as string) || 10;
-
-            const feed = await this.postService.getFollowingFeed(
-                userId,
-                page,
-                limit,
-            );
-            res.json(feed);
-        } catch (error) {
-            console.error("Error fetching feed:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    createPost = async (req: Request, res: Response) => {
-        try {
-            // @ts-ignore
-            const userId = req.user?.id;
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const { text, images, hashtags } = req.body;
-            const post = await this.postService.createPost(userId, {
-                text,
-                images,
-                hashtags,
-            });
-
-            evault(post, req.user?.ename);
-
-            res.status(201).json(post);
-        } catch (error) {
-            console.error("Error creating post:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    toggleLike = async (req: Request, res: Response) => {
-        try {
-            const { postId } = req.params;
-            const userId = req.user?.id;
-
-            if (!userId) {
-                return res.status(401).json({ error: "Unauthorized" });
-            }
-
-            const post = await this.postService.toggleLike(postId, userId);
-            console.log(post);
-            res.json(post);
-        } catch (error) {
-            console.error("Error toggling like:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-}
diff --git a/platforms/piqtique-api/src/controllers/UserController.ts b/platforms/piqtique-api/src/controllers/UserController.ts
deleted file mode 100644
index 1e193aa8..00000000
--- a/platforms/piqtique-api/src/controllers/UserController.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Request, Response } from "express";
-import { UserService } from "../services/UserService";
-
-export class UserController {
-    private userService: UserService;
-
-    constructor() {
-        this.userService = new UserService();
-    }
-
-    getProfileById = async (req: Request, res: Response) => {
-        try {
-            const { id } = req.params;
-            
-            if (!id) {
-                return res.status(400).json({ error: "User ID is required" });
-            }
-
-            const profile = await this.userService.getProfileById(id);
-            if (!profile) {
-                return res.status(404).json({ error: "User not found" });
-            }
-
-            res.json(profile);
-        } catch (error) {
-            console.error("Error fetching user profile:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    search = async (req: Request, res: Response) => {
-        try {
-            const { q } = req.query;
-            
-            if (!q || typeof q !== 'string') {
-                return res.status(400).json({ error: "Search query is required" });
-            }
-
-            const users = await this.userService.searchUsers(q);
-            res.json(users);
-        } catch (error) {
-            console.error("Error searching users:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-
-    follow = async (req: Request, res: Response) => {
-        try {
-            const followerId = req.user?.id;
-            const { followingId } = req.body;
-
-            if (!followerId || !followingId) {
-                return res.status(400).json({ error: "Missing required fields" });
-            }
-
-            const updatedUser = await this.userService.followUser(followerId, followingId);
-            res.json(updatedUser);
-        } catch (error) {
-            console.error("Error following user:", error);
-            res.status(500).json({ error: "Internal server error" });
-        }
-    };
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/data-source.ts b/platforms/piqtique-api/src/database/data-source.ts
deleted file mode 100644
index 22c367cf..00000000
--- a/platforms/piqtique-api/src/database/data-source.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import "reflect-metadata";
-import { DataSource } from "typeorm";
-import { config } from "dotenv";
-import { User } from "./entities/User";
-import { Post } from "./entities/Post";
-import { Comment } from "./entities/Comment";
-import { Message } from "./entities/Message";
-import path from "path";
-import { Chat } from "./entities/Chat";
-
-config({ path: path.resolve(__dirname, "../../../../.env") });
-
-export const AppDataSource = new DataSource({
-    type: "postgres",
-    url: process.env.PICTIQUE_DATABASE_URL,
-    synchronize: false,
-    logging: process.env.NODE_ENV === "development",
-    entities: [User, Post, Comment, Message, Chat],
-    migrations: ["src/database/migrations/*.ts"],
-    subscribers: [],
-});
-
diff --git a/platforms/piqtique-api/src/database/entities/Chat.ts b/platforms/piqtique-api/src/database/entities/Chat.ts
deleted file mode 100644
index 12b7646e..00000000
--- a/platforms/piqtique-api/src/database/entities/Chat.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import {
-    Entity,
-    CreateDateColumn,
-    UpdateDateColumn,
-    PrimaryGeneratedColumn,
-    Column,
-    OneToMany,
-} from "typeorm";
-import { Message } from "./Message";
-
-@Entity()
-export class Chat {
-    @PrimaryGeneratedColumn("uuid")
-    id!: string;
-
-    @Column({ nullable: true })
-    name!: string;
-
-    @OneToMany(() => Message, (e) => e.chat)
-    messages!: Message[];
-
-    @CreateDateColumn()
-    createdAt!: Date;
-
-    @UpdateDateColumn()
-    updatedAt!: Date;
-}
diff --git a/platforms/piqtique-api/src/database/entities/Comment.ts b/platforms/piqtique-api/src/database/entities/Comment.ts
deleted file mode 100644
index 1f3157b2..00000000
--- a/platforms/piqtique-api/src/database/entities/Comment.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable } from "typeorm";
-import { User } from "./User";
-import { Post } from "./Post";
-
-@Entity("comments")
-export class Comment {
-    @PrimaryGeneratedColumn("uuid")
-    id!: string;
-
-    @ManyToOne(() => User, (user: User) => user.comments)
-    author!: User;
-
-    @ManyToOne(() => Post, (post: Post) => post.comments)
-    post!: Post;
-
-    @Column("text")
-    text!: string;
-
-    @ManyToMany(() => User)
-    @JoinTable({
-        name: "comment_likes",
-        joinColumn: { name: "comment_id", referencedColumnName: "id" },
-        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
-    })
-    likedBy!: User[];
-
-    @CreateDateColumn()
-    createdAt!: Date;
-
-    @UpdateDateColumn()
-    updatedAt!: Date;
-
-    @Column({ default: false })
-    isArchived!: boolean;
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/entities/Message.ts b/platforms/piqtique-api/src/database/entities/Message.ts
deleted file mode 100644
index de22ac34..00000000
--- a/platforms/piqtique-api/src/database/entities/Message.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import {
-    Entity,
-    PrimaryGeneratedColumn,
-    Column,
-    CreateDateColumn,
-    UpdateDateColumn,
-    ManyToOne,
-} from "typeorm";
-import { User } from "./User";
-import { Chat } from "./Chat";
-
-@Entity("messages")
-export class Message {
-    @PrimaryGeneratedColumn("uuid")
-    id!: string;
-
-    @ManyToOne(() => User)
-    sender!: User;
-
-    @Column("text")
-    text!: string;
-
-    @Column({ default: false })
-    isRead!: boolean;
-
-    @ManyToOne(() => Chat, (e) => e.messages)
-    chat!: Chat;
-
-    @CreateDateColumn()
-    createdAt!: Date;
-
-    @UpdateDateColumn()
-    updatedAt!: Date;
-
-    @Column({ default: false })
-    isArchived!: boolean;
-}
diff --git a/platforms/piqtique-api/src/database/entities/Post.ts b/platforms/piqtique-api/src/database/entities/Post.ts
deleted file mode 100644
index c9aecc73..00000000
--- a/platforms/piqtique-api/src/database/entities/Post.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable, OneToMany } from "typeorm";
-import { User } from "./User";
-import { Comment } from "./Comment";
-
-@Entity("posts")
-export class Post {
-    @PrimaryGeneratedColumn("uuid")
-    id!: string;
-
-    @ManyToOne(() => User, (user: User) => user.posts)
-    author!: User;
-
-    @Column("text")
-    text!: string; // was content
-
-    @Column("simple-array", { nullable: true })
-    images!: string[]; // was mediaUrls
-
-    @OneToMany(() => Comment, (comment: Comment) => comment.post)
-    comments!: Comment[];
-
-    @ManyToMany(() => User)
-    @JoinTable({
-        name: "post_likes",
-        joinColumn: { name: "post_id", referencedColumnName: "id" },
-        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
-    })
-    likedBy!: User[]; // was likes
-
-    @Column("simple-array", { nullable: true })
-    hashtags!: string[]; // was tags
-
-    @CreateDateColumn()
-    createdAt!: Date;
-
-    @UpdateDateColumn()
-    updatedAt!: Date;
-
-    @Column({ default: false })
-    isArchived!: boolean; // was isDeleted
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/database/entities/User.ts b/platforms/piqtique-api/src/database/entities/User.ts
deleted file mode 100644
index e35802aa..00000000
--- a/platforms/piqtique-api/src/database/entities/User.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import {
-    Entity,
-    PrimaryGeneratedColumn,
-    Column,
-    CreateDateColumn,
-    UpdateDateColumn,
-    OneToMany,
-    ManyToMany,
-    JoinTable,
-} from "typeorm";
-import { Post } from "./Post";
-import { Comment } from "./Comment";
-import { Message } from "./Message";
-
-@Entity("users")
-export class User {
-    @PrimaryGeneratedColumn("uuid")
-    id!: string;
-
-    @Column({ nullable: true })
-    handle!: string;
-
-    @Column({ nullable: true })
-    name!: string;
-
-    @Column({ nullable: true })
-    description!: string;
-
-    @Column({ nullable: true })
-    avatarUrl!: string;
-
-    @Column({ nullable: true })
-    bannerUrl!: string;
-
-    @Column({ nullable: true })
-    ename!: string;
-
-    @Column({ default: false })
-    isVerified!: boolean;
-
-    @Column({ default: false })
-    isPrivate!: boolean;
-
-    @OneToMany(() => Post, (post: Post) => post.author)
-    posts!: Post[];
-
-    @OneToMany(() => Comment, (comment: Comment) => comment.author)
-    comments!: Comment[];
-
-    @ManyToMany(() => User)
-    @JoinTable({
-        name: "user_followers",
-        joinColumn: { name: "user_id", referencedColumnName: "id" },
-        inverseJoinColumn: { name: "follower_id", referencedColumnName: "id" },
-    })
-    followers!: User[];
-
-    @ManyToMany(() => User)
-    @JoinTable({
-        name: "user_following",
-        joinColumn: { name: "user_id", referencedColumnName: "id" },
-        inverseJoinColumn: { name: "following_id", referencedColumnName: "id" },
-    })
-    following!: User[];
-
-    @CreateDateColumn()
-    createdAt!: Date;
-
-    @UpdateDateColumn()
-    updatedAt!: Date;
-
-    @Column({ default: false })
-    isArchived!: boolean;
-}
diff --git a/platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts b/platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts
deleted file mode 100644
index 3a9160cc..00000000
--- a/platforms/piqtique-api/src/database/migrations/1749032877158-migration.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { MigrationInterface, QueryRunner } from "typeorm";
-
-export class Migration1749032877158 implements MigrationInterface {
-    name = 'Migration1749032877158'
-
-    public async up(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(`CREATE TABLE "comments" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, "postId" uuid, CONSTRAINT "PK_8bf68bc960f2b69e818bdb90dcb" PRIMARY KEY ("id"))`);
-        await queryRunner.query(`CREATE TABLE "posts" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "images" text, "hashtags" text, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, CONSTRAINT "PK_2829ac61eff60fcec60d7274b9e" PRIMARY KEY ("id"))`);
-        await queryRunner.query(`CREATE TABLE "messages" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "isRead" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "senderId" uuid, "recipientId" uuid, CONSTRAINT "PK_18325f38ae6de43878487eff986" PRIMARY KEY ("id"))`);
-        await queryRunner.query(`CREATE TABLE "users" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "handle" character varying, "name" character varying, "description" character varying, "avatarUrl" character varying, "bannerUrl" character varying, "ename" character varying, "isVerified" boolean NOT NULL DEFAULT false, "isPrivate" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, CONSTRAINT "PK_a3ffb1c0c8416b9fc6f907b7433" PRIMARY KEY ("id"))`);
-        await queryRunner.query(`CREATE TABLE "comment_likes" ("comment_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_660059072f131c773be5f37c475" PRIMARY KEY ("comment_id", "user_id"))`);
-        await queryRunner.query(`CREATE INDEX "IDX_2073bf518ef7017ec19319a65e" ON "comment_likes" ("comment_id") `);
-        await queryRunner.query(`CREATE INDEX "IDX_bdba9a10c64ff58d36b09e3ac4" ON "comment_likes" ("user_id") `);
-        await queryRunner.query(`CREATE TABLE "post_likes" ("post_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_8f64693922a9e8c4e2605850d0b" PRIMARY KEY ("post_id", "user_id"))`);
-        await queryRunner.query(`CREATE INDEX "IDX_b40d37469c501092203d285af8" ON "post_likes" ("post_id") `);
-        await queryRunner.query(`CREATE INDEX "IDX_9b9a7fc5eeff133cf71b8e06a7" ON "post_likes" ("user_id") `);
-        await queryRunner.query(`CREATE TABLE "user_followers" ("user_id" uuid NOT NULL, "follower_id" uuid NOT NULL, CONSTRAINT "PK_d7b47e785d7dbc74b2f22f30045" PRIMARY KEY ("user_id", "follower_id"))`);
-        await queryRunner.query(`CREATE INDEX "IDX_a59d62cda8101214445e295cdc" ON "user_followers" ("user_id") `);
-        await queryRunner.query(`CREATE INDEX "IDX_da722d93356ae3119d6be40d98" ON "user_followers" ("follower_id") `);
-        await queryRunner.query(`CREATE TABLE "user_following" ("user_id" uuid NOT NULL, "following_id" uuid NOT NULL, CONSTRAINT "PK_5d7e9a83ee6f9b806d569068a30" PRIMARY KEY ("user_id", "following_id"))`);
-        await queryRunner.query(`CREATE INDEX "IDX_a28a2c27629ac06a41720d01c3" ON "user_following" ("user_id") `);
-        await queryRunner.query(`CREATE INDEX "IDX_94e1183284db3e697031eb7775" ON "user_following" ("following_id") `);
-        await queryRunner.query(`ALTER TABLE "comments" ADD CONSTRAINT "FK_4548cc4a409b8651ec75f70e280" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-        await queryRunner.query(`ALTER TABLE "comments" ADD CONSTRAINT "FK_e44ddaaa6d058cb4092f83ad61f" FOREIGN KEY ("postId") REFERENCES "posts"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-        await queryRunner.query(`ALTER TABLE "posts" ADD CONSTRAINT "FK_c5a322ad12a7bf95460c958e80e" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_2db9cf2b3ca111742793f6c37ce" FOREIGN KEY ("senderId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5" FOREIGN KEY ("recipientId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-        await queryRunner.query(`ALTER TABLE "comment_likes" ADD CONSTRAINT "FK_2073bf518ef7017ec19319a65e5" FOREIGN KEY ("comment_id") REFERENCES "comments"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "comment_likes" ADD CONSTRAINT "FK_bdba9a10c64ff58d36b09e3ac45" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "post_likes" ADD CONSTRAINT "FK_b40d37469c501092203d285af80" FOREIGN KEY ("post_id") REFERENCES "posts"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "post_likes" ADD CONSTRAINT "FK_9b9a7fc5eeff133cf71b8e06a7b" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_a59d62cda8101214445e295cdc8" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_da722d93356ae3119d6be40d988" FOREIGN KEY ("follower_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_a28a2c27629ac06a41720d01c30" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_94e1183284db3e697031eb7775d" FOREIGN KEY ("following_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
-    }
-
-    public async down(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_94e1183284db3e697031eb7775d"`);
-        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_a28a2c27629ac06a41720d01c30"`);
-        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_da722d93356ae3119d6be40d988"`);
-        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_a59d62cda8101214445e295cdc8"`);
-        await queryRunner.query(`ALTER TABLE "post_likes" DROP CONSTRAINT "FK_9b9a7fc5eeff133cf71b8e06a7b"`);
-        await queryRunner.query(`ALTER TABLE "post_likes" DROP CONSTRAINT "FK_b40d37469c501092203d285af80"`);
-        await queryRunner.query(`ALTER TABLE "comment_likes" DROP CONSTRAINT "FK_bdba9a10c64ff58d36b09e3ac45"`);
-        await queryRunner.query(`ALTER TABLE "comment_likes" DROP CONSTRAINT "FK_2073bf518ef7017ec19319a65e5"`);
-        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5"`);
-        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_2db9cf2b3ca111742793f6c37ce"`);
-        await queryRunner.query(`ALTER TABLE "posts" DROP CONSTRAINT "FK_c5a322ad12a7bf95460c958e80e"`);
-        await queryRunner.query(`ALTER TABLE "comments" DROP CONSTRAINT "FK_e44ddaaa6d058cb4092f83ad61f"`);
-        await queryRunner.query(`ALTER TABLE "comments" DROP CONSTRAINT "FK_4548cc4a409b8651ec75f70e280"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_94e1183284db3e697031eb7775"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_a28a2c27629ac06a41720d01c3"`);
-        await queryRunner.query(`DROP TABLE "user_following"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_da722d93356ae3119d6be40d98"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_a59d62cda8101214445e295cdc"`);
-        await queryRunner.query(`DROP TABLE "user_followers"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_9b9a7fc5eeff133cf71b8e06a7"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_b40d37469c501092203d285af8"`);
-        await queryRunner.query(`DROP TABLE "post_likes"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_bdba9a10c64ff58d36b09e3ac4"`);
-        await queryRunner.query(`DROP INDEX "public"."IDX_2073bf518ef7017ec19319a65e"`);
-        await queryRunner.query(`DROP TABLE "comment_likes"`);
-        await queryRunner.query(`DROP TABLE "users"`);
-        await queryRunner.query(`DROP TABLE "messages"`);
-        await queryRunner.query(`DROP TABLE "posts"`);
-        await queryRunner.query(`DROP TABLE "comments"`);
-    }
-
-}
diff --git a/platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts b/platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts
deleted file mode 100644
index d5094f6d..00000000
--- a/platforms/piqtique-api/src/database/migrations/1749281568709-migration.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { MigrationInterface, QueryRunner } from "typeorm";
-
-export class Migration1749281568709 implements MigrationInterface {
-    name = 'Migration1749281568709'
-
-    public async up(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5"`);
-        await queryRunner.query(`ALTER TABLE "messages" RENAME COLUMN "recipientId" TO "chatId"`);
-        await queryRunner.query(`CREATE TABLE "chat" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), CONSTRAINT "PK_9d0b2ba74336710fd31154738a5" PRIMARY KEY ("id"))`);
-        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_36bc604c820bb9adc4c75cd4115" FOREIGN KEY ("chatId") REFERENCES "chat"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-    }
-
-    public async down(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_36bc604c820bb9adc4c75cd4115"`);
-        await queryRunner.query(`DROP TABLE "chat"`);
-        await queryRunner.query(`ALTER TABLE "messages" RENAME COLUMN "chatId" TO "recipientId"`);
-        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5" FOREIGN KEY ("recipientId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
-    }
-
-}
diff --git a/platforms/piqtique-api/src/index.ts b/platforms/piqtique-api/src/index.ts
deleted file mode 100644
index 86ce3493..00000000
--- a/platforms/piqtique-api/src/index.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import "reflect-metadata";
-import express from "express";
-import cors from "cors";
-import { config } from "dotenv";
-import { AppDataSource } from "./database/data-source";
-import { PostController } from "./controllers/PostController";
-import path from "path";
-import { AuthController } from "./controllers/AuthController";
-import { CommentController } from "./controllers/CommentController";
-import { MessageController } from "./controllers/MessageController";
-import { authMiddleware, authGuard } from "./middleware/auth";
-import { UserController } from "./controllers/UserController";
-
-config({ path: path.resolve(__dirname, "../../../.env") });
-
-const app = express();
-const port = process.env.PORT || 3000;
-
-// Middleware
-app.use(
-    cors({
-        origin: "*",
-        methods: ["GET", "POST", "OPTIONS", "PATCH"],
-        allowedHeaders: ["Content-Type", "Authorization"],
-        credentials: true,
-    }),
-);
-app.use(express.json({ limit: "50mb" }));
-app.use(express.urlencoded({ limit: "50mb", extended: true }));
-
-// Initialize database connection
-AppDataSource.initialize()
-    .then(() => {
-        console.log("Database connection established");
-    })
-    .catch((error) => {
-        console.error("Error connecting to database:", error);
-        process.exit(1);
-    });
-
-// Controllers
-const postController = new PostController();
-const authController = new AuthController();
-const commentController = new CommentController();
-const messageController = new MessageController();
-const userController = new UserController();
-
-// Public routes (no auth required)
-app.get("/api/auth/offer", authController.getOffer);
-app.get("/api/auth/offerb", authController.getOfferBlab);
-app.post("/api/auth", authController.login);
-app.get("/api/auth/sessions/:id", authController.sseStream);
-
-// Protected routes (auth required)
-app.use(authMiddleware); // Apply auth middleware to all routes below
-
-// Post routes
-app.get("/api/posts/feed", authGuard, postController.getFeed);
-app.post("/api/posts", authGuard, postController.createPost);
-app.post("/api/posts/:id/like", authGuard, postController.toggleLike);
-
-// Comment routes
-app.post("/api/comments", authGuard, commentController.createComment);
-app.get(
-    "/api/posts/:postId/comments",
-    authGuard,
-    commentController.getPostComments,
-);
-app.put("/api/comments/:id", authGuard, commentController.updateComment);
-app.delete("/api/comments/:id", authGuard, commentController.deleteComment);
-
-// Message routes
-app.post("/api/messages", authGuard, messageController.sendMessage);
-app.get("/api/conversations", authGuard, messageController.getConversations);
-app.get(
-    "/api/conversations/:userId",
-    authGuard,
-    messageController.getConversation,
-);
-app.delete("/api/messages/:id", authGuard, messageController.deleteMessage);
-
-// User routes
-app.get("/api/users/search", userController.search);
-app.post("/api/users/follow", authGuard, userController.follow);
-app.get("/api/users/:id", authGuard, userController.getProfileById);
-
-// Start server
-app.listen(port, () => {
-    console.log(`Server running on port ${port}`);
-});
diff --git a/platforms/piqtique-api/src/middleware/auth.ts b/platforms/piqtique-api/src/middleware/auth.ts
deleted file mode 100644
index fdace1d2..00000000
--- a/platforms/piqtique-api/src/middleware/auth.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Request, Response, NextFunction } from "express";
-import { AppDataSource } from "../database/data-source";
-import { User } from "../database/entities/User";
-import { verifyToken } from "../utils/jwt";
-
-export const authMiddleware = async (
-    req: Request,
-    res: Response,
-    next: NextFunction,
-) => {
-    try {
-        const authHeader = req.headers.authorization;
-        if (!authHeader?.startsWith("Bearer ")) {
-            return res.status(401).json({ error: "No token provided" });
-        }
-
-        const token = authHeader.split(" ")[1];
-        const decoded = verifyToken(token) as { userId: string };
-
-        if (!decoded?.userId) {
-            return res.status(401).json({ error: "Invalid token" });
-        }
-
-        const userRepository = AppDataSource.getRepository(User);
-        const user = await userRepository.findOneBy({ id: decoded.userId });
-
-        if (!user) {
-            return res.status(401).json({ error: "User not found" });
-        }
-
-        req.user = user;
-        console.log("user", user.ename);
-        next();
-    } catch (error) {
-        console.error("Auth middleware error:", error);
-        res.status(401).json({ error: "Invalid token" });
-    }
-};
-
-export const authGuard = (req: Request, res: Response, next: NextFunction) => {
-    if (!req.user) {
-        return res.status(401).json({ error: "Authentication required" });
-    }
-    next();
-};
-
diff --git a/platforms/piqtique-api/src/services/CommentService.ts b/platforms/piqtique-api/src/services/CommentService.ts
deleted file mode 100644
index e994aa6c..00000000
--- a/platforms/piqtique-api/src/services/CommentService.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { AppDataSource } from "../database/data-source";
-import { Comment } from "../database/entities/Comment";
-import { Post } from "../database/entities/Post";
-
-export class CommentService {
-    private commentRepository = AppDataSource.getRepository(Comment);
-    private postRepository = AppDataSource.getRepository(Post);
-
-    async createComment(postId: string, authorId: string, text: string): Promise<Comment> {
-        const post = await this.postRepository.findOneBy({ id: postId });
-        if (!post) {
-            throw new Error('Post not found');
-        }
-
-        const comment = this.commentRepository.create({
-            text,
-            author: { id: authorId },
-            post: { id: postId }
-        });
-
-        return await this.commentRepository.save(comment);
-    }
-
-    async getPostComments(postId: string): Promise<Comment[]> {
-        return await this.commentRepository.find({
-            where: { post: { id: postId } },
-            relations: ['author'],
-            order: { createdAt: 'DESC' }
-        });
-    }
-
-    async getCommentById(id: string): Promise<Comment | null> {
-        return await this.commentRepository.findOne({
-            where: { id },
-            relations: ['author']
-        });
-    }
-
-    async updateComment(id: string, text: string): Promise<Comment> {
-        const comment = await this.getCommentById(id);
-        if (!comment) {
-            throw new Error('Comment not found');
-        }
-
-        comment.text = text;
-        return await this.commentRepository.save(comment);
-    }
-
-    async deleteComment(id: string): Promise<void> {
-        const comment = await this.getCommentById(id);
-        if (!comment) {
-            throw new Error('Comment not found');
-        }
-
-        await this.commentRepository.softDelete(id);
-    }
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/services/PostService.ts b/platforms/piqtique-api/src/services/PostService.ts
deleted file mode 100644
index 47048a00..00000000
--- a/platforms/piqtique-api/src/services/PostService.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { AppDataSource } from "../database/data-source";
-import { Post } from "../database/entities/Post";
-import { User } from "../database/entities/User";
-import { In } from "typeorm";
-
-interface CreatePostData {
-    text: string;
-    images?: string[];
-    hashtags?: string[];
-}
-
-export class PostService {
-    private postRepository = AppDataSource.getRepository(Post);
-    private userRepository = AppDataSource.getRepository(User);
-
-    async getFollowingFeed(userId: string, page: number, limit: number) {
-        const user = await this.userRepository.findOne({
-            where: { id: userId },
-            relations: ["following"],
-        });
-
-        if (!user) {
-            throw new Error("User not found");
-        }
-
-        const followingIds = user.following.map((f: User) => f.id);
-        const authorIds = [...followingIds, userId];
-
-        const [posts, total] = await this.postRepository.findAndCount({
-            where: {
-                author: { id: In(authorIds) },
-                isArchived: false,
-            },
-            relations: ["author", "likedBy", "comments", "comments.author"],
-            order: {
-                createdAt: "DESC",
-            },
-            skip: (page - 1) * limit,
-            take: limit,
-        });
-
-        return {
-            posts,
-            total,
-            page,
-            totalPages: Math.ceil(total / limit),
-        };
-    }
-
-    async createPost(userId: string, data: CreatePostData) {
-        const user = await this.userRepository.findOneBy({ id: userId });
-        if (!user) {
-            throw new Error("User not found");
-        }
-
-        const post = this.postRepository.create({
-            author: user,
-            text: data.text,
-            images: data.images || [],
-            hashtags: data.hashtags || [],
-            likedBy: [],
-        });
-
-        return await this.postRepository.save(post);
-    }
-
-    async toggleLike(postId: string, userId: string): Promise<Post> {
-        const post = await this.postRepository.findOne({
-            where: { id: postId },
-            relations: ["likedBy"],
-        });
-
-        if (!post) {
-            throw new Error("Post not found");
-        }
-
-        const user = await this.userRepository.findOneBy({ id: userId });
-        if (!user) {
-            throw new Error("User not found");
-        }
-
-        const isLiked = post.likedBy.some((u) => u.id === userId);
-
-        if (isLiked) {
-            post.likedBy = post.likedBy.filter((u) => u.id !== userId);
-        } else {
-            post.likedBy.push(user);
-        }
-
-        return await this.postRepository.save(post);
-    }
-}
diff --git a/platforms/piqtique-api/src/services/UserService.ts b/platforms/piqtique-api/src/services/UserService.ts
deleted file mode 100644
index 125f0cee..00000000
--- a/platforms/piqtique-api/src/services/UserService.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { AppDataSource } from "../database/data-source";
-import { User } from "../database/entities/User";
-import { Post } from "../database/entities/Post";
-import { signToken } from "../utils/jwt";
-import { Like } from "typeorm";
-
-export class UserService {
-    private userRepository = AppDataSource.getRepository(User);
-    private postRepository = AppDataSource.getRepository(Post);
-
-    async createBlankUser(ename: string): Promise<User> {
-        const user = this.userRepository.create({
-            ename,
-            isVerified: false,
-            isPrivate: false,
-            isArchived: false,
-        });
-
-        return await this.userRepository.save(user);
-    }
-
-    async findOrCreateUser(
-        ename: string,
-    ): Promise<{ user: User; token: string }> {
-        let user = await this.userRepository.findOne({
-            where: { ename },
-        });
-
-        if (!user) {
-            user = await this.createBlankUser(ename);
-        }
-
-        const token = signToken({ userId: user.id });
-        return { user, token };
-    }
-
-    async findById(id: string): Promise<User | null> {
-        return await this.userRepository.findOneBy({ id });
-    }
-
-    searchUsers = async (query: string) => {
-        const searchQuery = query.toLowerCase();
-
-        return this.userRepository.find({
-            where: [
-                { handle: Like(`%${searchQuery}%`) },
-                { ename: Like(`%${searchQuery}%`) },
-            ],
-            select: {
-                id: true,
-                handle: true,
-                name: true,
-                description: true,
-                avatarUrl: true,
-                isVerified: true,
-            },
-            take: 10,
-        });
-    };
-
-    followUser = async (followerId: string, followingId: string) => {
-        const follower = await this.userRepository.findOne({
-            where: { id: followerId },
-            relations: ["following"],
-        });
-
-        const following = await this.userRepository.findOne({
-            where: { id: followingId },
-        });
-
-        if (!follower || !following) {
-            throw new Error("User not found");
-        }
-
-        if (!follower.following) {
-            follower.following = [];
-        }
-
-        // Check if already following
-        if (follower.following.some((user) => user.id === followingId)) {
-            return follower;
-        }
-
-        follower.following.push(following);
-        return await this.userRepository.save(follower);
-    };
-
-    async getProfileById(userId: string) {
-        const user = await this.userRepository.findOne({
-            where: { id: userId },
-            select: {
-                id: true,
-                handle: true,
-                name: true,
-                avatarUrl: true,
-                followers: true,
-                following: true,
-                description: true,
-            },
-        });
-
-        if (!user) return null;
-
-        const posts = await this.postRepository.find({
-            where: { author: { id: userId } },
-            relations: ["author"],
-            order: { createdAt: "DESC" },
-        });
-
-        return {
-            ...user,
-            totalPosts: posts.length,
-            posts: posts.map((post) => ({
-                id: post.id,
-                avatar: post.author.avatarUrl,
-                userId: post.author.id,
-                username: post.author.handle,
-                imgUris: post.images,
-                caption: post.text,
-                time: post.createdAt,
-                count: {
-                    likes: post.likedBy,
-                    comments: post.comments,
-                },
-            })),
-        };
-    }
-}
-
diff --git a/platforms/piqtique-api/src/types/express.d.ts b/platforms/piqtique-api/src/types/express.d.ts
deleted file mode 100644
index 8ad6ec48..00000000
--- a/platforms/piqtique-api/src/types/express.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { User } from "../database/entities/User";
-
-declare global {
-    namespace Express {
-        interface Request {
-            user?: User;
-        }
-    }
-} 
\ No newline at end of file
diff --git a/platforms/piqtique-api/src/utils/jwt.ts b/platforms/piqtique-api/src/utils/jwt.ts
deleted file mode 100644
index 4cebfb90..00000000
--- a/platforms/piqtique-api/src/utils/jwt.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import jwt from 'jsonwebtoken';
-
-const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key';
-
-export const signToken = (payload: any): string => {
-    return jwt.sign(payload, JWT_SECRET, { expiresIn: '7d' });
-};
-
-export const verifyToken = (token: string): any => {
-    try {
-        return jwt.verify(token, JWT_SECRET);
-    } catch (error) {
-        throw new Error('Invalid token');
-    }
-}; 
\ No newline at end of file
diff --git a/platforms/piqtique-api/tsconfig.json b/platforms/piqtique-api/tsconfig.json
deleted file mode 100644
index 733170be..00000000
--- a/platforms/piqtique-api/tsconfig.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2020",
-        "module": "commonjs",
-        "lib": ["ES2020"],
-        "sourceMap": true,
-        "outDir": "./dist",
-        "rootDir": "./src",
-        "strict": true,
-        "moduleResolution": "node",
-        "baseUrl": "./src",
-        "esModuleInterop": true,
-        "experimentalDecorators": true,
-        "emitDecoratorMetadata": true,
-        "skipLibCheck": true,
-        "forceConsistentCasingInFileNames": true,
-        "resolveJsonModule": true,
-        "typeRoots": [
-          "./src/types",
-          "./node_modules/@types"
-        ]
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "dist"]
-} 
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a26a2430..dcfa528e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -538,6 +538,9 @@ importers:
       axios:
         specifier: ^1.6.7
         version: 1.9.0
+      moment:
+        specifier: ^2.30.1
+        version: 2.30.1
       svelte-qrcode:
         specifier: ^1.0.1
         version: 1.0.1
@@ -653,6 +656,9 @@ importers:
       dotenv:
         specifier: ^16.4.5
         version: 16.5.0
+      eventsource-polyfill:
+        specifier: ^0.9.6
+        version: 0.9.6
       express:
         specifier: ^4.18.2
         version: 4.21.2
@@ -3947,6 +3953,9 @@ packages:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
 
+  eventsource-polyfill@0.9.6:
+    resolution: {integrity: sha512-LyMFp2oPDGhum2lMvkjqKZEwWd2/AoXyt8aoyftTBMWwPHNgU+2tdxhTHPluDxoz+z4gNj0uHAPR9nqevATMbg==}
+
   execa@5.1.1:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
@@ -5126,6 +5135,9 @@ packages:
   mnemonist@0.39.8:
     resolution: {integrity: sha512-vyWo2K3fjrUw8YeeZ1zF0fy6Mu59RHokURlld8ymdUPjMlD9EC9ov1/YPqTgqRvUN9nTr3Gqfz29LYAmu0PHPQ==}
 
+  moment@2.30.1:
+    resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==}
+
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -10785,6 +10797,8 @@ snapshots:
 
   events@3.3.0: {}
 
+  eventsource-polyfill@0.9.6: {}
+
   execa@5.1.1:
     dependencies:
       cross-spawn: 7.0.6
@@ -12247,6 +12261,8 @@ snapshots:
     dependencies:
       obliterator: 2.0.5
 
+  moment@2.30.1: {}
+
   mri@1.2.0: {}
 
   mrmime@2.0.1: {}

From e627ae3bcc9ca77f015740f2495879f76511185f Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Sat, 7 Jun 2025 17:22:31 +0530
Subject: [PATCH 6/7] chore: blabsy ready for redesign

---
 platforms/blabsy/src/routes/+layout.svelte |  4 +--
 platforms/blabsy/static/images/Logo.svg    | 36 +++++++++-------------
 2 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/platforms/blabsy/src/routes/+layout.svelte b/platforms/blabsy/src/routes/+layout.svelte
index d2583c88..fa8cab05 100644
--- a/platforms/blabsy/src/routes/+layout.svelte
+++ b/platforms/blabsy/src/routes/+layout.svelte
@@ -45,12 +45,12 @@
 </script>
 
 {#if showSplashScreen}
-	<main class="grid h-[100dvh] w-full items-center justify-center">
+	<main class="grid h-[100dvh] w-full items-center justify-center bg-[#000000]">
 		<img src="/images/Logo.svg" alt="logo" />
 	</main>
 {:else}
 	<main
-		class="h-[100dvh] overflow-hidden {page.url.pathname.includes('/profile')
+		class="h-[100dvh] overflow-hidden bg-[#000000] {page.url.pathname.includes('/profile')
 			? 'px-0'
 			: 'px-4'}  md:px-0"
 	>
diff --git a/platforms/blabsy/static/images/Logo.svg b/platforms/blabsy/static/images/Logo.svg
index a8ac8a17..2c56ed0b 100644
--- a/platforms/blabsy/static/images/Logo.svg
+++ b/platforms/blabsy/static/images/Logo.svg
@@ -1,49 +1,43 @@
 <svg width="150" height="135" viewBox="0 0 150 135" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_1883_2774)">
-<rect x="38" y="3" width="74" height="74" rx="18" stroke="url(#paint0_linear_1883_2774)" stroke-width="6"/>
-<path d="M58.1829 67.1311C56.8607 67.1311 55.8422 66.7737 55.1275 66.059C54.4485 65.38 54.109 64.3616 54.109 63.0036V34.3257C54.109 33.0035 54.4485 32.0029 55.1275 31.3239C55.8422 30.6092 56.8249 30.2518 58.0757 30.2518C59.3979 30.2518 60.3985 30.6092 61.0775 31.3239C61.7565 32.0029 62.0959 33.0035 62.0959 34.3257V37.9707L61.5063 35.8802C62.0423 34.1649 63.1144 32.789 64.7225 31.7527C66.3664 30.6806 68.2425 30.1446 70.3509 30.1446C72.638 30.1446 74.6392 30.6985 76.3545 31.8063C78.1056 32.9141 79.4635 34.4865 80.4284 36.5234C81.3932 38.5604 81.8757 40.9904 81.8757 43.8135C81.8757 46.6366 81.3932 49.0845 80.4284 51.1572C79.4635 53.2299 78.1234 54.8201 76.4081 55.9279C74.6928 57.0357 72.6737 57.5896 70.3509 57.5896C68.2782 57.5896 66.4378 57.0893 64.8297 56.0887C63.2216 55.0524 62.1317 53.7123 61.5599 52.0685H62.2032V63.0036C62.2032 64.3616 61.8458 65.38 61.1311 66.059C60.4521 66.7737 59.4694 67.1311 58.1829 67.1311ZM67.9387 51.5324C69.0823 51.5324 70.0829 51.2465 70.9405 50.6748C71.8339 50.103 72.5129 49.2632 72.9775 48.1554C73.4778 47.0119 73.7279 45.5646 73.7279 43.8135C73.7279 41.2048 73.1919 39.2929 72.1198 38.0779C71.0478 36.8272 69.6541 36.2018 67.9387 36.2018C66.7952 36.2018 65.7767 36.4698 64.8833 37.0059C64.0257 37.5419 63.3467 38.3817 62.8464 39.5252C62.3461 40.633 62.0959 42.0625 62.0959 43.8135C62.0959 46.4222 62.632 48.3698 63.7041 49.6563C64.7761 50.9071 66.1877 51.5324 67.9387 51.5324Z" fill="url(#paint1_linear_1883_2774)"/>
-<circle cx="95.5" cy="21.5" r="5.5" fill="url(#paint2_linear_1883_2774)"/>
+<g filter="url(#filter0_i_2310_3649)">
+<rect x="38" y="3" width="74" height="74" rx="18" stroke="url(#paint0_linear_2310_3649)" stroke-width="6"/>
+<path d="M70.3509 57.5896C68.2425 57.5896 66.3664 57.0715 64.7225 56.0351C63.1144 54.9631 62.0423 53.5515 61.5063 51.8004L62.0959 50.0315V53.355C62.0959 54.6772 61.7565 55.6956 61.0775 56.4104C60.3985 57.1251 59.4158 57.4824 58.1293 57.4824C56.8428 57.4824 55.8422 57.1251 55.1275 56.4104C54.4485 55.6956 54.109 54.6772 54.109 53.355V22.8545C54.109 21.4965 54.4485 20.4781 55.1275 19.7991C55.8422 19.0844 56.8607 18.727 58.1829 18.727C59.4694 18.727 60.4521 19.0844 61.1311 19.7991C61.8458 20.4781 62.2032 21.4965 62.2032 22.8545V35.5586H61.5599C62.1317 33.9504 63.2216 32.6461 64.8297 31.6455C66.4378 30.6449 68.2782 30.1446 70.3509 30.1446C72.6737 30.1446 74.6928 30.6985 76.4081 31.8063C78.1234 32.9141 79.4635 34.4865 80.4284 36.5234C81.3932 38.5604 81.8757 40.9904 81.8757 43.8135C81.8757 46.6366 81.3932 49.0845 80.4284 51.1572C79.4635 53.2299 78.1056 54.8201 76.3545 55.9279C74.6392 57.0357 72.638 57.5896 70.3509 57.5896ZM67.9387 51.5324C69.0823 51.5324 70.0829 51.2465 70.9405 50.6748C71.8339 50.103 72.5129 49.2632 72.9775 48.1554C73.4778 47.0119 73.7279 45.5646 73.7279 43.8135C73.7279 41.2048 73.1919 39.2929 72.1198 38.0779C71.0478 36.8272 69.6541 36.2018 67.9387 36.2018C66.7952 36.2018 65.7767 36.4698 64.8833 37.0059C64.0257 37.5419 63.3467 38.3817 62.8464 39.5252C62.3461 40.633 62.0959 42.0625 62.0959 43.8135C62.0959 46.4222 62.632 48.3698 63.7041 49.6563C64.7761 50.9071 66.1877 51.5324 67.9387 51.5324Z" fill="url(#paint1_linear_2310_3649)"/>
 </g>
-<g filter="url(#filter1_i_1883_2774)">
-<path d="M18.8919 130.8V108.912H22.8279L22.8919 111.44C23.8839 109.552 25.7719 108.528 28.0119 108.528C32.8759 108.528 35.2759 112.528 35.2759 117.456C35.2759 122.384 32.8439 126.384 27.9799 126.384C25.8039 126.384 23.9159 125.328 22.9879 123.664V130.8H18.8919ZM27.0199 123.056C29.5159 123.056 31.0199 120.976 31.0199 117.456C31.0199 113.936 29.5159 111.856 27.0199 111.856C24.5239 111.856 22.9879 113.744 22.9879 117.456C22.9879 121.168 24.4919 123.056 27.0199 123.056ZM37.0494 126V108.912H41.1454V126H37.0494ZM36.9854 106.64V102.992H41.2414V106.64H36.9854ZM51.7574 126.384C46.6694 126.384 43.3414 122.864 43.3414 117.456C43.3414 112.08 46.6694 108.528 51.7574 108.528C56.1094 108.528 59.2134 110.896 59.7254 114.96L55.5014 115.184C55.1814 113.008 53.7414 111.856 51.7574 111.856C49.1014 111.856 47.5974 113.936 47.5974 117.456C47.5974 121.008 49.1014 123.056 51.7574 123.056C53.7414 123.056 55.1814 121.904 55.5014 119.504L59.7254 119.696C59.2454 123.792 56.1734 126.384 51.7574 126.384ZM67.6811 126C64.2891 126 62.7211 124.496 62.7211 121.104V112.08H60.0331V108.912H62.7211V104.912H66.8171V108.912H71.3291V112.08H66.8171V120.72C66.8171 122.32 67.4891 122.832 68.9291 122.832H71.3291V126H67.6811ZM73.2719 126V108.912H77.3679V126H73.2719ZM73.2079 106.64V102.992H77.4639V106.64H73.2079ZM95.9479 130.8H91.8519V123.664C90.9239 125.328 89.0359 126.384 86.8599 126.384C81.9959 126.384 79.5639 122.384 79.5639 117.456C79.5639 112.528 81.9639 108.528 86.8279 108.528C89.0679 108.528 90.9559 109.552 91.9479 111.44L92.0119 108.912H95.9479V130.8ZM87.8199 123.056C90.3479 123.056 91.8519 121.168 91.8519 117.456C91.8519 113.744 90.3159 111.856 87.8199 111.856C85.3239 111.856 83.8199 113.936 83.8199 117.456C83.8199 120.976 85.3239 123.056 87.8199 123.056ZM104.781 126.384C101.293 126.384 99.1494 123.984 99.1494 119.92V108.912H103.245V118.896C103.245 121.776 104.173 123.056 106.157 123.056C108.365 123.056 109.645 121.552 109.645 118.736V108.912H113.741V126H109.997L109.933 123.152C109.069 125.296 107.309 126.384 104.781 126.384ZM124.013 126.384C118.893 126.384 115.629 122.864 115.629 117.456C115.629 112.08 118.893 108.528 123.917 108.528C128.813 108.528 132.045 111.92 132.045 117.68V118.608H119.885C120.045 121.616 121.613 123.12 124.045 123.12C125.869 123.12 127.117 122.256 127.597 120.752L131.789 121.008C130.861 124.336 127.949 126.384 124.013 126.384ZM127.789 115.856C127.597 113.072 126.093 111.76 123.917 111.76C121.709 111.76 120.205 113.2 119.885 115.856H127.789Z" fill="url(#paint3_linear_1883_2774)"/>
+<g filter="url(#filter1_i_2310_3649)">
+<path d="M27.5881 126V103.28H36.1001C41.6361 103.28 44.5801 105.168 44.5801 109.424C44.5801 112.144 42.9161 113.968 40.0041 114.256C43.5561 114.544 45.5401 116.656 45.5401 119.76C45.5401 123.92 42.5641 126 37.2521 126H27.5881ZM37.0601 122.48C39.6521 122.48 41.2841 121.392 41.2841 119.312C41.2841 117.2 39.6841 116.08 37.0601 116.08H31.7481V122.48H37.0601ZM35.9721 112.816C38.6921 112.816 40.3241 111.76 40.3241 109.808C40.3241 107.76 38.7881 106.8 35.9721 106.8H31.7481V112.816H35.9721ZM52.3661 126C49.8381 126 48.2381 124.816 48.2381 121.968L48.2701 103.28H52.3661V121.552C52.3661 122.448 52.8141 122.832 53.6461 122.832H54.8941V126H52.3661ZM61.9821 126.384C58.3981 126.384 56.0301 124.688 56.0301 121.712C56.0301 118.768 57.8541 117.2 61.5981 116.464L67.2621 115.344C67.2621 112.944 66.1421 111.696 63.9981 111.696C61.9821 111.696 60.8941 112.624 60.5101 114.352L56.3181 114.16C56.9901 110.576 59.7421 108.528 63.9981 108.528C68.8621 108.528 71.3581 111.088 71.3581 115.632V121.84C71.3581 122.768 71.6781 123.024 72.3181 123.024H72.8621V126C72.6061 126.064 71.9341 126.128 71.3901 126.128C69.5341 126.128 68.1581 125.456 67.8061 123.344C66.9741 125.168 64.7981 126.384 61.9821 126.384ZM62.8141 123.408C65.5341 123.408 67.2621 121.68 67.2621 119.088V118.128L62.8461 119.024C61.0221 119.376 60.2861 120.144 60.2861 121.328C60.2861 122.672 61.1821 123.408 62.8141 123.408ZM83.9871 126.384C81.5871 126.384 79.7631 125.296 78.8031 123.472L78.7071 126H74.8031V103.28H78.8991V111.344C79.7951 109.808 81.6191 108.528 83.9871 108.528C88.4031 108.528 91.1871 112.016 91.1871 117.456C91.1871 122.896 88.4031 126.384 83.9871 126.384ZM83.0591 123.056C85.3951 123.056 86.9311 120.944 86.9311 117.456C86.9311 113.904 85.4271 111.856 83.0911 111.856C80.4351 111.856 78.8991 113.904 78.8991 117.456C78.8991 120.944 80.4351 123.056 83.0591 123.056ZM100.282 126.384C95.2259 126.384 92.5699 123.984 92.3139 120.624L96.5059 120.432C96.7939 122.224 97.9139 123.248 100.282 123.248C102.202 123.248 103.354 122.672 103.354 121.328C103.354 120.176 102.778 119.664 99.6099 119.12C94.3619 118.224 92.7299 116.816 92.7299 113.904C92.7299 110.736 95.2259 108.528 99.9619 108.528C104.57 108.528 106.938 110.992 107.418 114.288L103.258 114.48C102.97 112.752 101.818 111.664 99.9299 111.664C97.9779 111.664 96.9859 112.528 96.9859 113.776C96.9859 115.152 97.8819 115.696 100.474 116.112C105.85 116.944 107.61 118.416 107.61 121.264C107.61 124.56 104.634 126.384 100.282 126.384ZM110.178 130.8V127.632H112.354C113.474 127.632 113.922 127.312 114.242 126.512L114.69 125.328H113.506L107.426 108.912H111.65L115.97 121.488L120.034 108.912H124.29L117.602 127.792C116.866 129.904 115.586 130.8 113.09 130.8H110.178Z" fill="url(#paint2_linear_2310_3649)"/>
 </g>
 <defs>
-<filter id="filter0_i_1883_2774" x="35" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_2310_3649" x="35" y="0" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dy="0.4"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1883_2774"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2310_3649"/>
 </filter>
-<filter id="filter1_i_1883_2774" x="18.8918" y="102.992" width="113.153" height="27.808" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_i_2310_3649" x="27.5881" y="103.28" width="96.7018" height="27.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dy="0.4"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0 0.892334 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1883_2774"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2310_3649"/>
 </filter>
-<linearGradient id="paint0_linear_1883_2774" x1="4.78723" y1="11.2" x2="160.008" y2="16.1309" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_2310_3649" x1="4.78723" y1="11.2" x2="160.008" y2="16.1309" gradientUnits="userSpaceOnUse">
 <stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#F35B5B"/>
+<stop offset="0.5" stop-color="#EB5BF3"/>
 <stop offset="1" stop-color="#F7A428"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1883_2774" x1="38.5372" y1="13.22" x2="102.617" y2="14.1402" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_2310_3649" x1="38.5372" y1="13.22" x2="102.617" y2="14.1402" gradientUnits="userSpaceOnUse">
 <stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#F35B5B"/>
+<stop offset="0.5" stop-color="#EB5BF3"/>
 <stop offset="1" stop-color="#F7A428"/>
 </linearGradient>
-<linearGradient id="paint2_linear_1883_2774" x1="85.8457" y1="17.54" x2="107.189" y2="18.218" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint2_linear_2310_3649" x1="-56.6489" y1="100.6" x2="230.607" y2="134.82" gradientUnits="userSpaceOnUse">
 <stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#F35B5B"/>
-<stop offset="1" stop-color="#F7A428"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1883_2774" x1="-56.6489" y1="100.6" x2="230.607" y2="134.82" gradientUnits="userSpaceOnUse">
-<stop stop-color="#4D44EF"/>
-<stop offset="0.5" stop-color="#F35B5B"/>
+<stop offset="0.5" stop-color="#EB5BF3"/>
 <stop offset="1" stop-color="#F7A428"/>
 </linearGradient>
 </defs>

From 62e3df7031ee21318cf7abd77304e2ed117c7d3b Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Sat, 7 Jun 2025 17:36:37 +0530
Subject: [PATCH 7/7] chore: add other socials

---
 platforms/blabsy-api/package.json             |  41 +++
 .../src/controllers/AuthController.ts         |  81 +++++
 .../src/controllers/CommentController.ts      |  93 +++++
 .../src/controllers/MessageController.ts      | 340 ++++++++++++++++++
 .../src/controllers/PostController.ts         |  66 ++++
 .../src/controllers/UserController.ts         |  96 +++++
 .../blabsy-api/src/database/data-source.ts    |  22 ++
 .../blabsy-api/src/database/entities/Blab.ts  |  41 +++
 .../blabsy-api/src/database/entities/Chat.ts  |  38 ++
 .../database/entities/MessageReadStatus.ts    |  31 ++
 .../blabsy-api/src/database/entities/Reply.ts |  35 ++
 .../blabsy-api/src/database/entities/Text.ts  |  39 ++
 .../blabsy-api/src/database/entities/User.ts  |  77 ++++
 .../migrations/1749294377768-migration.ts     |  88 +++++
 platforms/blabsy-api/src/index.ts             | 122 +++++++
 platforms/blabsy-api/src/middleware/auth.ts   |  46 +++
 .../blabsy-api/src/services/ChatService.ts    | 303 ++++++++++++++++
 .../blabsy-api/src/services/CommentService.ts |  57 +++
 .../blabsy-api/src/services/PostService.ts    |  92 +++++
 .../blabsy-api/src/services/UserService.ts    | 139 +++++++
 platforms/blabsy-api/src/types/express.d.ts   |   9 +
 platforms/blabsy-api/src/utils/jwt.ts         |  15 +
 platforms/blabsy-api/tsconfig.json            |  25 ++
 platforms/pictique-api/package.json           |  41 +++
 .../src/controllers/AuthController.ts         |  91 +++++
 .../src/controllers/CommentController.ts      |  93 +++++
 .../src/controllers/MessageController.ts      | 340 ++++++++++++++++++
 .../src/controllers/PostController.ts         |  73 ++++
 .../src/controllers/UserController.ts         |  96 +++++
 .../pictique-api/src/database/data-source.ts  |  22 ++
 .../src/database/entities/Chat.ts             |  38 ++
 .../src/database/entities/Comment.ts          |  35 ++
 .../src/database/entities/Message.ts          |  39 ++
 .../database/entities/MessageReadStatus.ts    |  31 ++
 .../src/database/entities/Post.ts             |  41 +++
 .../src/database/entities/User.ts             |  77 ++++
 .../migrations/1749032877158-migration.ts     |  70 ++++
 .../migrations/1749281568709-migration.ts     |  20 ++
 .../migrations/1749283608071-migration.ts     |  30 ++
 platforms/pictique-api/src/index.ts           | 126 +++++++
 platforms/pictique-api/src/middleware/auth.ts |  46 +++
 .../pictique-api/src/services/ChatService.ts  | 304 ++++++++++++++++
 .../src/services/CommentService.ts            |  57 +++
 .../pictique-api/src/services/PostService.ts  |  92 +++++
 .../pictique-api/src/services/UserService.ts  | 143 ++++++++
 platforms/pictique-api/src/types/express.d.ts |   9 +
 platforms/pictique-api/src/utils/jwt.ts       |  15 +
 platforms/pictique-api/tsconfig.json          |  25 ++
 48 files changed, 3850 insertions(+)
 create mode 100644 platforms/blabsy-api/package.json
 create mode 100644 platforms/blabsy-api/src/controllers/AuthController.ts
 create mode 100644 platforms/blabsy-api/src/controllers/CommentController.ts
 create mode 100644 platforms/blabsy-api/src/controllers/MessageController.ts
 create mode 100644 platforms/blabsy-api/src/controllers/PostController.ts
 create mode 100644 platforms/blabsy-api/src/controllers/UserController.ts
 create mode 100644 platforms/blabsy-api/src/database/data-source.ts
 create mode 100644 platforms/blabsy-api/src/database/entities/Blab.ts
 create mode 100644 platforms/blabsy-api/src/database/entities/Chat.ts
 create mode 100644 platforms/blabsy-api/src/database/entities/MessageReadStatus.ts
 create mode 100644 platforms/blabsy-api/src/database/entities/Reply.ts
 create mode 100644 platforms/blabsy-api/src/database/entities/Text.ts
 create mode 100644 platforms/blabsy-api/src/database/entities/User.ts
 create mode 100644 platforms/blabsy-api/src/database/migrations/1749294377768-migration.ts
 create mode 100644 platforms/blabsy-api/src/index.ts
 create mode 100644 platforms/blabsy-api/src/middleware/auth.ts
 create mode 100644 platforms/blabsy-api/src/services/ChatService.ts
 create mode 100644 platforms/blabsy-api/src/services/CommentService.ts
 create mode 100644 platforms/blabsy-api/src/services/PostService.ts
 create mode 100644 platforms/blabsy-api/src/services/UserService.ts
 create mode 100644 platforms/blabsy-api/src/types/express.d.ts
 create mode 100644 platforms/blabsy-api/src/utils/jwt.ts
 create mode 100644 platforms/blabsy-api/tsconfig.json
 create mode 100644 platforms/pictique-api/package.json
 create mode 100644 platforms/pictique-api/src/controllers/AuthController.ts
 create mode 100644 platforms/pictique-api/src/controllers/CommentController.ts
 create mode 100644 platforms/pictique-api/src/controllers/MessageController.ts
 create mode 100644 platforms/pictique-api/src/controllers/PostController.ts
 create mode 100644 platforms/pictique-api/src/controllers/UserController.ts
 create mode 100644 platforms/pictique-api/src/database/data-source.ts
 create mode 100644 platforms/pictique-api/src/database/entities/Chat.ts
 create mode 100644 platforms/pictique-api/src/database/entities/Comment.ts
 create mode 100644 platforms/pictique-api/src/database/entities/Message.ts
 create mode 100644 platforms/pictique-api/src/database/entities/MessageReadStatus.ts
 create mode 100644 platforms/pictique-api/src/database/entities/Post.ts
 create mode 100644 platforms/pictique-api/src/database/entities/User.ts
 create mode 100644 platforms/pictique-api/src/database/migrations/1749032877158-migration.ts
 create mode 100644 platforms/pictique-api/src/database/migrations/1749281568709-migration.ts
 create mode 100644 platforms/pictique-api/src/database/migrations/1749283608071-migration.ts
 create mode 100644 platforms/pictique-api/src/index.ts
 create mode 100644 platforms/pictique-api/src/middleware/auth.ts
 create mode 100644 platforms/pictique-api/src/services/ChatService.ts
 create mode 100644 platforms/pictique-api/src/services/CommentService.ts
 create mode 100644 platforms/pictique-api/src/services/PostService.ts
 create mode 100644 platforms/pictique-api/src/services/UserService.ts
 create mode 100644 platforms/pictique-api/src/types/express.d.ts
 create mode 100644 platforms/pictique-api/src/utils/jwt.ts
 create mode 100644 platforms/pictique-api/tsconfig.json

diff --git a/platforms/blabsy-api/package.json b/platforms/blabsy-api/package.json
new file mode 100644
index 00000000..8a1fe477
--- /dev/null
+++ b/platforms/blabsy-api/package.json
@@ -0,0 +1,41 @@
+{
+    "name": "piqtique-api",
+    "version": "1.0.0",
+    "description": "Piqtique Social Media Platform API",
+    "main": "src/index.ts",
+    "scripts": {
+        "start": "ts-node src/index.ts",
+        "dev": "nodemon --exec ts-node src/index.ts",
+        "build": "tsc",
+        "typeorm": "typeorm-ts-node-commonjs",
+        "migration:generate": "npm run typeorm migration:generate -- -d src/database/data-source.ts",
+        "migration:run": "npm run typeorm migration:run -- -d src/database/data-source.ts",
+        "migration:revert": "npm run typeorm migration:revert -- -d src/database/data-source.ts"
+    },
+    "dependencies": {
+        "axios": "^1.6.7",
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "eventsource-polyfill": "^0.9.6",
+        "express": "^4.18.2",
+        "jsonwebtoken": "^9.0.2",
+        "pg": "^8.11.3",
+        "reflect-metadata": "^0.2.1",
+        "typeorm": "^0.3.20",
+        "uuid": "^9.0.1"
+    },
+    "devDependencies": {
+        "@types/cors": "^2.8.17",
+        "@types/express": "^4.17.21",
+        "@types/jsonwebtoken": "^9.0.5",
+        "@types/node": "^20.11.24",
+        "@types/pg": "^8.11.2",
+        "@types/uuid": "^9.0.8",
+        "@typescript-eslint/eslint-plugin": "^7.0.1",
+        "@typescript-eslint/parser": "^7.0.1",
+        "eslint": "^8.56.0",
+        "nodemon": "^3.0.3",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.3.3"
+    }
+}
diff --git a/platforms/blabsy-api/src/controllers/AuthController.ts b/platforms/blabsy-api/src/controllers/AuthController.ts
new file mode 100644
index 00000000..ce886e51
--- /dev/null
+++ b/platforms/blabsy-api/src/controllers/AuthController.ts
@@ -0,0 +1,81 @@
+import { Request, Response } from "express";
+import { v4 as uuidv4 } from "uuid";
+import { UserService } from "../services/UserService";
+import { EventEmitter } from "events";
+export class AuthController {
+    private userService: UserService;
+    private eventEmitter: EventEmitter;
+
+    constructor() {
+        this.userService = new UserService();
+        this.eventEmitter = new EventEmitter();
+    }
+
+    sseStream = async (req: Request, res: Response) => {
+        const { id } = req.params;
+
+        // Set headers for SSE
+        res.writeHead(200, {
+            "Content-Type": "text/event-stream",
+            "Cache-Control": "no-cache",
+            Connection: "keep-alive",
+            "Access-Control-Allow-Origin": "*",
+        });
+
+        const handler = (data: any) => {
+            res.write(`data: ${JSON.stringify(data)}\n\n`);
+        };
+
+        this.eventEmitter.on(id, handler);
+
+        // Handle client disconnect
+        req.on("close", () => {
+            this.eventEmitter.off(id, handler);
+            res.end();
+        });
+
+        req.on("error", (error) => {
+            console.error("SSE Error:", error);
+            this.eventEmitter.off(id, handler);
+            res.end();
+        });
+    };
+
+    getOffer = async (req: Request, res: Response) => {
+        const url = new URL(
+            "/api/auth",
+            process.env.PUBLIC_BLABSY_BASE_URL,
+        ).toString();
+        const session = uuidv4();
+        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=blabsy`;
+        res.json({ uri: offer });
+    };
+
+    login = async (req: Request, res: Response) => {
+        try {
+            const { ename, session } = req.body;
+
+            if (!ename) {
+                return res.status(400).json({ error: "ename is required" });
+            }
+
+            const { user, token } =
+                await this.userService.findOrCreateUser(ename);
+
+            const data = {
+                user: {
+                    id: user.id,
+                    ename: user.ename,
+                    isVerified: user.isVerified,
+                    isPrivate: user.isPrivate,
+                },
+                token,
+            };
+            this.eventEmitter.emit(session, data);
+            res.status(200).send();
+        } catch (error) {
+            console.error("Error during login:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/blabsy-api/src/controllers/CommentController.ts b/platforms/blabsy-api/src/controllers/CommentController.ts
new file mode 100644
index 00000000..d3e21ed8
--- /dev/null
+++ b/platforms/blabsy-api/src/controllers/CommentController.ts
@@ -0,0 +1,93 @@
+import { Request, Response } from "express";
+import { CommentService } from "../services/CommentService";
+
+export class CommentController {
+    private commentService: CommentService;
+
+    constructor() {
+        this.commentService = new CommentService();
+    }
+
+    createComment = async (req: Request, res: Response) => {
+        try {
+            const { blabId, text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const reply = await this.commentService.createComment(blabId, userId, text);
+            res.status(201).json(reply);
+        } catch (error) {
+            console.error("Error creating reply:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getPostComments = async (req: Request, res: Response) => {
+        try {
+            const { blabId } = req.params;
+            const replies = await this.commentService.getPostComments(blabId);
+            res.json(replies);
+        } catch (error) {
+            console.error("Error fetching replies:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    updateComment = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const { text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const reply = await this.commentService.getCommentById(id);
+
+            if (!reply) {
+                return res.status(404).json({ error: "Reply not found" });
+            }
+
+            if (reply.creator.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            const updatedReply = await this.commentService.updateComment(id, text);
+            res.json(updatedReply);
+        } catch (error) {
+            console.error("Error updating reply:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    deleteComment = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const reply = await this.commentService.getCommentById(id);
+
+            if (!reply) {
+                return res.status(404).json({ error: "Reply not found" });
+            }
+
+            if (reply.creator.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            await this.commentService.deleteComment(id);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error deleting reply:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+} 
\ No newline at end of file
diff --git a/platforms/blabsy-api/src/controllers/MessageController.ts b/platforms/blabsy-api/src/controllers/MessageController.ts
new file mode 100644
index 00000000..1b071183
--- /dev/null
+++ b/platforms/blabsy-api/src/controllers/MessageController.ts
@@ -0,0 +1,340 @@
+import { Request, Response } from "express";
+import { ChatService } from "../services/ChatService";
+import { verifyToken } from "../utils/jwt";
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+
+export class MessageController {
+    private chatService = new ChatService();
+
+    // Chat Operations
+    createChat = async (req: Request, res: Response) => {
+        try {
+            const { name, participantIds } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            // Ensure the creator is included in participants
+            const allParticipants = [
+                ...new Set([userId, ...(participantIds || [])]),
+            ];
+            const chat = await this.chatService.createChat(
+                name,
+                allParticipants,
+            );
+            res.status(201).json(chat);
+        } catch (error) {
+            console.error("Error creating chat:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getChat = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 20;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const chat = await this.chatService.getChatById(chatId);
+            if (!chat) {
+                return res.status(404).json({ error: "Chat not found" });
+            }
+
+            // Verify user is a participant
+            if (!chat.users.some((user: User) => user.id === userId)) {
+                return res
+                    .status(403)
+                    .json({ error: "Not a participant in this chat" });
+            }
+
+            // Get messages for the chat
+            const messages = await this.chatService.getChatMessages(
+                chatId,
+                userId,
+                page,
+                limit,
+            );
+
+            res.json({
+                ...chat,
+                messages: messages.messages,
+                messagesTotal: messages.total,
+                messagesPage: messages.page,
+                messagesTotalPages: messages.totalPages,
+            });
+        } catch (error) {
+            console.error("Error fetching chat:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getUserChats = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const result = await this.chatService.getUserChats(
+                userId,
+                page,
+                limit,
+            );
+
+            // Transform the response to include only necessary data
+            const transformedChats = result.chats.map((chat) => ({
+                id: chat.id,
+                chatName: chat.chatName,
+                users: chat.users.map((user: User) => ({
+                    id: user.id,
+                    username: user.username,
+                    displayName: user.displayName,
+                    profilePictureUrl: user.profilePictureUrl,
+                })),
+                latestMessage: chat.latestMessage,
+                updatedAt: chat.updatedAt,
+            }));
+
+            res.json({
+                ...result,
+                chats: transformedChats,
+            });
+        } catch (error) {
+            console.error("Error fetching user chats:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    // Chat Participant Operations
+    addParticipants = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const { participantIds } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const chat = await this.chatService.addParticipants(
+                chatId,
+                participantIds,
+            );
+            res.json(chat);
+        } catch (error) {
+            console.error("Error adding participants:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    removeParticipant = async (req: Request, res: Response) => {
+        try {
+            const { chatId, userId } = req.params;
+            const currentUserId = req.user?.id;
+
+            if (!currentUserId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const chat = await this.chatService.removeParticipant(
+                chatId,
+                userId,
+            );
+            res.json(chat);
+        } catch (error) {
+            console.error("Error removing participant:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    // Message Operations (as sub-resources of Chat)
+    createMessage = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const { text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+            console.log("asdfasd");
+
+            const message = await this.chatService.sendMessage(
+                chatId,
+                userId,
+                text,
+            );
+            res.status(201).json(message);
+        } catch (error) {
+            console.error("Error sending message:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getMessages = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 20;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const result = await this.chatService.getChatMessages(
+                chatId,
+                userId,
+                page,
+                limit,
+            );
+            res.json(result);
+        } catch (error) {
+            console.error("Error fetching messages:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    markAsRead = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            await this.chatService.markMessagesAsRead(chatId, userId);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error marking messages as read:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    deleteMessage = async (req: Request, res: Response) => {
+        try {
+            const { chatId, messageId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            await this.chatService.deleteMessage(messageId, userId);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error deleting message:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getUnreadCount = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const count = await this.chatService.getUnreadMessageCount(
+                chatId,
+                userId,
+            );
+            res.json({ count });
+        } catch (error) {
+            console.error("Error getting unread count:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    // SSE route for chat events
+    getChatEvents = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const token = req.query.token;
+            if (!token)
+                return res.status(400).json({ error: "token is required" });
+
+            const decoded = verifyToken(token as string) as { userId: string };
+
+            if (!decoded?.userId) {
+                return res.status(401).json({ error: "Invalid token" });
+            }
+
+            const userRepository = AppDataSource.getRepository(User);
+            const user = await userRepository.findOneBy({ id: decoded.userId });
+            if (!user) return res.status(401).json({ error: "Invalid token" });
+            const userId = user.id;
+
+            // Verify user is a participant
+            const chat = await this.chatService.getChatById(chatId);
+            if (!chat) {
+                return res.status(404).json({ error: "Chat not found" });
+            }
+
+            if (!chat.users.some((user: User) => user.id === userId)) {
+                return res
+                    .status(403)
+                    .json({ error: "Not a participant in this chat" });
+            }
+
+            // Set SSE headers
+            res.writeHead(200, {
+                "Content-Type": "text/event-stream",
+                "Cache-Control": "no-cache",
+                Connection: "keep-alive",
+            });
+
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 2000;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            // Get messages for the chat
+            const messages = await this.chatService.getChatMessages(
+                chatId,
+                userId,
+                page,
+                limit,
+            );
+
+            // Send initial connection message
+            res.write(`data: ${JSON.stringify(messages.messages)}\n\n`);
+
+            // Create event listener for this chat
+            const eventEmitter = this.chatService.getEventEmitter();
+            const eventName = `chat:${chatId}`;
+
+            const messageHandler = (data: any) => {
+                res.write(`data: ${JSON.stringify(data)}\n\n`);
+            };
+
+            // Add event listener
+            eventEmitter.on(eventName, messageHandler);
+
+            // Handle client disconnect
+            req.on("close", () => {
+                eventEmitter.off(eventName, messageHandler);
+                res.end();
+            });
+        } catch (error) {
+            console.error("Error setting up chat events:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/blabsy-api/src/controllers/PostController.ts b/platforms/blabsy-api/src/controllers/PostController.ts
new file mode 100644
index 00000000..40f0f592
--- /dev/null
+++ b/platforms/blabsy-api/src/controllers/PostController.ts
@@ -0,0 +1,66 @@
+import { Request, Response } from "express";
+import { PostService } from "../services/PostService";
+
+export class PostController {
+    private postService: PostService;
+
+    constructor() {
+        this.postService = new PostService();
+    }
+
+    getFeed = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            const feed = await this.postService.getFollowingFeed(userId, page, limit);
+            res.json(feed);
+        } catch (error) {
+            console.error("Error fetching feed:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    createPost = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const { content, images, hashtags } = req.body;
+            const blab = await this.postService.createPost(userId, {
+                content,
+                images,
+                hashtags,
+            });
+
+            res.status(201).json(blab);
+        } catch (error) {
+            console.error("Error creating blab:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    toggleLike = async (req: Request, res: Response) => {
+        try {
+            const { id: blabId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const blab = await this.postService.toggleLike(blabId, userId);
+            res.json(blab);
+        } catch (error) {
+            console.error("Error toggling like:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/blabsy-api/src/controllers/UserController.ts b/platforms/blabsy-api/src/controllers/UserController.ts
new file mode 100644
index 00000000..6b6be1fe
--- /dev/null
+++ b/platforms/blabsy-api/src/controllers/UserController.ts
@@ -0,0 +1,96 @@
+import { Request, Response } from "express";
+import { UserService } from "../services/UserService";
+
+export class UserController {
+    private userService: UserService;
+
+    constructor() {
+        this.userService = new UserService();
+    }
+
+    currentUser = async (req: Request, res: Response) => {
+        res.json(req.user);
+    };
+
+    getProfileById = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+
+            if (!id) {
+                return res.status(400).json({ error: "User ID is required" });
+            }
+
+            const profile = await this.userService.getProfileById(id);
+            if (!profile) {
+                return res.status(404).json({ error: "User not found" });
+            }
+
+            res.json(profile);
+        } catch (error) {
+            console.error("Error fetching user profile:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    search = async (req: Request, res: Response) => {
+        try {
+            const { q } = req.query;
+
+            if (!q || typeof q !== "string") {
+                return res
+                    .status(400)
+                    .json({ error: "Search query is required" });
+            }
+
+            const users = await this.userService.searchUsers(q);
+            res.json(users);
+        } catch (error) {
+            console.error("Error searching users:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    follow = async (req: Request, res: Response) => {
+        try {
+            const followerId = req.user?.id;
+            const { id: followingId } = req.params;
+
+            if (!followerId || !followingId) {
+                return res
+                    .status(400)
+                    .json({ error: "Missing required fields" });
+            }
+
+            const updatedUser = await this.userService.followUser(
+                followerId,
+                followingId,
+            );
+            res.json(updatedUser);
+        } catch (error) {
+            console.error("Error following user:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    updateProfile = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            const { username, profilePictureUrl, displayName } = req.body;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const updatedUser = await this.userService.updateProfile(userId, {
+                username,
+                profilePictureUrl,
+                displayName,
+            });
+
+            res.json(updatedUser);
+        } catch (error) {
+            console.error("Error updating user profile:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/blabsy-api/src/database/data-source.ts b/platforms/blabsy-api/src/database/data-source.ts
new file mode 100644
index 00000000..4ab7d3dc
--- /dev/null
+++ b/platforms/blabsy-api/src/database/data-source.ts
@@ -0,0 +1,22 @@
+import "reflect-metadata";
+import { DataSource } from "typeorm";
+import { config } from "dotenv";
+import { User } from "./entities/User";
+import path from "path";
+import { Chat } from "./entities/Chat";
+import { MessageReadStatus } from "./entities/MessageReadStatus";
+import { Blab } from "./entities/Blab";
+import { Reply } from "./entities/Reply";
+import { Text } from "./entities/Text";
+
+config({ path: path.resolve(__dirname, "../../../../.env") });
+
+export const AppDataSource = new DataSource({
+    type: "postgres",
+    url: process.env.BLABSY_DATABASE_URL,
+    synchronize: false,
+    logging: process.env.NODE_ENV === "development",
+    entities: [User, Blab, Reply, Text, Chat, MessageReadStatus],
+    migrations: ["src/database/migrations/*.ts"],
+    subscribers: [],
+});
diff --git a/platforms/blabsy-api/src/database/entities/Blab.ts b/platforms/blabsy-api/src/database/entities/Blab.ts
new file mode 100644
index 00000000..c05e0c75
--- /dev/null
+++ b/platforms/blabsy-api/src/database/entities/Blab.ts
@@ -0,0 +1,41 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable, OneToMany } from "typeorm";
+import { User } from "./User";
+import { Reply } from "./Reply";
+
+@Entity("blabs")
+export class Blab{
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.blabs)
+    author!: User;
+
+    @Column({ type: "text" })
+    content!: string; // was content
+
+    @Column("simple-array", { nullable: true })
+    images!: string[]; 
+
+    @OneToMany(() => Reply, (comment: Reply) => comment.blab)
+    replies!: Reply[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "blab_likes",
+        joinColumn: { name: "blab_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    likedBy!: User[]; // was likes
+
+    @Column("simple-array", { nullable: true })
+    hashtags!: string[]; // was tags
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean; // was isDeleted
+} 
\ No newline at end of file
diff --git a/platforms/blabsy-api/src/database/entities/Chat.ts b/platforms/blabsy-api/src/database/entities/Chat.ts
new file mode 100644
index 00000000..890db645
--- /dev/null
+++ b/platforms/blabsy-api/src/database/entities/Chat.ts
@@ -0,0 +1,38 @@
+import {
+    Entity,
+    CreateDateColumn,
+    UpdateDateColumn,
+    PrimaryGeneratedColumn,
+    Column,
+    OneToMany,
+    ManyToMany,
+    JoinTable,
+} from "typeorm";
+import { User } from "./User";
+import { Text } from "./Text";
+
+@Entity()
+export class Chat {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ nullable: true })
+    chatName!: string;
+
+    @OneToMany(() => Text, (e) => e.chat)
+    texts!: Text[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "chat_participants",
+        joinColumn: { name: "chat_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    users!: User[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+}
diff --git a/platforms/blabsy-api/src/database/entities/MessageReadStatus.ts b/platforms/blabsy-api/src/database/entities/MessageReadStatus.ts
new file mode 100644
index 00000000..42fea035
--- /dev/null
+++ b/platforms/blabsy-api/src/database/entities/MessageReadStatus.ts
@@ -0,0 +1,31 @@
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    ManyToOne,
+} from "typeorm";
+import { Text } from "./Text";
+import { User } from "./User";
+
+@Entity("message_read_status")
+export class MessageReadStatus {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => Text)
+    text!: Text;
+
+    @ManyToOne(() => User)
+    user!: User;
+
+    @Column({ default: false })
+    isRead!: boolean;
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+} 
\ No newline at end of file
diff --git a/platforms/blabsy-api/src/database/entities/Reply.ts b/platforms/blabsy-api/src/database/entities/Reply.ts
new file mode 100644
index 00000000..d8557259
--- /dev/null
+++ b/platforms/blabsy-api/src/database/entities/Reply.ts
@@ -0,0 +1,35 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable } from "typeorm";
+import { User } from "./User";
+import { Blab } from "./Blab";
+
+@Entity("replies")
+export class Reply {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.replies)
+    creator!: User;
+
+    @ManyToOne(() => Blab, (post: Blab) => post.replies)
+    blab!: Blab;
+
+    @Column("text")
+    text!: string;
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "reply_likes",
+        joinColumn: { name: "replyt_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    likedBy!: User[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+} 
\ No newline at end of file
diff --git a/platforms/blabsy-api/src/database/entities/Text.ts b/platforms/blabsy-api/src/database/entities/Text.ts
new file mode 100644
index 00000000..31c51bad
--- /dev/null
+++ b/platforms/blabsy-api/src/database/entities/Text.ts
@@ -0,0 +1,39 @@
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    ManyToOne,
+    OneToMany,
+} from "typeorm";
+import { User } from "./User";
+import { Chat } from "./Chat";
+import { MessageReadStatus } from "./MessageReadStatus";
+
+@Entity("texts")
+export class Text {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User)
+    author!: User;
+
+    @Column({ type: "text" })
+    content!: string;
+
+    @ManyToOne(() => Chat, (e) => e.texts)
+    chat!: Chat;
+
+    @OneToMany(() => MessageReadStatus, (status) => status.text)
+    readStatuses!: MessageReadStatus[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+}
diff --git a/platforms/blabsy-api/src/database/entities/User.ts b/platforms/blabsy-api/src/database/entities/User.ts
new file mode 100644
index 00000000..5bc065fd
--- /dev/null
+++ b/platforms/blabsy-api/src/database/entities/User.ts
@@ -0,0 +1,77 @@
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    OneToMany,
+    ManyToMany,
+    JoinTable,
+} from "typeorm";
+import { Blab} from "./Blab";
+import { Reply} from "./Reply";
+import { Chat } from "./Chat";
+
+@Entity("users")
+export class User {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ nullable: true })
+    username!: string;
+
+    @Column({ nullable: true })
+    displayName!: string;
+
+    @Column({ nullable: true })
+    bio!: string;
+
+    @Column({ nullable: true })
+    profilePictureUrl!: string;
+
+    @Column({ nullable: true })
+    bannerUrl!: string;
+
+    @Column({ nullable: true })
+    ename!: string;
+
+    @Column({ default: false })
+    isVerified!: boolean;
+
+    @Column({ default: false })
+    isPrivate!: boolean;
+
+    @OneToMany(() => Blab, (post: Blab) => post.author)
+    blabs!: Blab[];
+
+    @OneToMany(() => Reply, (reply: Reply) => reply.creator)
+    replies!: Reply[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "user_followers",
+        joinColumn: { name: "user_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "follower_id", referencedColumnName: "id" },
+    })
+    followers!: User[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "user_following",
+        joinColumn: { name: "user_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "following_id", referencedColumnName: "id" },
+    })
+    following!: User[];
+
+    @ManyToMany(() => Chat, (chat) => chat.users)
+    chats!: Chat[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+}
diff --git a/platforms/blabsy-api/src/database/migrations/1749294377768-migration.ts b/platforms/blabsy-api/src/database/migrations/1749294377768-migration.ts
new file mode 100644
index 00000000..974790d4
--- /dev/null
+++ b/platforms/blabsy-api/src/database/migrations/1749294377768-migration.ts
@@ -0,0 +1,88 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class Migration1749294377768 implements MigrationInterface {
+    name = 'Migration1749294377768'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`CREATE TABLE "replies" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "creatorId" uuid, "blabId" uuid, CONSTRAINT "PK_08f619ebe431e27e9d206bea132" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "blabs" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "content" text NOT NULL, "images" text, "hashtags" text, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, CONSTRAINT "PK_b0d95cd60d167bef0a53b13a83c" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "message_read_status" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "isRead" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "textId" uuid, "userId" uuid, CONSTRAINT "PK_258e8d92b4e212a121dc10a74d3" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "texts" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "content" text NOT NULL, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, "chatId" uuid, CONSTRAINT "PK_ce044efbc0a1872f20feca7e19f" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "chat" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "chatName" character varying, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), CONSTRAINT "PK_9d0b2ba74336710fd31154738a5" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "users" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "username" character varying, "displayName" character varying, "bio" character varying, "profilePictureUrl" character varying, "bannerUrl" character varying, "ename" character varying, "isVerified" boolean NOT NULL DEFAULT false, "isPrivate" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, CONSTRAINT "PK_a3ffb1c0c8416b9fc6f907b7433" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "reply_likes" ("replyt_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_49ea2d0de64487d96abeb821fc3" PRIMARY KEY ("replyt_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_60cd31853a064c673a3d3324dc" ON "reply_likes" ("replyt_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_ab114098af787728a1d33dd0d2" ON "reply_likes" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "blab_likes" ("blab_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_71e1e125898ad7b8f98ba53a90e" PRIMARY KEY ("blab_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_8a0152105b2e6a0c279c384dad" ON "blab_likes" ("blab_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_6a02fb4b2afef6af04f030a1c5" ON "blab_likes" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "chat_participants" ("chat_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_36c99e4a017767179cc49d0ac74" PRIMARY KEY ("chat_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_9946d299e9ccfbee23aa40c554" ON "chat_participants" ("chat_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_b4129b3e21906ca57b503a1d83" ON "chat_participants" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "user_followers" ("user_id" uuid NOT NULL, "follower_id" uuid NOT NULL, CONSTRAINT "PK_d7b47e785d7dbc74b2f22f30045" PRIMARY KEY ("user_id", "follower_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_a59d62cda8101214445e295cdc" ON "user_followers" ("user_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_da722d93356ae3119d6be40d98" ON "user_followers" ("follower_id") `);
+        await queryRunner.query(`CREATE TABLE "user_following" ("user_id" uuid NOT NULL, "following_id" uuid NOT NULL, CONSTRAINT "PK_5d7e9a83ee6f9b806d569068a30" PRIMARY KEY ("user_id", "following_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_a28a2c27629ac06a41720d01c3" ON "user_following" ("user_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_94e1183284db3e697031eb7775" ON "user_following" ("following_id") `);
+        await queryRunner.query(`ALTER TABLE "replies" ADD CONSTRAINT "FK_34408818aba710d6ea7bb40358a" FOREIGN KEY ("creatorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "replies" ADD CONSTRAINT "FK_3a74da2d3059288882a69be43fa" FOREIGN KEY ("blabId") REFERENCES "blabs"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "blabs" ADD CONSTRAINT "FK_ea5969bad99c59d4f0af17d4692" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" ADD CONSTRAINT "FK_f8aaa4a571e96838b1e15d5ff63" FOREIGN KEY ("textId") REFERENCES "texts"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" ADD CONSTRAINT "FK_00956f27e567b20ea63956a94da" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "texts" ADD CONSTRAINT "FK_16d5fc6d4a731bbd3703793a49c" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "texts" ADD CONSTRAINT "FK_fc650300b13333cbe5ae5fac281" FOREIGN KEY ("chatId") REFERENCES "chat"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "reply_likes" ADD CONSTRAINT "FK_60cd31853a064c673a3d3324dc6" FOREIGN KEY ("replyt_id") REFERENCES "replies"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "reply_likes" ADD CONSTRAINT "FK_ab114098af787728a1d33dd0d25" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "blab_likes" ADD CONSTRAINT "FK_8a0152105b2e6a0c279c384dad3" FOREIGN KEY ("blab_id") REFERENCES "blabs"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "blab_likes" ADD CONSTRAINT "FK_6a02fb4b2afef6af04f030a1c59" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" ADD CONSTRAINT "FK_9946d299e9ccfbee23aa40c5545" FOREIGN KEY ("chat_id") REFERENCES "chat"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" ADD CONSTRAINT "FK_b4129b3e21906ca57b503a1d834" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_a59d62cda8101214445e295cdc8" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_da722d93356ae3119d6be40d988" FOREIGN KEY ("follower_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_a28a2c27629ac06a41720d01c30" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_94e1183284db3e697031eb7775d" FOREIGN KEY ("following_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_94e1183284db3e697031eb7775d"`);
+        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_a28a2c27629ac06a41720d01c30"`);
+        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_da722d93356ae3119d6be40d988"`);
+        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_a59d62cda8101214445e295cdc8"`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" DROP CONSTRAINT "FK_b4129b3e21906ca57b503a1d834"`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" DROP CONSTRAINT "FK_9946d299e9ccfbee23aa40c5545"`);
+        await queryRunner.query(`ALTER TABLE "blab_likes" DROP CONSTRAINT "FK_6a02fb4b2afef6af04f030a1c59"`);
+        await queryRunner.query(`ALTER TABLE "blab_likes" DROP CONSTRAINT "FK_8a0152105b2e6a0c279c384dad3"`);
+        await queryRunner.query(`ALTER TABLE "reply_likes" DROP CONSTRAINT "FK_ab114098af787728a1d33dd0d25"`);
+        await queryRunner.query(`ALTER TABLE "reply_likes" DROP CONSTRAINT "FK_60cd31853a064c673a3d3324dc6"`);
+        await queryRunner.query(`ALTER TABLE "texts" DROP CONSTRAINT "FK_fc650300b13333cbe5ae5fac281"`);
+        await queryRunner.query(`ALTER TABLE "texts" DROP CONSTRAINT "FK_16d5fc6d4a731bbd3703793a49c"`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" DROP CONSTRAINT "FK_00956f27e567b20ea63956a94da"`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" DROP CONSTRAINT "FK_f8aaa4a571e96838b1e15d5ff63"`);
+        await queryRunner.query(`ALTER TABLE "blabs" DROP CONSTRAINT "FK_ea5969bad99c59d4f0af17d4692"`);
+        await queryRunner.query(`ALTER TABLE "replies" DROP CONSTRAINT "FK_3a74da2d3059288882a69be43fa"`);
+        await queryRunner.query(`ALTER TABLE "replies" DROP CONSTRAINT "FK_34408818aba710d6ea7bb40358a"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_94e1183284db3e697031eb7775"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_a28a2c27629ac06a41720d01c3"`);
+        await queryRunner.query(`DROP TABLE "user_following"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_da722d93356ae3119d6be40d98"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_a59d62cda8101214445e295cdc"`);
+        await queryRunner.query(`DROP TABLE "user_followers"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_b4129b3e21906ca57b503a1d83"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_9946d299e9ccfbee23aa40c554"`);
+        await queryRunner.query(`DROP TABLE "chat_participants"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_6a02fb4b2afef6af04f030a1c5"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_8a0152105b2e6a0c279c384dad"`);
+        await queryRunner.query(`DROP TABLE "blab_likes"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_ab114098af787728a1d33dd0d2"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_60cd31853a064c673a3d3324dc"`);
+        await queryRunner.query(`DROP TABLE "reply_likes"`);
+        await queryRunner.query(`DROP TABLE "users"`);
+        await queryRunner.query(`DROP TABLE "chat"`);
+        await queryRunner.query(`DROP TABLE "texts"`);
+        await queryRunner.query(`DROP TABLE "message_read_status"`);
+        await queryRunner.query(`DROP TABLE "blabs"`);
+        await queryRunner.query(`DROP TABLE "replies"`);
+    }
+
+}
diff --git a/platforms/blabsy-api/src/index.ts b/platforms/blabsy-api/src/index.ts
new file mode 100644
index 00000000..f083feff
--- /dev/null
+++ b/platforms/blabsy-api/src/index.ts
@@ -0,0 +1,122 @@
+import "reflect-metadata";
+import express from "express";
+import cors from "cors";
+import { config } from "dotenv";
+import { AppDataSource } from "./database/data-source";
+import { PostController } from "./controllers/PostController";
+import path from "path";
+import { AuthController } from "./controllers/AuthController";
+import { CommentController } from "./controllers/CommentController";
+import { MessageController } from "./controllers/MessageController";
+import { authMiddleware, authGuard } from "./middleware/auth";
+import { UserController } from "./controllers/UserController";
+
+config({ path: path.resolve(__dirname, "../../../.env") });
+
+const app = express();
+const port = process.env.PORT || 3000;
+
+// Middleware
+app.use(
+    cors({
+        origin: "*",
+        methods: ["GET", "POST", "OPTIONS", "PATCH", "DELETE"],
+        allowedHeaders: ["Content-Type", "Authorization"],
+        credentials: true,
+    }),
+);
+app.use(express.json({ limit: "50mb" }));
+app.use(express.urlencoded({ limit: "50mb", extended: true }));
+
+// Initialize database connection
+AppDataSource.initialize()
+    .then(() => {
+        console.log("Database connection established");
+    })
+    .catch((error) => {
+        console.error("Error connecting to database:", error);
+        process.exit(1);
+    });
+
+// Controllers
+const postController = new PostController();
+const authController = new AuthController();
+const commentController = new CommentController();
+const messageController = new MessageController();
+const userController = new UserController();
+
+// Public routes (no auth required)
+app.get("/api/auth/offer", authController.getOffer);
+app.post("/api/auth", authController.login);
+app.get("/api/auth/sessions/:id", authController.sseStream);
+app.get("/api/chats/:chatId/events", messageController.getChatEvents);
+
+// Protected routes (auth required)
+app.use(authMiddleware); // Apply auth middleware to all routes below
+
+// Blab routes
+app.get("/api/blabs/feed", authGuard, postController.getFeed);
+app.post("/api/blabs", authGuard, postController.createPost);
+app.post("/api/blabs/:id/like", authGuard, postController.toggleLike);
+
+// Reply routes
+app.post("/api/replies", authGuard, commentController.createComment);
+app.get(
+    "/api/blabs/:blabId/replies",
+    authGuard,
+    commentController.getPostComments,
+);
+app.put("/api/replies/:id", authGuard, commentController.updateComment);
+app.delete("/api/replies/:id", authGuard, commentController.deleteComment);
+
+// Chat routes
+app.post("/api/chats", authGuard, messageController.createChat);
+app.get("/api/chats", authGuard, messageController.getUserChats);
+app.get("/api/chats/:chatId", authGuard, messageController.getChat);
+
+// Chat participant routes
+app.post(
+    "/api/chats/:chatId/users",
+    authGuard,
+    messageController.addParticipants,
+);
+app.delete(
+    "/api/chats/:chatId/users/:userId",
+    authGuard,
+    messageController.removeParticipant,
+);
+
+// Chat message routes
+app.post(
+    "/api/chats/:chatId/texts",
+    authGuard,
+    messageController.createMessage,
+);
+app.get("/api/chats/:chatId/texts", authGuard, messageController.getMessages);
+app.delete(
+    "/api/chats/:chatId/texts/:textId",
+    authGuard,
+    messageController.deleteMessage,
+);
+app.post(
+    "/api/chats/:chatId/texts/read",
+    authGuard,
+    messageController.markAsRead,
+);
+app.get(
+    "/api/chats/:chatId/texts/unread",
+    authGuard,
+    messageController.getUnreadCount,
+);
+
+// User routes
+app.get("/api/users", userController.currentUser);
+app.get("/api/users/search", userController.search);
+app.post("/api/users/:id/follow", authGuard, userController.follow);
+app.get("/api/users/:id", authGuard, userController.getProfileById);
+app.patch("/api/users", authGuard, userController.updateProfile);
+
+// Start server
+app.listen(port, () => {
+    console.log(`Server running on port ${port}`);
+});
diff --git a/platforms/blabsy-api/src/middleware/auth.ts b/platforms/blabsy-api/src/middleware/auth.ts
new file mode 100644
index 00000000..fdace1d2
--- /dev/null
+++ b/platforms/blabsy-api/src/middleware/auth.ts
@@ -0,0 +1,46 @@
+import { Request, Response, NextFunction } from "express";
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+import { verifyToken } from "../utils/jwt";
+
+export const authMiddleware = async (
+    req: Request,
+    res: Response,
+    next: NextFunction,
+) => {
+    try {
+        const authHeader = req.headers.authorization;
+        if (!authHeader?.startsWith("Bearer ")) {
+            return res.status(401).json({ error: "No token provided" });
+        }
+
+        const token = authHeader.split(" ")[1];
+        const decoded = verifyToken(token) as { userId: string };
+
+        if (!decoded?.userId) {
+            return res.status(401).json({ error: "Invalid token" });
+        }
+
+        const userRepository = AppDataSource.getRepository(User);
+        const user = await userRepository.findOneBy({ id: decoded.userId });
+
+        if (!user) {
+            return res.status(401).json({ error: "User not found" });
+        }
+
+        req.user = user;
+        console.log("user", user.ename);
+        next();
+    } catch (error) {
+        console.error("Auth middleware error:", error);
+        res.status(401).json({ error: "Invalid token" });
+    }
+};
+
+export const authGuard = (req: Request, res: Response, next: NextFunction) => {
+    if (!req.user) {
+        return res.status(401).json({ error: "Authentication required" });
+    }
+    next();
+};
+
diff --git a/platforms/blabsy-api/src/services/ChatService.ts b/platforms/blabsy-api/src/services/ChatService.ts
new file mode 100644
index 00000000..8839e20b
--- /dev/null
+++ b/platforms/blabsy-api/src/services/ChatService.ts
@@ -0,0 +1,303 @@
+import { AppDataSource } from "../database/data-source";
+import { Chat } from "../database/entities/Chat";
+import { User } from "../database/entities/User";
+import { MessageReadStatus } from "../database/entities/MessageReadStatus";
+import { In } from "typeorm";
+import { EventEmitter } from "events";
+import { Text } from "../database/entities/Text";
+
+export class ChatService {
+    private chatRepository = AppDataSource.getRepository(Chat);
+    private textRepository = AppDataSource.getRepository(Text);
+    private userRepository = AppDataSource.getRepository(User);
+    private messageReadStatusRepository = AppDataSource.getRepository(MessageReadStatus);
+    private eventEmitter = new EventEmitter();
+
+    // Event emitter getter
+    getEventEmitter(): EventEmitter {
+        return this.eventEmitter;
+    }
+
+    // Chat CRUD Operations
+    async createChat(
+        name?: string,
+        participantIds: string[] = [],
+    ): Promise<Chat> {
+        const participants = await this.userRepository.findBy({
+            id: In(participantIds),
+        });
+        if (participants.length !== participantIds.length) {
+            throw new Error("One or more participants not found");
+        }
+
+        const chat = this.chatRepository.create({
+            chatName: name || undefined,
+            users: participants,
+        });
+        return await this.chatRepository.save(chat);
+    }
+
+    async getChatById(id: string): Promise<Chat | null> {
+        return await this.chatRepository.findOne({
+            where: { id },
+            relations: [
+                "texts",
+                "texts.author",
+                "texts.readStatuses",
+                "users",
+            ],
+        });
+    }
+
+    async updateChat(id: string, name: string): Promise<Chat> {
+        const chat = await this.getChatById(id);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+        chat.chatName = name;
+        return await this.chatRepository.save(chat);
+    }
+
+    async deleteChat(id: string): Promise<void> {
+        const chat = await this.getChatById(id);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+        await this.chatRepository.softDelete(id);
+    }
+
+    // Participant Operations
+    async addParticipants(
+        chatId: string,
+        participantIds: string[],
+    ): Promise<Chat> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        const newParticipants = await this.userRepository.findBy({
+            id: In(participantIds),
+        });
+        if (newParticipants.length !== participantIds.length) {
+            throw new Error("One or more participants not found");
+        }
+
+        chat.users = [...chat.users, ...newParticipants];
+        return await this.chatRepository.save(chat);
+    }
+
+    async removeParticipant(chatId: string, userId: string): Promise<Chat> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        chat.users = chat.users.filter((p) => p.id !== userId);
+        return await this.chatRepository.save(chat);
+    }
+
+    // Message Operations
+    async sendMessage(
+        chatId: string,
+        senderId: string,
+        text: string,
+    ): Promise<Text> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        const sender = await this.userRepository.findOneBy({ id: senderId });
+        if (!sender) {
+            throw new Error("Sender not found");
+        }
+
+        // Verify sender is a participant
+        if (!chat.users.some((p) => p.id === senderId)) {
+            throw new Error("Sender is not a participant in this chat");
+        }
+
+        const message = this.textRepository.create({
+             content: text,
+            author: sender,
+            chat,
+        });
+
+        const savedMessage = await this.textRepository.save(message);
+
+        // Create read status entries for all participants except sender
+        const readStatuses = chat.users
+            .filter((p) => p.id !== senderId)
+            .map((user) =>
+                this.messageReadStatusRepository.create({
+                    text: savedMessage,
+                    user,
+                    isRead: false,
+                }),
+            );
+
+        await this.messageReadStatusRepository.save(readStatuses);
+
+        // Emit new message event
+        this.eventEmitter.emit(`chat:${chatId}`, [savedMessage]);
+
+        return savedMessage;
+    }
+
+    async getChatMessages(
+        chatId: string,
+        userId: string,
+        page: number = 1,
+        limit: number = 20,
+    ): Promise<{
+        messages: Text[];
+        total: number;
+        page: number;
+        totalPages: number;
+    }> {
+        const [messages, total] = await this.textRepository.findAndCount({
+            where: { chat: { id: chatId } },
+            relations: ["author", "readStatuses", "readStatuses.user"],
+            order: { createdAt: "ASC" },
+            skip: (page - 1) * limit,
+            take: limit,
+        });
+
+        return {
+            messages,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async markMessagesAsRead(chatId: string, userId: string): Promise<void> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        // Verify user is a participant
+        if (!chat.users.some((p) => p.id === userId)) {
+            throw new Error("User is not a participant in this chat");
+        }
+
+        // First get all message IDs for this chat that were sent by other users
+        const messageIds = await this.textRepository
+            .createQueryBuilder("text")
+            .select("text.id")
+            .where("text.chat.id = :chatId", { chatId })
+            .andWhere("text.author.id != :userId", { userId }) // Only messages not sent by the user
+            .getMany();
+
+        if (messageIds.length === 0) {
+            return; // No messages to mark as read
+        }
+
+        // Then update the read status for these messages
+        await this.messageReadStatusRepository
+            .createQueryBuilder()
+            .update(MessageReadStatus)
+            .set({ isRead: true })
+            .where("text.id IN (:...messageIds)", { messageIds: messageIds.map(m => m.id) })
+            .andWhere("user.id = :userId", { userId })
+            .andWhere("isRead = :isRead", { isRead: false })
+            .execute();
+    }
+
+    async deleteMessage(messageId: string, userId: string): Promise<void> {
+        const message = await this.textRepository.findOne({
+            where: { id: messageId },
+            relations: ["author"],
+        });
+
+        if (!message) {
+            throw new Error("Message not found");
+        }
+
+        if (message.author.id !== userId) {
+            throw new Error("Unauthorized to delete this message");
+        }
+
+        await this.textRepository.softDelete(messageId);
+    }
+
+    // Additional Utility Methods
+    async getUserChats(
+        userId: string,
+        page: number = 1,
+        limit: number = 10,
+    ): Promise<{
+        chats: (Chat & { latestMessage?: { content: string; isRead: boolean } })[];
+        total: number;
+        page: number;
+        totalPages: number;
+    }> {
+        // First, get the chat IDs that the user is part of
+        const [chatIds, total] = await this.chatRepository
+            .createQueryBuilder("chat")
+            .select(["chat.id", "chat.updatedAt"])
+            .innerJoin("chat.users", "users")
+            .where("users.id = :userId", { userId })
+            .orderBy("chat.updatedAt", "DESC")
+            .skip((page - 1) * limit)
+            .take(limit)
+            .getManyAndCount();
+
+        // Then, load the full chat data with all relations
+        const chats = await this.chatRepository.find({
+            where: { id: In(chatIds.map((chat) => chat.id)) },
+            relations: [
+                "users",
+                "texts",
+                "texts.author",
+                "texts.readStatuses",
+                "texts.readStatuses.user",
+            ],
+            order: { updatedAt: "DESC" },
+        });
+
+        // For each chat, get the latest message and its read status
+        const chatsWithLatestMessage = await Promise.all(
+            chats.map(async (chat) => {
+                const latestMessage = chat.texts[chat.texts.length - 1];
+                if (!latestMessage) {
+                    return { ...chat, latestMessage: undefined };
+                }
+
+                const readStatus = latestMessage.readStatuses.find(
+                    (status) => status.user.id === userId
+                );
+
+                return {
+                    ...chat,
+                    latestMessage: {
+                        content: latestMessage.content,
+                        isRead: readStatus?.isRead ?? false,
+                    },
+                };
+            })
+        );
+
+        return {
+            chats: chatsWithLatestMessage,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async getUnreadMessageCount(
+        chatId: string,
+        userId: string,
+    ): Promise<number> {
+        return await this.messageReadStatusRepository.count({
+            where: {
+                text: { chat: { id: chatId } },
+                user: { id: userId },
+                isRead: false,
+            },
+        });
+    }
+}
diff --git a/platforms/blabsy-api/src/services/CommentService.ts b/platforms/blabsy-api/src/services/CommentService.ts
new file mode 100644
index 00000000..935db20b
--- /dev/null
+++ b/platforms/blabsy-api/src/services/CommentService.ts
@@ -0,0 +1,57 @@
+import { AppDataSource } from "../database/data-source";
+import { Reply } from "../database/entities/Reply";
+import { Blab } from "../database/entities/Blab";
+
+export class CommentService {
+    private replyRepository = AppDataSource.getRepository(Reply);
+    private blabRepository = AppDataSource.getRepository(Blab);
+
+    async createComment(blabId: string, authorId: string, text: string): Promise<Reply> {
+        const blab = await this.blabRepository.findOneBy({ id: blabId });
+        if (!blab) {
+            throw new Error('Blab not found');
+        }
+
+        const reply = this.replyRepository.create({
+            text,
+            creator: { id: authorId },
+            blab: { id: blabId }
+        });
+
+        return await this.replyRepository.save(reply);
+    }
+
+    async getPostComments(blabId: string): Promise<Reply[]> {
+        return await this.replyRepository.find({
+            where: { blab: { id: blabId } },
+            relations: ['creator'],
+            order: { createdAt: 'DESC' }
+        });
+    }
+
+    async getCommentById(id: string): Promise<Reply | null> {
+        return await this.replyRepository.findOne({
+            where: { id },
+            relations: ['creator']
+        });
+    }
+
+    async updateComment(id: string, text: string): Promise<Reply> {
+        const reply = await this.getCommentById(id);
+        if (!reply) {
+            throw new Error('Reply not found');
+        }
+
+        reply.text = text;
+        return await this.replyRepository.save(reply);
+    }
+
+    async deleteComment(id: string): Promise<void> {
+        const reply = await this.getCommentById(id);
+        if (!reply) {
+            throw new Error('Reply not found');
+        }
+
+        await this.replyRepository.softDelete(id);
+    }
+} 
\ No newline at end of file
diff --git a/platforms/blabsy-api/src/services/PostService.ts b/platforms/blabsy-api/src/services/PostService.ts
new file mode 100644
index 00000000..d93881f6
--- /dev/null
+++ b/platforms/blabsy-api/src/services/PostService.ts
@@ -0,0 +1,92 @@
+import { AppDataSource } from "../database/data-source";
+import { Blab } from "../database/entities/Blab";
+import { User } from "../database/entities/User";
+import { In } from "typeorm";
+
+interface CreateBlabData {
+    content: string;
+    images?: string[];
+    hashtags?: string[];
+}
+
+export class PostService {
+    private blabRepository = AppDataSource.getRepository(Blab);
+    private userRepository = AppDataSource.getRepository(User);
+
+    async getFollowingFeed(userId: string, page: number, limit: number) {
+        const user = await this.userRepository.findOne({
+            where: { id: userId },
+            relations: ["following"],
+        });
+
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const followingIds = user.following.map((f: User) => f.id);
+        const authorIds = [...followingIds, userId];
+
+        const [blabs, total] = await this.blabRepository.findAndCount({
+            where: {
+                author: { id: In(authorIds) },
+                isArchived: false,
+            },
+            relations: ["author", "likedBy", "replies", "replies.creator"],
+            order: {
+                createdAt: "DESC",
+            },
+            skip: (page - 1) * limit,
+            take: limit,
+        });
+
+        return {
+            blabs,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async createPost(userId: string, data: CreateBlabData) {
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const blab = this.blabRepository.create({
+            author: user,
+            content: data.content,
+            images: data.images || [],
+            hashtags: data.hashtags || [],
+            likedBy: [],
+        });
+
+        return await this.blabRepository.save(blab);
+    }
+
+    async toggleLike(blabId: string, userId: string): Promise<Blab> {
+        const blab = await this.blabRepository.findOne({
+            where: { id: blabId },
+            relations: ["likedBy"],
+        });
+
+        if (!blab) {
+            throw new Error("Blab not found");
+        }
+
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const isLiked = blab.likedBy.some((u) => u.id === userId);
+
+        if (isLiked) {
+            blab.likedBy = blab.likedBy.filter((u) => u.id !== userId);
+        } else {
+            blab.likedBy.push(user);
+        }
+
+        return await this.blabRepository.save(blab);
+    }
+}
diff --git a/platforms/blabsy-api/src/services/UserService.ts b/platforms/blabsy-api/src/services/UserService.ts
new file mode 100644
index 00000000..4e2a93a0
--- /dev/null
+++ b/platforms/blabsy-api/src/services/UserService.ts
@@ -0,0 +1,139 @@
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+import { Blab } from "../database/entities/Blab";
+import { signToken } from "../utils/jwt";
+import { Like } from "typeorm";
+
+export class UserService {
+    private userRepository = AppDataSource.getRepository(User);
+    private blabRepository = AppDataSource.getRepository(Blab);
+
+    async createBlankUser(ename: string): Promise<User> {
+        const user = this.userRepository.create({
+            ename,
+            isVerified: false,
+            isPrivate: false,
+            isArchived: false,
+        });
+
+        return await this.userRepository.save(user);
+    }
+
+    async findOrCreateUser(ename: string): Promise<{ user: User; token: string }> {
+        let user = await this.userRepository.findOne({
+            where: { ename },
+        });
+
+        if (!user) {
+            user = await this.createBlankUser(ename);
+        }
+
+        const token = signToken({ userId: user.id });
+        return { user, token };
+    }
+
+    async findById(id: string): Promise<User | null> {
+        return await this.userRepository.findOneBy({ id });
+    }
+
+    searchUsers = async (query: string) => {
+        const searchQuery = query.toLowerCase();
+
+        return this.userRepository.find({
+            where: [
+                { username: Like(`%${searchQuery}%`) },
+                { ename: Like(`%${searchQuery}%`) },
+            ],
+            select: {
+                id: true,
+                username: true,
+                displayName: true,
+                bio: true,
+                profilePictureUrl: true,
+                isVerified: true,
+            },
+            take: 10,
+        });
+    };
+
+    followUser = async (followerId: string, followingId: string) => {
+        const follower = await this.userRepository.findOne({
+            where: { id: followerId },
+            relations: ["following"],
+        });
+
+        const following = await this.userRepository.findOne({
+            where: { id: followingId },
+        });
+
+        if (!follower || !following) {
+            throw new Error("User not found");
+        }
+
+        if (!follower.following) {
+            follower.following = [];
+        }
+
+        if (follower.following.some((user) => user.id === followingId)) {
+            return follower;
+        }
+
+        follower.following.push(following);
+        return await this.userRepository.save(follower);
+    };
+
+    async getProfileById(userId: string) {
+        const user = await this.userRepository.findOne({
+            where: { id: userId },
+            select: {
+                id: true,
+                username: true,
+                displayName: true,
+                profilePictureUrl: true,
+                followers: true,
+                following: true,
+                bio: true,
+            },
+        });
+
+        if (!user) return null;
+
+        const blabs = await this.blabRepository.find({
+            where: { author: { id: userId } },
+            relations: ["author"],
+            order: { createdAt: "DESC" },
+        });
+
+        return {
+            ...user,
+            totalBlabs: blabs.length,
+            blabs: blabs.map((blab) => ({
+                id: blab.id,
+                avatar: blab.author.profilePictureUrl,
+                userId: blab.author.id,
+                username: blab.author.username,
+                imgUris: blab.images,
+                caption: blab.content,
+                time: blab.createdAt,
+                count: {
+                    likes: blab.likedBy,
+                    replies: blab.replies,
+                },
+            })),
+        };
+    }
+
+    async updateProfile(userId: string, data: { username?: string; profilePictureUrl?: string; displayName?: string }): Promise<User> {
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        if (data.username !== undefined) user.username = data.username;
+        if (data.profilePictureUrl !== undefined) user.profilePictureUrl = data.profilePictureUrl;
+        if (data.displayName !== undefined) user.displayName = data.displayName;
+
+        return await this.userRepository.save(user);
+    }
+}
+
diff --git a/platforms/blabsy-api/src/types/express.d.ts b/platforms/blabsy-api/src/types/express.d.ts
new file mode 100644
index 00000000..8ad6ec48
--- /dev/null
+++ b/platforms/blabsy-api/src/types/express.d.ts
@@ -0,0 +1,9 @@
+import { User } from "../database/entities/User";
+
+declare global {
+    namespace Express {
+        interface Request {
+            user?: User;
+        }
+    }
+} 
\ No newline at end of file
diff --git a/platforms/blabsy-api/src/utils/jwt.ts b/platforms/blabsy-api/src/utils/jwt.ts
new file mode 100644
index 00000000..4cebfb90
--- /dev/null
+++ b/platforms/blabsy-api/src/utils/jwt.ts
@@ -0,0 +1,15 @@
+import jwt from 'jsonwebtoken';
+
+const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key';
+
+export const signToken = (payload: any): string => {
+    return jwt.sign(payload, JWT_SECRET, { expiresIn: '7d' });
+};
+
+export const verifyToken = (token: string): any => {
+    try {
+        return jwt.verify(token, JWT_SECRET);
+    } catch (error) {
+        throw new Error('Invalid token');
+    }
+}; 
\ No newline at end of file
diff --git a/platforms/blabsy-api/tsconfig.json b/platforms/blabsy-api/tsconfig.json
new file mode 100644
index 00000000..733170be
--- /dev/null
+++ b/platforms/blabsy-api/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "commonjs",
+        "lib": ["ES2020"],
+        "sourceMap": true,
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "strict": true,
+        "moduleResolution": "node",
+        "baseUrl": "./src",
+        "esModuleInterop": true,
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "typeRoots": [
+          "./src/types",
+          "./node_modules/@types"
+        ]
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules", "dist"]
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/package.json b/platforms/pictique-api/package.json
new file mode 100644
index 00000000..8a1fe477
--- /dev/null
+++ b/platforms/pictique-api/package.json
@@ -0,0 +1,41 @@
+{
+    "name": "piqtique-api",
+    "version": "1.0.0",
+    "description": "Piqtique Social Media Platform API",
+    "main": "src/index.ts",
+    "scripts": {
+        "start": "ts-node src/index.ts",
+        "dev": "nodemon --exec ts-node src/index.ts",
+        "build": "tsc",
+        "typeorm": "typeorm-ts-node-commonjs",
+        "migration:generate": "npm run typeorm migration:generate -- -d src/database/data-source.ts",
+        "migration:run": "npm run typeorm migration:run -- -d src/database/data-source.ts",
+        "migration:revert": "npm run typeorm migration:revert -- -d src/database/data-source.ts"
+    },
+    "dependencies": {
+        "axios": "^1.6.7",
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "eventsource-polyfill": "^0.9.6",
+        "express": "^4.18.2",
+        "jsonwebtoken": "^9.0.2",
+        "pg": "^8.11.3",
+        "reflect-metadata": "^0.2.1",
+        "typeorm": "^0.3.20",
+        "uuid": "^9.0.1"
+    },
+    "devDependencies": {
+        "@types/cors": "^2.8.17",
+        "@types/express": "^4.17.21",
+        "@types/jsonwebtoken": "^9.0.5",
+        "@types/node": "^20.11.24",
+        "@types/pg": "^8.11.2",
+        "@types/uuid": "^9.0.8",
+        "@typescript-eslint/eslint-plugin": "^7.0.1",
+        "@typescript-eslint/parser": "^7.0.1",
+        "eslint": "^8.56.0",
+        "nodemon": "^3.0.3",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.3.3"
+    }
+}
diff --git a/platforms/pictique-api/src/controllers/AuthController.ts b/platforms/pictique-api/src/controllers/AuthController.ts
new file mode 100644
index 00000000..2770f77d
--- /dev/null
+++ b/platforms/pictique-api/src/controllers/AuthController.ts
@@ -0,0 +1,91 @@
+import { Request, Response } from "express";
+import { v4 as uuidv4 } from "uuid";
+import { UserService } from "../services/UserService";
+import { EventEmitter } from "events";
+export class AuthController {
+    private userService: UserService;
+    private eventEmitter: EventEmitter;
+
+    constructor() {
+        this.userService = new UserService();
+        this.eventEmitter = new EventEmitter();
+    }
+
+    sseStream = async (req: Request, res: Response) => {
+        const { id } = req.params;
+
+        // Set headers for SSE
+        res.writeHead(200, {
+            "Content-Type": "text/event-stream",
+            "Cache-Control": "no-cache",
+            Connection: "keep-alive",
+            "Access-Control-Allow-Origin": "*",
+        });
+
+        const handler = (data: any) => {
+            res.write(`data: ${JSON.stringify(data)}\n\n`);
+        };
+
+        this.eventEmitter.on(id, handler);
+
+        // Handle client disconnect
+        req.on("close", () => {
+            this.eventEmitter.off(id, handler);
+            res.end();
+        });
+
+        req.on("error", (error) => {
+            console.error("SSE Error:", error);
+            this.eventEmitter.off(id, handler);
+            res.end();
+        });
+    };
+
+    getOffer = async (req: Request, res: Response) => {
+        const url = new URL(
+            "/api/auth",
+            process.env.PUBLIC_PICTIQUE_BASE_URL,
+        ).toString();
+        const session = uuidv4();
+        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=pictique`;
+        res.json({ uri: offer });
+    };
+
+    getOfferBlab = async (req: Request, res: Response) => {
+        const url = new URL(
+            "/api/auth",
+            process.env.PUBLIC_PICTIQUE_BASE_URL,
+        ).toString();
+        const session = uuidv4();
+        const offer = `w3ds://auth?redirect=${url}&session=${session}&platform=blabsy`;
+        res.json({ uri: offer });
+    };
+
+    login = async (req: Request, res: Response) => {
+        try {
+            const { ename, session } = req.body;
+
+            if (!ename) {
+                return res.status(400).json({ error: "ename is required" });
+            }
+
+            const { user, token } =
+                await this.userService.findOrCreateUser(ename);
+
+            const data = {
+                user: {
+                    id: user.id,
+                    ename: user.ename,
+                    isVerified: user.isVerified,
+                    isPrivate: user.isPrivate,
+                },
+                token,
+            };
+            this.eventEmitter.emit(session, data);
+            res.status(200).send();
+        } catch (error) {
+            console.error("Error during login:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/pictique-api/src/controllers/CommentController.ts b/platforms/pictique-api/src/controllers/CommentController.ts
new file mode 100644
index 00000000..309ac3ea
--- /dev/null
+++ b/platforms/pictique-api/src/controllers/CommentController.ts
@@ -0,0 +1,93 @@
+import { Request, Response } from "express";
+import { CommentService } from "../services/CommentService";
+
+export class CommentController {
+    private commentService: CommentService;
+
+    constructor() {
+        this.commentService = new CommentService();
+    }
+
+    createComment = async (req: Request, res: Response) => {
+        try {
+            const { postId, text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const comment = await this.commentService.createComment(postId, userId, text);
+            res.status(201).json(comment);
+        } catch (error) {
+            console.error("Error creating comment:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getPostComments = async (req: Request, res: Response) => {
+        try {
+            const { postId } = req.params;
+            const comments = await this.commentService.getPostComments(postId);
+            res.json(comments);
+        } catch (error) {
+            console.error("Error fetching comments:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    updateComment = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const { text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const comment = await this.commentService.getCommentById(id);
+
+            if (!comment) {
+                return res.status(404).json({ error: "Comment not found" });
+            }
+
+            if (comment.author.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            const updatedComment = await this.commentService.updateComment(id, text);
+            res.json(updatedComment);
+        } catch (error) {
+            console.error("Error updating comment:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    deleteComment = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const comment = await this.commentService.getCommentById(id);
+
+            if (!comment) {
+                return res.status(404).json({ error: "Comment not found" });
+            }
+
+            if (comment.author.id !== userId) {
+                return res.status(403).json({ error: "Forbidden" });
+            }
+
+            await this.commentService.deleteComment(id);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error deleting comment:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/src/controllers/MessageController.ts b/platforms/pictique-api/src/controllers/MessageController.ts
new file mode 100644
index 00000000..4f37308c
--- /dev/null
+++ b/platforms/pictique-api/src/controllers/MessageController.ts
@@ -0,0 +1,340 @@
+import { Request, Response } from "express";
+import { ChatService } from "../services/ChatService";
+import { verifyToken } from "../utils/jwt";
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+
+export class MessageController {
+    private chatService = new ChatService();
+
+    // Chat Operations
+    createChat = async (req: Request, res: Response) => {
+        try {
+            const { name, participantIds } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            // Ensure the creator is included in participants
+            const allParticipants = [
+                ...new Set([userId, ...(participantIds || [])]),
+            ];
+            const chat = await this.chatService.createChat(
+                name,
+                allParticipants,
+            );
+            res.status(201).json(chat);
+        } catch (error) {
+            console.error("Error creating chat:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getChat = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 20;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const chat = await this.chatService.getChatById(chatId);
+            if (!chat) {
+                return res.status(404).json({ error: "Chat not found" });
+            }
+
+            // Verify user is a participant
+            if (!chat.participants.some((p) => p.id === userId)) {
+                return res
+                    .status(403)
+                    .json({ error: "Not a participant in this chat" });
+            }
+
+            // Get messages for the chat
+            const messages = await this.chatService.getChatMessages(
+                chatId,
+                userId,
+                page,
+                limit,
+            );
+
+            res.json({
+                ...chat,
+                messages: messages.messages,
+                messagesTotal: messages.total,
+                messagesPage: messages.page,
+                messagesTotalPages: messages.totalPages,
+            });
+        } catch (error) {
+            console.error("Error fetching chat:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getUserChats = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const result = await this.chatService.getUserChats(
+                userId,
+                page,
+                limit,
+            );
+
+            // Transform the response to include only necessary data
+            const transformedChats = result.chats.map((chat) => ({
+                id: chat.id,
+                name: chat.name,
+                participants: chat.participants.map((p) => ({
+                    id: p.id,
+                    handle: p.handle,
+                    name: p.name,
+                    avatarUrl: p.avatarUrl,
+                })),
+                latestMessage: chat.latestMessage,
+                updatedAt: chat.updatedAt,
+            }));
+
+            res.json({
+                ...result,
+                chats: transformedChats,
+            });
+        } catch (error) {
+            console.error("Error fetching user chats:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    // Chat Participant Operations
+    addParticipants = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const { participantIds } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const chat = await this.chatService.addParticipants(
+                chatId,
+                participantIds,
+            );
+            res.json(chat);
+        } catch (error) {
+            console.error("Error adding participants:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    removeParticipant = async (req: Request, res: Response) => {
+        try {
+            const { chatId, userId } = req.params;
+            const currentUserId = req.user?.id;
+
+            if (!currentUserId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const chat = await this.chatService.removeParticipant(
+                chatId,
+                userId,
+            );
+            res.json(chat);
+        } catch (error) {
+            console.error("Error removing participant:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    // Message Operations (as sub-resources of Chat)
+    createMessage = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const { text } = req.body;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+            console.log("asdfasd");
+
+            const message = await this.chatService.sendMessage(
+                chatId,
+                userId,
+                text,
+            );
+            res.status(201).json(message);
+        } catch (error) {
+            console.error("Error sending message:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getMessages = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 20;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const result = await this.chatService.getChatMessages(
+                chatId,
+                userId,
+                page,
+                limit,
+            );
+            res.json(result);
+        } catch (error) {
+            console.error("Error fetching messages:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    markAsRead = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            await this.chatService.markMessagesAsRead(chatId, userId);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error marking messages as read:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    deleteMessage = async (req: Request, res: Response) => {
+        try {
+            const { chatId, messageId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            await this.chatService.deleteMessage(messageId, userId);
+            res.status(204).send();
+        } catch (error) {
+            console.error("Error deleting message:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    getUnreadCount = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const count = await this.chatService.getUnreadMessageCount(
+                chatId,
+                userId,
+            );
+            res.json({ count });
+        } catch (error) {
+            console.error("Error getting unread count:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    // SSE route for chat events
+    getChatEvents = async (req: Request, res: Response) => {
+        try {
+            const { chatId } = req.params;
+            const token = req.query.token;
+            if (!token)
+                return res.status(400).json({ error: "token is required" });
+
+            const decoded = verifyToken(token as string) as { userId: string };
+
+            if (!decoded?.userId) {
+                return res.status(401).json({ error: "Invalid token" });
+            }
+
+            const userRepository = AppDataSource.getRepository(User);
+            const user = await userRepository.findOneBy({ id: decoded.userId });
+            if (!user) return res.status(401).json({ error: "Invalid token" });
+            const userId = user.id;
+
+            // Verify user is a participant
+            const chat = await this.chatService.getChatById(chatId);
+            if (!chat) {
+                return res.status(404).json({ error: "Chat not found" });
+            }
+
+            if (!chat.participants.some((p) => p.id === userId)) {
+                return res
+                    .status(403)
+                    .json({ error: "Not a participant in this chat" });
+            }
+
+            // Set SSE headers
+            res.writeHead(200, {
+                "Content-Type": "text/event-stream",
+                "Cache-Control": "no-cache",
+                Connection: "keep-alive",
+            });
+
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 2000;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            // Get messages for the chat
+            const messages = await this.chatService.getChatMessages(
+                chatId,
+                userId,
+                page,
+                limit,
+            );
+
+            // Send initial connection message
+            res.write(`data: ${JSON.stringify(messages.messages)}\n\n`);
+
+            // Create event listener for this chat
+            const eventEmitter = this.chatService.getEventEmitter();
+            const eventName = `chat:${chatId}`;
+
+            const messageHandler = (data: any) => {
+                res.write(`data: ${JSON.stringify(data)}\n\n`);
+            };
+
+            // Add event listener
+            eventEmitter.on(eventName, messageHandler);
+
+            // Handle client disconnect
+            req.on("close", () => {
+                eventEmitter.off(eventName, messageHandler);
+                res.end();
+            });
+        } catch (error) {
+            console.error("Error setting up chat events:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/pictique-api/src/controllers/PostController.ts b/platforms/pictique-api/src/controllers/PostController.ts
new file mode 100644
index 00000000..d33bb565
--- /dev/null
+++ b/platforms/pictique-api/src/controllers/PostController.ts
@@ -0,0 +1,73 @@
+import { Request, Response } from "express";
+import { PostService } from "../services/PostService";
+
+export class PostController {
+    private postService: PostService;
+
+    constructor() {
+        this.postService = new PostService();
+    }
+
+    getFeed = async (req: Request, res: Response) => {
+        try {
+            // @ts-ignore
+            const userId = req.user?.id; // Assuming you have authentication middleware
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const page = parseInt(req.query.page as string) || 1;
+            const limit = parseInt(req.query.limit as string) || 10;
+
+            const feed = await this.postService.getFollowingFeed(
+                userId,
+                page,
+                limit,
+            );
+            res.json(feed);
+        } catch (error) {
+            console.error("Error fetching feed:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    createPost = async (req: Request, res: Response) => {
+        try {
+            // @ts-ignore
+            const userId = req.user?.id;
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const { text, images, hashtags } = req.body;
+            const post = await this.postService.createPost(userId, {
+                text,
+                images,
+                hashtags,
+            });
+
+            res.status(201).json(post);
+        } catch (error) {
+            console.error("Error creating post:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    toggleLike = async (req: Request, res: Response) => {
+        try {
+            const { id: postId } = req.params;
+            const userId = req.user?.id;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const post = await this.postService.toggleLike(postId, userId);
+            console.log(post);
+            res.json(post);
+        } catch (error) {
+            console.error("Error toggling like:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/pictique-api/src/controllers/UserController.ts b/platforms/pictique-api/src/controllers/UserController.ts
new file mode 100644
index 00000000..f10ef9f0
--- /dev/null
+++ b/platforms/pictique-api/src/controllers/UserController.ts
@@ -0,0 +1,96 @@
+import { Request, Response } from "express";
+import { UserService } from "../services/UserService";
+
+export class UserController {
+    private userService: UserService;
+
+    constructor() {
+        this.userService = new UserService();
+    }
+
+    currentUser = async (req: Request, res: Response) => {
+        res.json(req.user);
+    };
+
+    getProfileById = async (req: Request, res: Response) => {
+        try {
+            const { id } = req.params;
+
+            if (!id) {
+                return res.status(400).json({ error: "User ID is required" });
+            }
+
+            const profile = await this.userService.getProfileById(id);
+            if (!profile) {
+                return res.status(404).json({ error: "User not found" });
+            }
+
+            res.json(profile);
+        } catch (error) {
+            console.error("Error fetching user profile:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    search = async (req: Request, res: Response) => {
+        try {
+            const { q } = req.query;
+
+            if (!q || typeof q !== "string") {
+                return res
+                    .status(400)
+                    .json({ error: "Search query is required" });
+            }
+
+            const users = await this.userService.searchUsers(q);
+            res.json(users);
+        } catch (error) {
+            console.error("Error searching users:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    follow = async (req: Request, res: Response) => {
+        try {
+            const followerId = req.user?.id;
+            const { id: followingId } = req.params;
+
+            if (!followerId || !followingId) {
+                return res
+                    .status(400)
+                    .json({ error: "Missing required fields" });
+            }
+
+            const updatedUser = await this.userService.followUser(
+                followerId,
+                followingId,
+            );
+            res.json(updatedUser);
+        } catch (error) {
+            console.error("Error following user:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+
+    updateProfile = async (req: Request, res: Response) => {
+        try {
+            const userId = req.user?.id;
+            const { handle, avatar, name } = req.body;
+
+            if (!userId) {
+                return res.status(401).json({ error: "Unauthorized" });
+            }
+
+            const updatedUser = await this.userService.updateProfile(userId, {
+                handle,
+                avatarUrl: avatar,
+                name
+            });
+
+            res.json(updatedUser);
+        } catch (error) {
+            console.error("Error updating user profile:", error);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    };
+}
diff --git a/platforms/pictique-api/src/database/data-source.ts b/platforms/pictique-api/src/database/data-source.ts
new file mode 100644
index 00000000..afde67f9
--- /dev/null
+++ b/platforms/pictique-api/src/database/data-source.ts
@@ -0,0 +1,22 @@
+import "reflect-metadata";
+import { DataSource } from "typeorm";
+import { config } from "dotenv";
+import { User } from "./entities/User";
+import { Post } from "./entities/Post";
+import { Comment } from "./entities/Comment";
+import { Message } from "./entities/Message";
+import path from "path";
+import { Chat } from "./entities/Chat";
+import { MessageReadStatus } from "./entities/MessageReadStatus";
+
+config({ path: path.resolve(__dirname, "../../../../.env") });
+
+export const AppDataSource = new DataSource({
+    type: "postgres",
+    url: process.env.PICTIQUE_DATABASE_URL,
+    synchronize: false,
+    logging: process.env.NODE_ENV === "development",
+    entities: [User, Post, Comment, Message, Chat, MessageReadStatus],
+    migrations: ["src/database/migrations/*.ts"],
+    subscribers: [],
+});
diff --git a/platforms/pictique-api/src/database/entities/Chat.ts b/platforms/pictique-api/src/database/entities/Chat.ts
new file mode 100644
index 00000000..5ba1a4f1
--- /dev/null
+++ b/platforms/pictique-api/src/database/entities/Chat.ts
@@ -0,0 +1,38 @@
+import {
+    Entity,
+    CreateDateColumn,
+    UpdateDateColumn,
+    PrimaryGeneratedColumn,
+    Column,
+    OneToMany,
+    ManyToMany,
+    JoinTable,
+} from "typeorm";
+import { Message } from "./Message";
+import { User } from "./User";
+
+@Entity()
+export class Chat {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ nullable: true })
+    name!: string;
+
+    @OneToMany(() => Message, (e) => e.chat)
+    messages!: Message[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "chat_participants",
+        joinColumn: { name: "chat_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    participants!: User[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+}
diff --git a/platforms/pictique-api/src/database/entities/Comment.ts b/platforms/pictique-api/src/database/entities/Comment.ts
new file mode 100644
index 00000000..1f3157b2
--- /dev/null
+++ b/platforms/pictique-api/src/database/entities/Comment.ts
@@ -0,0 +1,35 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable } from "typeorm";
+import { User } from "./User";
+import { Post } from "./Post";
+
+@Entity("comments")
+export class Comment {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.comments)
+    author!: User;
+
+    @ManyToOne(() => Post, (post: Post) => post.comments)
+    post!: Post;
+
+    @Column("text")
+    text!: string;
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "comment_likes",
+        joinColumn: { name: "comment_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    likedBy!: User[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/src/database/entities/Message.ts b/platforms/pictique-api/src/database/entities/Message.ts
new file mode 100644
index 00000000..0f67cdbf
--- /dev/null
+++ b/platforms/pictique-api/src/database/entities/Message.ts
@@ -0,0 +1,39 @@
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    ManyToOne,
+    OneToMany,
+} from "typeorm";
+import { User } from "./User";
+import { Chat } from "./Chat";
+import { MessageReadStatus } from "./MessageReadStatus";
+
+@Entity("messages")
+export class Message {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User)
+    sender!: User;
+
+    @Column("text")
+    text!: string;
+
+    @ManyToOne(() => Chat, (e) => e.messages)
+    chat!: Chat;
+
+    @OneToMany(() => MessageReadStatus, (status) => status.message)
+    readStatuses!: MessageReadStatus[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+}
diff --git a/platforms/pictique-api/src/database/entities/MessageReadStatus.ts b/platforms/pictique-api/src/database/entities/MessageReadStatus.ts
new file mode 100644
index 00000000..e1674a5a
--- /dev/null
+++ b/platforms/pictique-api/src/database/entities/MessageReadStatus.ts
@@ -0,0 +1,31 @@
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    ManyToOne,
+} from "typeorm";
+import { Message } from "./Message";
+import { User } from "./User";
+
+@Entity("message_read_status")
+export class MessageReadStatus {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => Message)
+    message!: Message;
+
+    @ManyToOne(() => User)
+    user!: User;
+
+    @Column({ default: false })
+    isRead!: boolean;
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/src/database/entities/Post.ts b/platforms/pictique-api/src/database/entities/Post.ts
new file mode 100644
index 00000000..c9aecc73
--- /dev/null
+++ b/platforms/pictique-api/src/database/entities/Post.ts
@@ -0,0 +1,41 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, ManyToOne, ManyToMany, JoinTable, OneToMany } from "typeorm";
+import { User } from "./User";
+import { Comment } from "./Comment";
+
+@Entity("posts")
+export class Post {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @ManyToOne(() => User, (user: User) => user.posts)
+    author!: User;
+
+    @Column("text")
+    text!: string; // was content
+
+    @Column("simple-array", { nullable: true })
+    images!: string[]; // was mediaUrls
+
+    @OneToMany(() => Comment, (comment: Comment) => comment.post)
+    comments!: Comment[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "post_likes",
+        joinColumn: { name: "post_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "user_id", referencedColumnName: "id" }
+    })
+    likedBy!: User[]; // was likes
+
+    @Column("simple-array", { nullable: true })
+    hashtags!: string[]; // was tags
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean; // was isDeleted
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/src/database/entities/User.ts b/platforms/pictique-api/src/database/entities/User.ts
new file mode 100644
index 00000000..060506f1
--- /dev/null
+++ b/platforms/pictique-api/src/database/entities/User.ts
@@ -0,0 +1,77 @@
+import {
+    Entity,
+    PrimaryGeneratedColumn,
+    Column,
+    CreateDateColumn,
+    UpdateDateColumn,
+    OneToMany,
+    ManyToMany,
+    JoinTable,
+} from "typeorm";
+import { Post } from "./Post";
+import { Comment } from "./Comment";
+import { Chat } from "./Chat";
+
+@Entity("users")
+export class User {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ nullable: true })
+    handle!: string;
+
+    @Column({ nullable: true })
+    name!: string;
+
+    @Column({ nullable: true })
+    description!: string;
+
+    @Column({ nullable: true })
+    avatarUrl!: string;
+
+    @Column({ nullable: true })
+    bannerUrl!: string;
+
+    @Column({ nullable: true })
+    ename!: string;
+
+    @Column({ default: false })
+    isVerified!: boolean;
+
+    @Column({ default: false })
+    isPrivate!: boolean;
+
+    @OneToMany(() => Post, (post: Post) => post.author)
+    posts!: Post[];
+
+    @OneToMany(() => Comment, (comment: Comment) => comment.author)
+    comments!: Comment[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "user_followers",
+        joinColumn: { name: "user_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "follower_id", referencedColumnName: "id" },
+    })
+    followers!: User[];
+
+    @ManyToMany(() => User)
+    @JoinTable({
+        name: "user_following",
+        joinColumn: { name: "user_id", referencedColumnName: "id" },
+        inverseJoinColumn: { name: "following_id", referencedColumnName: "id" },
+    })
+    following!: User[];
+
+    @ManyToMany(() => Chat, (chat) => chat.participants)
+    chats!: Chat[];
+
+    @CreateDateColumn()
+    createdAt!: Date;
+
+    @UpdateDateColumn()
+    updatedAt!: Date;
+
+    @Column({ default: false })
+    isArchived!: boolean;
+}
diff --git a/platforms/pictique-api/src/database/migrations/1749032877158-migration.ts b/platforms/pictique-api/src/database/migrations/1749032877158-migration.ts
new file mode 100644
index 00000000..3a9160cc
--- /dev/null
+++ b/platforms/pictique-api/src/database/migrations/1749032877158-migration.ts
@@ -0,0 +1,70 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class Migration1749032877158 implements MigrationInterface {
+    name = 'Migration1749032877158'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`CREATE TABLE "comments" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, "postId" uuid, CONSTRAINT "PK_8bf68bc960f2b69e818bdb90dcb" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "posts" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "images" text, "hashtags" text, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "authorId" uuid, CONSTRAINT "PK_2829ac61eff60fcec60d7274b9e" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "messages" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "text" text NOT NULL, "isRead" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, "senderId" uuid, "recipientId" uuid, CONSTRAINT "PK_18325f38ae6de43878487eff986" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "users" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "handle" character varying, "name" character varying, "description" character varying, "avatarUrl" character varying, "bannerUrl" character varying, "ename" character varying, "isVerified" boolean NOT NULL DEFAULT false, "isPrivate" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "isArchived" boolean NOT NULL DEFAULT false, CONSTRAINT "PK_a3ffb1c0c8416b9fc6f907b7433" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "comment_likes" ("comment_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_660059072f131c773be5f37c475" PRIMARY KEY ("comment_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_2073bf518ef7017ec19319a65e" ON "comment_likes" ("comment_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_bdba9a10c64ff58d36b09e3ac4" ON "comment_likes" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "post_likes" ("post_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_8f64693922a9e8c4e2605850d0b" PRIMARY KEY ("post_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_b40d37469c501092203d285af8" ON "post_likes" ("post_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_9b9a7fc5eeff133cf71b8e06a7" ON "post_likes" ("user_id") `);
+        await queryRunner.query(`CREATE TABLE "user_followers" ("user_id" uuid NOT NULL, "follower_id" uuid NOT NULL, CONSTRAINT "PK_d7b47e785d7dbc74b2f22f30045" PRIMARY KEY ("user_id", "follower_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_a59d62cda8101214445e295cdc" ON "user_followers" ("user_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_da722d93356ae3119d6be40d98" ON "user_followers" ("follower_id") `);
+        await queryRunner.query(`CREATE TABLE "user_following" ("user_id" uuid NOT NULL, "following_id" uuid NOT NULL, CONSTRAINT "PK_5d7e9a83ee6f9b806d569068a30" PRIMARY KEY ("user_id", "following_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_a28a2c27629ac06a41720d01c3" ON "user_following" ("user_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_94e1183284db3e697031eb7775" ON "user_following" ("following_id") `);
+        await queryRunner.query(`ALTER TABLE "comments" ADD CONSTRAINT "FK_4548cc4a409b8651ec75f70e280" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "comments" ADD CONSTRAINT "FK_e44ddaaa6d058cb4092f83ad61f" FOREIGN KEY ("postId") REFERENCES "posts"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "posts" ADD CONSTRAINT "FK_c5a322ad12a7bf95460c958e80e" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_2db9cf2b3ca111742793f6c37ce" FOREIGN KEY ("senderId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5" FOREIGN KEY ("recipientId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" ADD CONSTRAINT "FK_2073bf518ef7017ec19319a65e5" FOREIGN KEY ("comment_id") REFERENCES "comments"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" ADD CONSTRAINT "FK_bdba9a10c64ff58d36b09e3ac45" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "post_likes" ADD CONSTRAINT "FK_b40d37469c501092203d285af80" FOREIGN KEY ("post_id") REFERENCES "posts"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "post_likes" ADD CONSTRAINT "FK_9b9a7fc5eeff133cf71b8e06a7b" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_a59d62cda8101214445e295cdc8" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_followers" ADD CONSTRAINT "FK_da722d93356ae3119d6be40d988" FOREIGN KEY ("follower_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_a28a2c27629ac06a41720d01c30" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "user_following" ADD CONSTRAINT "FK_94e1183284db3e697031eb7775d" FOREIGN KEY ("following_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_94e1183284db3e697031eb7775d"`);
+        await queryRunner.query(`ALTER TABLE "user_following" DROP CONSTRAINT "FK_a28a2c27629ac06a41720d01c30"`);
+        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_da722d93356ae3119d6be40d988"`);
+        await queryRunner.query(`ALTER TABLE "user_followers" DROP CONSTRAINT "FK_a59d62cda8101214445e295cdc8"`);
+        await queryRunner.query(`ALTER TABLE "post_likes" DROP CONSTRAINT "FK_9b9a7fc5eeff133cf71b8e06a7b"`);
+        await queryRunner.query(`ALTER TABLE "post_likes" DROP CONSTRAINT "FK_b40d37469c501092203d285af80"`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" DROP CONSTRAINT "FK_bdba9a10c64ff58d36b09e3ac45"`);
+        await queryRunner.query(`ALTER TABLE "comment_likes" DROP CONSTRAINT "FK_2073bf518ef7017ec19319a65e5"`);
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5"`);
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_2db9cf2b3ca111742793f6c37ce"`);
+        await queryRunner.query(`ALTER TABLE "posts" DROP CONSTRAINT "FK_c5a322ad12a7bf95460c958e80e"`);
+        await queryRunner.query(`ALTER TABLE "comments" DROP CONSTRAINT "FK_e44ddaaa6d058cb4092f83ad61f"`);
+        await queryRunner.query(`ALTER TABLE "comments" DROP CONSTRAINT "FK_4548cc4a409b8651ec75f70e280"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_94e1183284db3e697031eb7775"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_a28a2c27629ac06a41720d01c3"`);
+        await queryRunner.query(`DROP TABLE "user_following"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_da722d93356ae3119d6be40d98"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_a59d62cda8101214445e295cdc"`);
+        await queryRunner.query(`DROP TABLE "user_followers"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_9b9a7fc5eeff133cf71b8e06a7"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_b40d37469c501092203d285af8"`);
+        await queryRunner.query(`DROP TABLE "post_likes"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_bdba9a10c64ff58d36b09e3ac4"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_2073bf518ef7017ec19319a65e"`);
+        await queryRunner.query(`DROP TABLE "comment_likes"`);
+        await queryRunner.query(`DROP TABLE "users"`);
+        await queryRunner.query(`DROP TABLE "messages"`);
+        await queryRunner.query(`DROP TABLE "posts"`);
+        await queryRunner.query(`DROP TABLE "comments"`);
+    }
+
+}
diff --git a/platforms/pictique-api/src/database/migrations/1749281568709-migration.ts b/platforms/pictique-api/src/database/migrations/1749281568709-migration.ts
new file mode 100644
index 00000000..d5094f6d
--- /dev/null
+++ b/platforms/pictique-api/src/database/migrations/1749281568709-migration.ts
@@ -0,0 +1,20 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class Migration1749281568709 implements MigrationInterface {
+    name = 'Migration1749281568709'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5"`);
+        await queryRunner.query(`ALTER TABLE "messages" RENAME COLUMN "recipientId" TO "chatId"`);
+        await queryRunner.query(`CREATE TABLE "chat" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "name" character varying, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), CONSTRAINT "PK_9d0b2ba74336710fd31154738a5" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_36bc604c820bb9adc4c75cd4115" FOREIGN KEY ("chatId") REFERENCES "chat"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "messages" DROP CONSTRAINT "FK_36bc604c820bb9adc4c75cd4115"`);
+        await queryRunner.query(`DROP TABLE "chat"`);
+        await queryRunner.query(`ALTER TABLE "messages" RENAME COLUMN "chatId" TO "recipientId"`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD CONSTRAINT "FK_f548818d46a1315d4e1d5e62da5" FOREIGN KEY ("recipientId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+    }
+
+}
diff --git a/platforms/pictique-api/src/database/migrations/1749283608071-migration.ts b/platforms/pictique-api/src/database/migrations/1749283608071-migration.ts
new file mode 100644
index 00000000..83186fce
--- /dev/null
+++ b/platforms/pictique-api/src/database/migrations/1749283608071-migration.ts
@@ -0,0 +1,30 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class Migration1749283608071 implements MigrationInterface {
+    name = 'Migration1749283608071'
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`CREATE TABLE "message_read_status" ("id" uuid NOT NULL DEFAULT uuid_generate_v4(), "isRead" boolean NOT NULL DEFAULT false, "createdAt" TIMESTAMP NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP NOT NULL DEFAULT now(), "messageId" uuid, "userId" uuid, CONSTRAINT "PK_258e8d92b4e212a121dc10a74d3" PRIMARY KEY ("id"))`);
+        await queryRunner.query(`CREATE TABLE "chat_participants" ("chat_id" uuid NOT NULL, "user_id" uuid NOT NULL, CONSTRAINT "PK_36c99e4a017767179cc49d0ac74" PRIMARY KEY ("chat_id", "user_id"))`);
+        await queryRunner.query(`CREATE INDEX "IDX_9946d299e9ccfbee23aa40c554" ON "chat_participants" ("chat_id") `);
+        await queryRunner.query(`CREATE INDEX "IDX_b4129b3e21906ca57b503a1d83" ON "chat_participants" ("user_id") `);
+        await queryRunner.query(`ALTER TABLE "messages" DROP COLUMN "isRead"`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" ADD CONSTRAINT "FK_ab27ff20485b9afa15f7e3d1ca8" FOREIGN KEY ("messageId") REFERENCES "messages"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" ADD CONSTRAINT "FK_00956f27e567b20ea63956a94da" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE NO ACTION ON UPDATE NO ACTION`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" ADD CONSTRAINT "FK_9946d299e9ccfbee23aa40c5545" FOREIGN KEY ("chat_id") REFERENCES "chat"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" ADD CONSTRAINT "FK_b4129b3e21906ca57b503a1d834" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE`);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TABLE "chat_participants" DROP CONSTRAINT "FK_b4129b3e21906ca57b503a1d834"`);
+        await queryRunner.query(`ALTER TABLE "chat_participants" DROP CONSTRAINT "FK_9946d299e9ccfbee23aa40c5545"`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" DROP CONSTRAINT "FK_00956f27e567b20ea63956a94da"`);
+        await queryRunner.query(`ALTER TABLE "message_read_status" DROP CONSTRAINT "FK_ab27ff20485b9afa15f7e3d1ca8"`);
+        await queryRunner.query(`ALTER TABLE "messages" ADD "isRead" boolean NOT NULL DEFAULT false`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_b4129b3e21906ca57b503a1d83"`);
+        await queryRunner.query(`DROP INDEX "public"."IDX_9946d299e9ccfbee23aa40c554"`);
+        await queryRunner.query(`DROP TABLE "chat_participants"`);
+        await queryRunner.query(`DROP TABLE "message_read_status"`);
+    }
+
+}
diff --git a/platforms/pictique-api/src/index.ts b/platforms/pictique-api/src/index.ts
new file mode 100644
index 00000000..ff233dc6
--- /dev/null
+++ b/platforms/pictique-api/src/index.ts
@@ -0,0 +1,126 @@
+import "reflect-metadata";
+import express from "express";
+import cors from "cors";
+import { config } from "dotenv";
+import { AppDataSource } from "./database/data-source";
+import { PostController } from "./controllers/PostController";
+import path from "path";
+import { AuthController } from "./controllers/AuthController";
+import { CommentController } from "./controllers/CommentController";
+import { MessageController } from "./controllers/MessageController";
+import { authMiddleware, authGuard } from "./middleware/auth";
+import { UserController } from "./controllers/UserController";
+
+config({ path: path.resolve(__dirname, "../../../.env") });
+
+const app = express();
+const port = process.env.PORT || 3000;
+
+// Middleware
+app.use(
+    cors({
+        origin: "*",
+        methods: ["GET", "POST", "OPTIONS", "PATCH", "DELETE"],
+        allowedHeaders: ["Content-Type", "Authorization"],
+        credentials: true,
+    }),
+);
+app.use(express.json({ limit: "50mb" }));
+app.use(express.urlencoded({ limit: "50mb", extended: true }));
+
+// Initialize database connection
+AppDataSource.initialize()
+    .then(() => {
+        console.log("Database connection established");
+    })
+    .catch((error) => {
+        console.error("Error connecting to database:", error);
+        process.exit(1);
+    });
+
+// Controllers
+const postController = new PostController();
+const authController = new AuthController();
+const commentController = new CommentController();
+const messageController = new MessageController();
+const userController = new UserController();
+
+// Public routes (no auth required)
+app.get("/api/auth/offer", authController.getOffer);
+app.get("/api/auth/offerb", authController.getOfferBlab);
+app.post("/api/auth", authController.login);
+app.get("/api/auth/sessions/:id", authController.sseStream);
+app.get("/api/chats/:chatId/events", messageController.getChatEvents);
+
+// Protected routes (auth required)
+app.use(authMiddleware); // Apply auth middleware to all routes below
+
+// Post routes
+app.get("/api/posts/feed", authGuard, postController.getFeed);
+app.post("/api/posts", authGuard, postController.createPost);
+app.post("/api/posts/:id/like", authGuard, postController.toggleLike);
+
+// Comment routes
+app.post("/api/comments", authGuard, commentController.createComment);
+app.get(
+    "/api/posts/:postId/comments",
+    authGuard,
+    commentController.getPostComments,
+);
+app.put("/api/comments/:id", authGuard, commentController.updateComment);
+app.delete("/api/comments/:id", authGuard, commentController.deleteComment);
+
+// Chat routes
+app.post("/api/chats", authGuard, messageController.createChat);
+app.get("/api/chats", authGuard, messageController.getUserChats);
+app.get("/api/chats/:chatId", authGuard, messageController.getChat);
+
+// Chat participant routes
+app.post(
+    "/api/chats/:chatId/participants",
+    authGuard,
+    messageController.addParticipants,
+);
+app.delete(
+    "/api/chats/:chatId/participants/:userId",
+    authGuard,
+    messageController.removeParticipant,
+);
+
+app.post(
+    "/api/chats/:chatId/messages",
+    authGuard,
+    messageController.createMessage,
+);
+app.get(
+    "/api/chats/:chatId/messages",
+    authGuard,
+    messageController.getMessages,
+);
+app.delete(
+    "/api/chats/:chatId/messages/:messageId",
+    authGuard,
+    messageController.deleteMessage,
+);
+app.post(
+    "/api/chats/:chatId/messages/read",
+    authGuard,
+    messageController.markAsRead,
+);
+app.get(
+    "/api/chats/:chatId/messages/unread",
+    authGuard,
+    messageController.getUnreadCount,
+);
+
+// User routes
+app.get("/api/users", userController.currentUser);
+app.get("/api/users/search", userController.search);
+app.post("/api/users/:id/follow", authGuard, userController.follow);
+app.get("/api/users/:id", authGuard, userController.getProfileById);
+app.patch("/api/users", authGuard, userController.updateProfile);
+
+// Start server
+app.listen(port, () => {
+    console.log(`Server running on port ${port}`);
+});
diff --git a/platforms/pictique-api/src/middleware/auth.ts b/platforms/pictique-api/src/middleware/auth.ts
new file mode 100644
index 00000000..fdace1d2
--- /dev/null
+++ b/platforms/pictique-api/src/middleware/auth.ts
@@ -0,0 +1,46 @@
+import { Request, Response, NextFunction } from "express";
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+import { verifyToken } from "../utils/jwt";
+
+export const authMiddleware = async (
+    req: Request,
+    res: Response,
+    next: NextFunction,
+) => {
+    try {
+        const authHeader = req.headers.authorization;
+        if (!authHeader?.startsWith("Bearer ")) {
+            return res.status(401).json({ error: "No token provided" });
+        }
+
+        const token = authHeader.split(" ")[1];
+        const decoded = verifyToken(token) as { userId: string };
+
+        if (!decoded?.userId) {
+            return res.status(401).json({ error: "Invalid token" });
+        }
+
+        const userRepository = AppDataSource.getRepository(User);
+        const user = await userRepository.findOneBy({ id: decoded.userId });
+
+        if (!user) {
+            return res.status(401).json({ error: "User not found" });
+        }
+
+        req.user = user;
+        console.log("user", user.ename);
+        next();
+    } catch (error) {
+        console.error("Auth middleware error:", error);
+        res.status(401).json({ error: "Invalid token" });
+    }
+};
+
+export const authGuard = (req: Request, res: Response, next: NextFunction) => {
+    if (!req.user) {
+        return res.status(401).json({ error: "Authentication required" });
+    }
+    next();
+};
+
diff --git a/platforms/pictique-api/src/services/ChatService.ts b/platforms/pictique-api/src/services/ChatService.ts
new file mode 100644
index 00000000..1deb0ae6
--- /dev/null
+++ b/platforms/pictique-api/src/services/ChatService.ts
@@ -0,0 +1,304 @@
+import { AppDataSource } from "../database/data-source";
+import { Chat } from "../database/entities/Chat";
+import { Message } from "../database/entities/Message";
+import { User } from "../database/entities/User";
+import { MessageReadStatus } from "../database/entities/MessageReadStatus";
+import { In } from "typeorm";
+import { EventEmitter } from "events";
+
+export class ChatService {
+    private chatRepository = AppDataSource.getRepository(Chat);
+    private messageRepository = AppDataSource.getRepository(Message);
+    private userRepository = AppDataSource.getRepository(User);
+    private messageReadStatusRepository =
+        AppDataSource.getRepository(MessageReadStatus);
+    private eventEmitter = new EventEmitter();
+
+    // Event emitter getter
+    getEventEmitter(): EventEmitter {
+        return this.eventEmitter;
+    }
+
+    // Chat CRUD Operations
+    async createChat(
+        name?: string,
+        participantIds: string[] = [],
+    ): Promise<Chat> {
+        const participants = await this.userRepository.findBy({
+            id: In(participantIds),
+        });
+        if (participants.length !== participantIds.length) {
+            throw new Error("One or more participants not found");
+        }
+
+        const chat = this.chatRepository.create({
+            name: name || undefined,
+            participants,
+        });
+        return await this.chatRepository.save(chat);
+    }
+
+    async getChatById(id: string): Promise<Chat | null> {
+        return await this.chatRepository.findOne({
+            where: { id },
+            relations: [
+                "messages",
+                "messages.sender",
+                "messages.readStatuses",
+                "participants",
+            ],
+        });
+    }
+
+    async updateChat(id: string, name: string): Promise<Chat> {
+        const chat = await this.getChatById(id);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+        chat.name = name;
+        return await this.chatRepository.save(chat);
+    }
+
+    async deleteChat(id: string): Promise<void> {
+        const chat = await this.getChatById(id);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+        await this.chatRepository.softDelete(id);
+    }
+
+    // Participant Operations
+    async addParticipants(
+        chatId: string,
+        participantIds: string[],
+    ): Promise<Chat> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        const newParticipants = await this.userRepository.findBy({
+            id: In(participantIds),
+        });
+        if (newParticipants.length !== participantIds.length) {
+            throw new Error("One or more participants not found");
+        }
+
+        chat.participants = [...chat.participants, ...newParticipants];
+        return await this.chatRepository.save(chat);
+    }
+
+    async removeParticipant(chatId: string, userId: string): Promise<Chat> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        chat.participants = chat.participants.filter((p) => p.id !== userId);
+        return await this.chatRepository.save(chat);
+    }
+
+    // Message Operations
+    async sendMessage(
+        chatId: string,
+        senderId: string,
+        text: string,
+    ): Promise<Message> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        const sender = await this.userRepository.findOneBy({ id: senderId });
+        if (!sender) {
+            throw new Error("Sender not found");
+        }
+
+        // Verify sender is a participant
+        if (!chat.participants.some((p) => p.id === senderId)) {
+            throw new Error("Sender is not a participant in this chat");
+        }
+
+        const message = this.messageRepository.create({
+            text,
+            sender,
+            chat,
+        });
+
+        const savedMessage = await this.messageRepository.save(message);
+
+        // Create read status entries for all participants except sender
+        const readStatuses = chat.participants
+            .filter((p) => p.id !== senderId)
+            .map((participant) =>
+                this.messageReadStatusRepository.create({
+                    message: savedMessage,
+                    user: participant,
+                    isRead: false,
+                }),
+            );
+
+        await this.messageReadStatusRepository.save(readStatuses);
+
+        // Emit new message event
+        this.eventEmitter.emit(`chat:${chatId}`, [savedMessage]);
+
+        return savedMessage;
+    }
+
+    async getChatMessages(
+        chatId: string,
+        userId: string,
+        page: number = 1,
+        limit: number = 20,
+    ): Promise<{
+        messages: Message[];
+        total: number;
+        page: number;
+        totalPages: number;
+    }> {
+        const [messages, total] = await this.messageRepository.findAndCount({
+            where: { chat: { id: chatId } },
+            relations: ["sender", "readStatuses", "readStatuses.user"],
+            order: { createdAt: "ASC" },
+            skip: (page - 1) * limit,
+            take: limit,
+        });
+
+        return {
+            messages,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async markMessagesAsRead(chatId: string, userId: string): Promise<void> {
+        const chat = await this.getChatById(chatId);
+        if (!chat) {
+            throw new Error("Chat not found");
+        }
+
+        // Verify user is a participant
+        if (!chat.participants.some((p) => p.id === userId)) {
+            throw new Error("User is not a participant in this chat");
+        }
+
+        // First get all message IDs for this chat that were sent by other users
+        const messageIds = await this.messageRepository
+            .createQueryBuilder("message")
+            .select("message.id")
+            .where("message.chat.id = :chatId", { chatId })
+            .andWhere("message.sender.id != :userId", { userId }) // Only messages not sent by the user
+            .getMany();
+
+        if (messageIds.length === 0) {
+            return; // No messages to mark as read
+        }
+
+        // Then update the read status for these messages
+        await this.messageReadStatusRepository
+            .createQueryBuilder()
+            .update(MessageReadStatus)
+            .set({ isRead: true })
+            .where("message.id IN (:...messageIds)", { messageIds: messageIds.map(m => m.id) })
+            .andWhere("user.id = :userId", { userId })
+            .andWhere("isRead = :isRead", { isRead: false })
+            .execute();
+    }
+
+    async deleteMessage(messageId: string, userId: string): Promise<void> {
+        const message = await this.messageRepository.findOne({
+            where: { id: messageId },
+            relations: ["sender"],
+        });
+
+        if (!message) {
+            throw new Error("Message not found");
+        }
+
+        if (message.sender.id !== userId) {
+            throw new Error("Unauthorized to delete this message");
+        }
+
+        await this.messageRepository.softDelete(messageId);
+    }
+
+    // Additional Utility Methods
+    async getUserChats(
+        userId: string,
+        page: number = 1,
+        limit: number = 10,
+    ): Promise<{
+        chats: (Chat & { latestMessage?: { text: string; isRead: boolean } })[];
+        total: number;
+        page: number;
+        totalPages: number;
+    }> {
+        // First, get the chat IDs that the user is part of
+        const [chatIds, total] = await this.chatRepository
+            .createQueryBuilder("chat")
+            .select(["chat.id", "chat.updatedAt"])
+            .innerJoin("chat.participants", "participants")
+            .where("participants.id = :userId", { userId })
+            .orderBy("chat.updatedAt", "DESC")
+            .skip((page - 1) * limit)
+            .take(limit)
+            .getManyAndCount();
+
+        // Then, load the full chat data with all relations
+        const chats = await this.chatRepository.find({
+            where: { id: In(chatIds.map((chat) => chat.id)) },
+            relations: [
+                "participants",
+                "messages",
+                "messages.sender",
+                "messages.readStatuses",
+                "messages.readStatuses.user",
+            ],
+            order: { updatedAt: "DESC" },
+        });
+
+        // For each chat, get the latest message and its read status
+        const chatsWithLatestMessage = await Promise.all(
+            chats.map(async (chat) => {
+                const latestMessage = chat.messages[chat.messages.length - 1];
+                if (!latestMessage) {
+                    return { ...chat, latestMessage: undefined };
+                }
+
+                const readStatus = latestMessage.readStatuses.find(
+                    (status) => status.user.id === userId
+                );
+
+                return {
+                    ...chat,
+                    latestMessage: {
+                        text: latestMessage.text,
+                        isRead: readStatus?.isRead ?? false,
+                    },
+                };
+            })
+        );
+
+        return {
+            chats: chatsWithLatestMessage,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async getUnreadMessageCount(
+        chatId: string,
+        userId: string,
+    ): Promise<number> {
+        return await this.messageReadStatusRepository.count({
+            where: {
+                message: { chat: { id: chatId } },
+                user: { id: userId },
+                isRead: false,
+            },
+        });
+    }
+}
diff --git a/platforms/pictique-api/src/services/CommentService.ts b/platforms/pictique-api/src/services/CommentService.ts
new file mode 100644
index 00000000..e994aa6c
--- /dev/null
+++ b/platforms/pictique-api/src/services/CommentService.ts
@@ -0,0 +1,57 @@
+import { AppDataSource } from "../database/data-source";
+import { Comment } from "../database/entities/Comment";
+import { Post } from "../database/entities/Post";
+
+export class CommentService {
+    private commentRepository = AppDataSource.getRepository(Comment);
+    private postRepository = AppDataSource.getRepository(Post);
+
+    async createComment(postId: string, authorId: string, text: string): Promise<Comment> {
+        const post = await this.postRepository.findOneBy({ id: postId });
+        if (!post) {
+            throw new Error('Post not found');
+        }
+
+        const comment = this.commentRepository.create({
+            text,
+            author: { id: authorId },
+            post: { id: postId }
+        });
+
+        return await this.commentRepository.save(comment);
+    }
+
+    async getPostComments(postId: string): Promise<Comment[]> {
+        return await this.commentRepository.find({
+            where: { post: { id: postId } },
+            relations: ['author'],
+            order: { createdAt: 'DESC' }
+        });
+    }
+
+    async getCommentById(id: string): Promise<Comment | null> {
+        return await this.commentRepository.findOne({
+            where: { id },
+            relations: ['author']
+        });
+    }
+
+    async updateComment(id: string, text: string): Promise<Comment> {
+        const comment = await this.getCommentById(id);
+        if (!comment) {
+            throw new Error('Comment not found');
+        }
+
+        comment.text = text;
+        return await this.commentRepository.save(comment);
+    }
+
+    async deleteComment(id: string): Promise<void> {
+        const comment = await this.getCommentById(id);
+        if (!comment) {
+            throw new Error('Comment not found');
+        }
+
+        await this.commentRepository.softDelete(id);
+    }
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/src/services/PostService.ts b/platforms/pictique-api/src/services/PostService.ts
new file mode 100644
index 00000000..47048a00
--- /dev/null
+++ b/platforms/pictique-api/src/services/PostService.ts
@@ -0,0 +1,92 @@
+import { AppDataSource } from "../database/data-source";
+import { Post } from "../database/entities/Post";
+import { User } from "../database/entities/User";
+import { In } from "typeorm";
+
+interface CreatePostData {
+    text: string;
+    images?: string[];
+    hashtags?: string[];
+}
+
+export class PostService {
+    private postRepository = AppDataSource.getRepository(Post);
+    private userRepository = AppDataSource.getRepository(User);
+
+    async getFollowingFeed(userId: string, page: number, limit: number) {
+        const user = await this.userRepository.findOne({
+            where: { id: userId },
+            relations: ["following"],
+        });
+
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const followingIds = user.following.map((f: User) => f.id);
+        const authorIds = [...followingIds, userId];
+
+        const [posts, total] = await this.postRepository.findAndCount({
+            where: {
+                author: { id: In(authorIds) },
+                isArchived: false,
+            },
+            relations: ["author", "likedBy", "comments", "comments.author"],
+            order: {
+                createdAt: "DESC",
+            },
+            skip: (page - 1) * limit,
+            take: limit,
+        });
+
+        return {
+            posts,
+            total,
+            page,
+            totalPages: Math.ceil(total / limit),
+        };
+    }
+
+    async createPost(userId: string, data: CreatePostData) {
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const post = this.postRepository.create({
+            author: user,
+            text: data.text,
+            images: data.images || [],
+            hashtags: data.hashtags || [],
+            likedBy: [],
+        });
+
+        return await this.postRepository.save(post);
+    }
+
+    async toggleLike(postId: string, userId: string): Promise<Post> {
+        const post = await this.postRepository.findOne({
+            where: { id: postId },
+            relations: ["likedBy"],
+        });
+
+        if (!post) {
+            throw new Error("Post not found");
+        }
+
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        const isLiked = post.likedBy.some((u) => u.id === userId);
+
+        if (isLiked) {
+            post.likedBy = post.likedBy.filter((u) => u.id !== userId);
+        } else {
+            post.likedBy.push(user);
+        }
+
+        return await this.postRepository.save(post);
+    }
+}
diff --git a/platforms/pictique-api/src/services/UserService.ts b/platforms/pictique-api/src/services/UserService.ts
new file mode 100644
index 00000000..6f68ec2f
--- /dev/null
+++ b/platforms/pictique-api/src/services/UserService.ts
@@ -0,0 +1,143 @@
+import { AppDataSource } from "../database/data-source";
+import { User } from "../database/entities/User";
+import { Post } from "../database/entities/Post";
+import { signToken } from "../utils/jwt";
+import { Like } from "typeorm";
+
+export class UserService {
+    private userRepository = AppDataSource.getRepository(User);
+    private postRepository = AppDataSource.getRepository(Post);
+
+    async createBlankUser(ename: string): Promise<User> {
+        const user = this.userRepository.create({
+            ename,
+            isVerified: false,
+            isPrivate: false,
+            isArchived: false,
+        });
+
+        return await this.userRepository.save(user);
+    }
+
+    async findOrCreateUser(
+        ename: string,
+    ): Promise<{ user: User; token: string }> {
+        let user = await this.userRepository.findOne({
+            where: { ename },
+        });
+
+        if (!user) {
+            user = await this.createBlankUser(ename);
+        }
+
+        const token = signToken({ userId: user.id });
+        return { user, token };
+    }
+
+    async findById(id: string): Promise<User | null> {
+        return await this.userRepository.findOneBy({ id });
+    }
+
+    searchUsers = async (query: string) => {
+        const searchQuery = query.toLowerCase();
+
+        return this.userRepository.find({
+            where: [
+                { handle: Like(`%${searchQuery}%`) },
+                { ename: Like(`%${searchQuery}%`) },
+            ],
+            select: {
+                id: true,
+                handle: true,
+                name: true,
+                description: true,
+                avatarUrl: true,
+                isVerified: true,
+            },
+            take: 10,
+        });
+    };
+
+    followUser = async (followerId: string, followingId: string) => {
+        const follower = await this.userRepository.findOne({
+            where: { id: followerId },
+            relations: ["following"],
+        });
+
+        const following = await this.userRepository.findOne({
+            where: { id: followingId },
+        });
+
+        if (!follower || !following) {
+            throw new Error("User not found");
+        }
+
+        if (!follower.following) {
+            follower.following = [];
+        }
+
+        // Check if already following
+        if (follower.following.some((user) => user.id === followingId)) {
+            return follower;
+        }
+
+        follower.following.push(following);
+        return await this.userRepository.save(follower);
+    };
+
+    async getProfileById(userId: string) {
+        const user = await this.userRepository.findOne({
+            where: { id: userId },
+            select: {
+                id: true,
+                handle: true,
+                name: true,
+                avatarUrl: true,
+                followers: true,
+                following: true,
+                description: true,
+            },
+        });
+
+        if (!user) return null;
+
+        const posts = await this.postRepository.find({
+            where: { author: { id: userId } },
+            relations: ["author"],
+            order: { createdAt: "DESC" },
+        });
+
+        return {
+            ...user,
+            totalPosts: posts.length,
+            posts: posts.map((post) => ({
+                id: post.id,
+                avatar: post.author.avatarUrl,
+                userId: post.author.id,
+                username: post.author.handle,
+                imgUris: post.images,
+                caption: post.text,
+                time: post.createdAt,
+                count: {
+                    likes: post.likedBy,
+                    comments: post.comments,
+                },
+            })),
+        };
+    }
+
+    async updateProfile(userId: string, data: { handle?: string; avatarUrl?: string; name?: string }): Promise<User> {
+        const user = await this.userRepository.findOneBy({ id: userId });
+        if (!user) {
+            throw new Error("User not found");
+        }
+
+        // Update only the fields that are provided
+        if (data.handle !== undefined) user.handle = data.handle;
+        if (data.avatarUrl !== undefined) user.avatarUrl = data.avatarUrl;
+        if (data.name !== undefined) user.name = data.name;
+
+        return await this.userRepository.save(user);
+    }
+}
+
diff --git a/platforms/pictique-api/src/types/express.d.ts b/platforms/pictique-api/src/types/express.d.ts
new file mode 100644
index 00000000..8ad6ec48
--- /dev/null
+++ b/platforms/pictique-api/src/types/express.d.ts
@@ -0,0 +1,9 @@
+import { User } from "../database/entities/User";
+
+declare global {
+    namespace Express {
+        interface Request {
+            user?: User;
+        }
+    }
+} 
\ No newline at end of file
diff --git a/platforms/pictique-api/src/utils/jwt.ts b/platforms/pictique-api/src/utils/jwt.ts
new file mode 100644
index 00000000..4cebfb90
--- /dev/null
+++ b/platforms/pictique-api/src/utils/jwt.ts
@@ -0,0 +1,15 @@
+import jwt from 'jsonwebtoken';
+
+const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key';
+
+export const signToken = (payload: any): string => {
+    return jwt.sign(payload, JWT_SECRET, { expiresIn: '7d' });
+};
+
+export const verifyToken = (token: string): any => {
+    try {
+        return jwt.verify(token, JWT_SECRET);
+    } catch (error) {
+        throw new Error('Invalid token');
+    }
+}; 
\ No newline at end of file
diff --git a/platforms/pictique-api/tsconfig.json b/platforms/pictique-api/tsconfig.json
new file mode 100644
index 00000000..733170be
--- /dev/null
+++ b/platforms/pictique-api/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "commonjs",
+        "lib": ["ES2020"],
+        "sourceMap": true,
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "strict": true,
+        "moduleResolution": "node",
+        "baseUrl": "./src",
+        "esModuleInterop": true,
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "typeRoots": [
+          "./src/types",
+          "./node_modules/@types"
+        ]
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules", "dist"]
+} 
\ No newline at end of file