diff --git a/src/LoginPage.js b/src/LoginPage.js
index a5a9c38..41e2048 100644
--- a/src/LoginPage.js
+++ b/src/LoginPage.js
@@ -1,3 +1,50 @@
-export default function (){
- return
Loin Page
+import React, { useState } from 'react';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
+
+import styles from './LoginPage.module.css';
+
+export default function () {
+ const [username, setUsername] = useState('');
+ const [password, setPassword] = useState('');
+
+
+
+ const handleInputChange = (event) => {
+ const { name, value } = event.target;
+ if (name === 'username') setUsername(value);
+ if (name === 'password') setPassword(value);
+ };
+
+ const handleSubmit = (event) => {
+ event.preventDefault();
+ console.log(`Username: ${username}\nPassword: ${password}`);
+ };
+
+ return (
+
+ );
}
\ No newline at end of file
diff --git a/src/LoginPage.module.css b/src/LoginPage.module.css
new file mode 100644
index 0000000..eb5b217
--- /dev/null
+++ b/src/LoginPage.module.css
@@ -0,0 +1,7 @@
+.form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+}
\ No newline at end of file