issue #13

server/app.py

@@ -0,0 +1,12 @@
+from flask import Flask, jsonify
+from flask_cors import CORS
+
+app = Flask(__name__)
+CORS(app)  # Enable CORS for all routes
+
+@app.route("/")
+def home():
+    return jsonify("Hello, Flask!!")
+
+if __name__ == "__main__":
+    app.run(debug=True)

server/requirements.txt

@@ -0,0 +1,4 @@
+numpy
+flask
+py-mon
+flask-cors

src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { Grid } from "@mui/material";
 import ImageGenerator from "./components/ImageGenerator";
 import Header from "./components/Header";
@@ -16,10 +16,21 @@ const App: React.FC = () => {
     setGeneratedImageDataUrl(imageDataUrl);
   };
 
+  const [testServer, setTestServer] = useState<any>("");
+  useEffect(() => {
+    fetch("http://localhost:5000/").then((response) =>
+      response.json().then((data) => {
+        setTestServer(data);
+        console.log(data);
+      })
+    );
+  }, []);
+
   return (
     <div>
       <Header title="Avanart" />
       <div style={{ padding: "20px" }}>
+        <h1>{testServer}</h1>
         <Grid container spacing={2} sx={{ m: "2em" }}>
           <Grid item xs={6}>
             <Form onSubmit={handleSubmit} />