Upload video

.vscode/settings.json

@@ -7,7 +7,7 @@
     { "pattern": "apps/*/" },
     { "pattern": "packages/*/" }
   ],
-  "tailwindCSS.experimental.configFile": "./packages/config/tailwind/index.ts",
+  "tailwindCSS.experimental.configFile": "./tooling/tailwind/index.ts",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.tsdk": "node_modules/typescript/lib",
   "[properties]": {

README.md

@@ -1,5 +1,9 @@
 # The Bank
 
+<video width="600" controls>
+  <source src="demo.mov" type="video/mov">
+</video>
+
 ## Project Structure
 
 ```
@@ -48,7 +52,6 @@ Make sure that you have installed and configured:
 
 - **Node.js**: I recommend using NVM (Node Version Manager). [Installation Guide](https://github.com/nvm-sh/nvm)
 - **pnpm**: [Installation Guide](https://pnpm.io/installation#using-npm)
-- **Docker**: [Installation Guide](https://docs.docker.com/engine/install/)
 - **iOS Simulator**: [Installation Guide](https://docs.expo.dev/workflow/ios-simulator/)
 - **Android Studio Emulator**: [Installation Guide](https://docs.expo.dev/workflow/android-studio-emulator/)
 
@@ -72,15 +75,7 @@ To get it running, follow the steps below:
   cp apps/mobile/.env.example .env
   ```
 
-- Database setup
-
-  ```sh
-  docker run --name the-bank-mysql -e MYSQL_ROOT_PASSWORD=password -d -p 3306:3306 mysql
-  ```
-
-  > You can also get one from https://planetscale.com/
-
-- Database synchronization (optional)
+- Database synchronization
   ```
   pnpm db:push
   ```

apps/mobile/app.config.ts

@@ -28,11 +28,6 @@ const defineConfig: ExpoConfig = {
       backgroundColor: "#1F104A",
     },
   },
-  extra: {
-    eas: {
-      projectId: "677df07c-8718-4abb-8a30-d86f985f47fb", // comment
-    },
-  },
   experiments: {
     tsconfigPaths: true,
     typedRoutes: true,

apps/mobile/package.json

@@ -2,7 +2,7 @@
   "name": "@the-bank/mobile",
   "version": "0.1.0",
   "private": true,
-  "main": "expo-router/entry",
+  "main": "index.tsx",
   "scripts": {
     "start": "expo start",
     "dev": "expo start --ios",
@@ -30,7 +30,6 @@
     "expo": "^49.0.11",
     "expo-constants": "~14.4.2",
     "expo-crypto": "~12.4.1",
-    "expo-dev-client": "~2.4.10",
     "expo-image": "~1.3.2",
     "expo-linking": "~5.0.2",
     "expo-router": "^2.0.8",

apps/mobile/src/app/(home)/index.tsx

@@ -13,13 +13,13 @@ import { formatCurrencyValue } from "@the-bank/core";
 
 import { api } from "~/lib/api";
 import { useAuth } from "~/lib/authProvider";
-import { usePusherUpdates } from "~/lib/pusher";
 
 export default function HomeScreen() {
   const { user, signOut } = useAuth();
   const apiUtils = api.useContext();
 
-  usePusherUpdates();
+  // For pushed you need a dev build
+  // usePusherUpdates();
 
   const { data: userBalance, isLoading } = api.user.balance.useQuery();
   const { mutate: addFoundsMutation } = api.transaction.addFounds.useMutation({

apps/web/src/lib/serverAPIClient.ts

@@ -0,0 +1,10 @@
+import { auth } from "@clerk/nextjs";
+import { appRouter } from "@the-bank/api";
+
+export function serverAPIClient() {
+  const authSession = auth();
+
+  return appRouter.createCaller({
+    auth: authSession,
+  });
+}

packages/api/src/router/transaction.ts

@@ -22,14 +22,10 @@ export const transactionRouter = createTRPCRouter({
       try {
         await addFounds(ctx.auth.userId, input.value);
 
-        await PusherServer.trigger(
-          channels.mainChannel.name,
-          channels.mainChannel.events.addFounds,
-          {
-            value: input.value,
-            clerkUserId: ctx.auth.userId,
-          },
-        );
+        await PusherServer.trigger("channe_name", "addFounds", {
+          value: input.value,
+          clerkUserId: ctx.auth.userId,
+        });
       } catch (error) {
         throw new TRPCError({
           code: "BAD_REQUEST",