Merge branch 'main' into pr/4

app/lib/endpoints/index.ts

@@ -1,7 +1,8 @@
 const baseUrl = process.env.NEXT_PUBLIC_BASE_URL;
 const url = `${baseUrl}/api/v1`
 
-export const transactionsEndpoint = `${url}/transactions/1`;
+export const transactionsEndpoint = `${url}/transactions/3`;
 export const fielUploadEndpoint = `${url}/file_upload`;
 export const incomeStatements = `${url}/income_statement/user/1`;
-export const statementEndpoint = `${url}/statement/report/1`;
+export const statementEndpoint = `${url}/statement/report/1`;
+

app/login/page.tsx

@@ -0,0 +1,70 @@
+'use client';
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+
+const Login = () => {
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+
+  const router = useRouter();
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+
+    router.push("/dashboard");
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      <h1 className="text-3xl font-bold mb-4">Login to your Financial Assistant</h1>
+      <form
+        className="bg-white shadow-md rounded px-8 pt-6 pb-8 m-4"
+        onSubmit={handleSubmit}
+      >
+        <div className="mb-4">
+          <label
+            className="block text-gray-700 text-sm font-bold mb-2"
+            htmlFor="username"
+          >
+            Username
+          </label>
+          <input
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+            id="username"
+            type="text"
+            placeholder="Username"
+            value={username}
+            onChange={(e) => setUsername(e.target.value)}
+          />
+        </div>
+        <div className="mb-6">
+          <label
+            className="block text-gray-700 text-sm font-bold mb-2"
+            htmlFor="password"
+          >
+            Password
+          </label>
+          <input
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+            id="password"
+            type="password"
+            placeholder="Password"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
+        </div>
+        <div className="flex items-center justify-between">
+          <button
+            className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+            type="submit"
+          >
+            Sign In
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+};
+
+export default Login;