Implement basic API call

backend/app/services/messages.py

@@ -7,4 +7,4 @@
 
 class MessagesService:
     async def chat(self, input: MessageRequest) -> MessageResponse:
-        return MessageResponse(id="123", content="Hello, world!")
+        return MessageResponse(id="123", content=f"Why did you say {input.content}?")

frontend/.env.example

@@ -0,0 +1 @@
+EXPO_PUBLIC_API_BASE_URL=http://0.0.0.0:8080

frontend/package.json

@@ -9,7 +9,9 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@radix-ui/react-slot": "^1.2.3",
     "@tanstack/react-query": "^5.80.6",
+    "axios": "^1.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.513.0",

frontend/src/actions/messages.ts

@@ -0,0 +1,19 @@
+'use server';
+
+import axios from 'axios';
+
+import { MessageRequest, MessageResponse, messageResponseSchema } from '@/types/messages';
+
+export async function chat(request: MessageRequest): Promise<MessageResponse> {
+  try {
+    console.log('Sending message:', request);
+    const response = await axios.post(
+      `${process.env.EXPO_PUBLIC_API_BASE_URL}/api/messages`,
+      request,
+    );
+    return messageResponseSchema.parse(response.data);
+  } catch (error) {
+    console.error('Error sending message:', error);
+    throw error;
+  }
+}