feat: add simple functionality of communication with the server

backend/app.js

@@ -8,6 +8,8 @@ const socket = require("socket.io");
 
 const server = http.createServer(app);
 
+
+
 const io = require("socket.io")(server, {
   cors: {
     origin: "http://localhost:3000"  //client endpoint and port
@@ -20,12 +22,24 @@ app.use(cors());// cors
 
 
 
-//main page
+//main test page
 app.get('/', (req, res) => {
   res.send('here will be login page')
 })
 
 
+app.post('/login', (req, res) => {
+    try {
+        const data = req;//need add method for req
+        console.log(data)
+        res.send(JSON.stringify('token..'))
+    } catch (error) {
+        console.log(e)
+    }
+    
+  })
+
+
 
 
 //on connection listen messages and send back text and user name in chat
@@ -46,7 +60,16 @@ io.on("connection", (socket) => {
 
 
 //server.listen(PORT);
+const start = () => {
+    try {
+        server.listen(PORT, () => {
+            console.log(`Server started. Port: ${PORT}`)
+        })   
+    } catch (e) {
+        console.log(e)
+    }
+
+}
+
+start();
 
-server.listen(PORT, () => {
-  console.log(`Server started. Port: ${PORT}`)
-})

frontend/src/components/loginForm/LoginForm.js

@@ -4,6 +4,7 @@ import TextField from '@mui/material/TextField';
 import Container from '@mui/material/Container';
 import Box from '@mui/material/Box';
 import { useState } from 'react';
+import { sendForm } from './utils/sendForm';
 
 
 
@@ -11,11 +12,15 @@ export const LoginForm = () => {
 
     const [userData, setUserdata] = useState({userName:'', password: ''});
 
+    const POST_URL = 'http://localhost:5000/login';
+
     const handleSubmit = (e) => {
         e.preventDefault();
         console.log(userData)
+        sendForm(POST_URL, userData);
         setUserdata({userName:'', password: ''});
     }
+
     
     return (
         <Container maxWidth="xs">

frontend/src/components/loginForm/utils/sendForm.js

@@ -0,0 +1,16 @@
+
+export const sendForm = async (POST_URL, userData) => {
+    try{
+        const response = await fetch(POST_URL, {
+            method: 'POST',
+            body: JSON.stringify(userData),
+            headers: {
+              'Content-Type': 'application/json'
+            }
+        });
+        const json = await response.json();
+        console.log(json);
+    } catch (e){
+        console.log(e)
+    }
+}