frontend and backend setup

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "jsonify"
+    ]
+}

frontend/pages/MLProjects/_components/analysis.js

@@ -8,7 +8,7 @@ dotenv.config();
 
 const Analysis = () => {
     const [imageUrl, setImageUrl] = useState('');
-    const local_server_endpoint = "" // TODO
+    const local_server_endpoint = "http://localhost:8080" // TODO
     useEffect(() => {
         const fetchImage = async () => {
             try {

frontend/pages/MLProjects/_components/graph.js

@@ -6,7 +6,7 @@ import axios from "axios";
 
 const Graph = () => {
     const [imageUrl, setImageUrl] = useState('');
-    const local_server_endpoint = "" // TODO
+    const local_server_endpoint = "http://localhost:8080" // TODO
     useEffect(() => {
         const fetchImage = async () => {
             try {

frontend/pages/MLProjects/_components/models.js

@@ -7,7 +7,7 @@ import axios from "axios";
 const Models = ({ props }) => {
     // const [modelData, setModelData] = useState<ModelData | null>(null);
     const [modelData, setModelData] = useState(null);
-    const local_server_endpoint = "" // TODO
+    const local_server_endpoint = "http://localhost:8080" // TODO
 
     useEffect(() => {
         const fetchModelData = async () => {

frontend/pages/_components/indexMSG.js

@@ -0,0 +1,40 @@
+// 'message': "Hello world!",
+// 'people': ["Aa", "Bb", "Cc"]
+
+
+const IndexMSG = () => {
+    const [msg, setMsg] = useState(null);
+
+    console.log("HERE");
+    useEffect(() => {
+        const fetchMsg = async () => {
+            try {
+                const res = await axios.get("http://localhost:8080");
+                console.log("RES", res);
+                setMsg(res.data);
+            } catch (error) {
+                console.log(error);
+            }
+        }
+        fetchMsg();
+    }, []);
+
+    return (
+        <div>
+            <h1>DUMMY MESSAGE</h1>
+            {/* {msg ? <h1>{msg}</h1> : <h1>LOADING...</h1>} */}
+            {msg ? (
+                <div>
+                    <h1>{msg.message}</h1>
+                    {msg.people.map((person, index) => (
+                        <h1 key={index}>{person}</h1>
+                    ))}
+                </div>
+            ) : (
+                <h1>LOADING...</h1>
+            )}
+        </div>
+    )
+}
+
+export default IndexMSG;

frontend/pages/about.js

@@ -0,0 +1,5 @@
+export default function About() {
+    return(
+        <div> this is the About Page</div>
+    )
+}

frontend/pages/index.js

@@ -0,0 +1,10 @@
+import IndexMSG from "./_components/indexMSG";
+
+export default function Home() {
+    return (
+        <div>
+            <h1>HOME</h1>
+            <IndexMSG />
+        </div>
+    )
+}

server/server.py

@@ -5,3 +5,71 @@
 from eda import analysis
 from flask_restful import Api, Resource
 
+app = Flask(__name__)
+
+CORS(app)
+api = Api(app)
+
+all_models = ['logistic_regression', 'k_nearest_neighbors', 'support_vector_machine', 'decision_tree', 'random_forest', 'gradient_boosting', 'naive_bayes', 'neural_network', 'ada_boost', 'xg_boost']
+@app.after_request
+def after_request(response):
+    response.headers.add('Access-Control-Allow-Origin', '*')
+    response.headers.add('Access-Control-Allow-Headers', 'Content-Type,Authorization')
+    response.headers.add('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
+    return response
+
+@app.route("/", methods=['GET'])
+def return_home():
+    return jsonify({
+        'message': "Hello world!",
+        'people': ["Aa", "Bb", "Cc"]
+    })
+
+@app.route('/first_image', methods = ['GET'])
+def get_image():
+    result = run_algorithm(all_models)
+    return send_file('first_graph.png', mimetype='image/png')
+
+@app.route('/analysis', methods = ['GET'])
+def analyse():
+    # analysis()
+    return send_file('analysis.png', mimetype='image/png')
+
+@app.route('/models', methods = ['GET', 'POST'])
+def get_models():
+    if request.method == 'GET':
+        result = run_algorithm(all_models)  
+        return jsonify({
+            'models': result
+        })
+
+    if request.method == 'POST':
+        try:
+            data = request.json
+            models_to_run = data.get('models')
+            result = run_algorithm(models_to_run)
+            return jsonify({
+                'models': result
+            }), 200
+        except Exception as e:
+                return jsonify({
+                    'error': 'Invalid request',
+                    'details': str(e)
+                }), 400
+
+
+# @app.route('/download_first_graph')
+# def download_first_graph():
+#     run_algorithm()  # Generate the graphs
+#     return send_file('first_graph.png', as_attachment=True)
+
+# @app.route('/download_second_graph')
+# def download_second_graph():
+#     run_algorithm()  # Generate the graphs
+#     return send_file('second_graph.png', as_attachment=True)
+
+if __name__ == "__main__":
+    app.run(debug=True, port=8080)
+
+# def create_app():
+#     return app