feat: getting resady to deploy

Author: AlexVOiceover

.env.development

@@ -0,0 +1 @@
+VITE_API_URL=http://localhost:8080/

src/App.tsx

@@ -17,7 +17,7 @@ export default function Home() {
           </h1>
 
           <div className='bg-white rounded-xl shadow-lg p-6  '>
-            <StatementWizard onComplete={() => {}} username={USERNAME} />
+            <StatementWizard username={USERNAME} />
             <StatementBuilder username={USERNAME} />
             <StatementList username={USERNAME} />
           </div>

src/api/statementsApi.ts

@@ -0,0 +1,32 @@
+const API_URL = import.meta.env.VITE_API_URL;
+console.log('Backend API:', API_URL);
+
+import type { Statement } from '../../types/types';
+
+export async function postNewStatement(statement: Statement): Promise<void> {
+  try {
+    // POST operation
+    const postResponse = await fetch(`${API_URL}newEntry`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(statement),
+    });
+    if (!postResponse.ok) {
+      throw new Error(`HTTP error on POST! status: ${postResponse.status}`);
+    }
+    const postData = await postResponse.json();
+    console.log('Successfully posted:', postData);
+
+    // Optionally, if you want to fetch updated data after posting:
+    const getResponse = await fetch(`${API_URL}n/s/${statement.subject}`);
+    if (!getResponse.ok) {
+      throw new Error(`HTTP error on GET! status: ${getResponse.status}`);
+    }
+    const getData = await getResponse.json();
+    console.log(`Fetched updated data: ${JSON.stringify(getData, null, 2)}`);
+  } catch (error) {
+    console.error('Error posting new statement:', error);
+  }
+}