From 22a831e756df48e542d601d1920dcd90d3fa3295 Mon Sep 17 00:00:00 2001
From: Mia Wang <yw21218@ic.ac.uk>
Date: Mon, 18 Apr 2022 13:01:14 +0100
Subject: [PATCH] change backbone
---
.DS_Store | Bin 8196 -> 8196 bytes
backend/.flaskenv | 2 ++
backend/react_app.py | 12 +++++++
library/app.py | 2 --
src/App.js | 75 +++++++++++++++++++++++++++++--------------
5 files changed, 65 insertions(+), 26 deletions(-)
create mode 100644 backend/.flaskenv
create mode 100644 backend/react_app.py
diff --git a/.DS_Store b/.DS_Store
index 71796e5e4289a2d8a0fd10c38d1802ef309cb948..9eccfc2722da16d3dadb5c569acd3c025e7c1ca7 100644
GIT binary patch
delta 306
zcmZp1XmQw}CJ;CKHUk3#3xgg*IzuKyNp8N2OHxjL5>SkTfuTX?2-^`yRQVLV@&y@&
z!O8i#1wcIvtoaKVCa)8anmkWnW<5JY5<?<GGD9{)DnlMaN=`aL9ka{agFxkIDv(_g
z@!DJQD8wZgsu1qMt*Rh{56QY^7Z@ft2#QSh5In%>xtUXlmud1f5e+8Gut}nlOp}gm
cmKJ@(G_k;7GrPn$mdX60lAGN`4*~^r0q})RR{#J2
delta 357
zcmZp1XmQw}CJ<Mo$H2hA!l1{H&XCDalAG`1l9ZF51Qg={;@E?1M;uY*Q}D_cWEch~
z=jRpx^)RsJEnt|uPC#n%Jb{^$g@pts-w-^&=)HNS5HC|bFGCSSDnlYeGD8VNJVQB<
zodl#4844H*a?%k-Ffd5408PT98ri}3J{{^f1aUB49VsrhFh3Hf1=&{&3<{GMiRdty
fB~88{A~~5|lz;ONk^4-W*(JWQFf*Wt-eCd&I}}+s
diff --git a/backend/.flaskenv b/backend/.flaskenv
new file mode 100644
index 00000000..5aabce39
--- /dev/null
+++ b/backend/.flaskenv
@@ -0,0 +1,2 @@
+FLASK_APP=react_app.py
+FLASK_ENV=development
\ No newline at end of file
diff --git a/backend/react_app.py b/backend/react_app.py
new file mode 100644
index 00000000..70758bd6
--- /dev/null
+++ b/backend/react_app.py
@@ -0,0 +1,12 @@
+from flask import Flask
+
+api = Flask(__name__)
+
+@api.route('/profile')
+def my_profile():
+ response_body = {
+ "name": "Nagato",
+ "about" :"Hello! I'm a full stack developer that loves python and javascript"
+ }
+
+ return response_body
\ No newline at end of file
diff --git a/library/app.py b/library/app.py
index e7f2352e..149de8c3 100644
--- a/library/app.py
+++ b/library/app.py
@@ -17,7 +17,5 @@ app = create_app()
port = int(os.environ.get("PORT", 5000))
-
-
if __name__ == '__main__':
app.run(debug=True)
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index eb996e32..99c38f06 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,32 +7,59 @@ import axios from "axios";
function App() {
- // const [formData, setFormData] = useState(null)
+ const [formData, setFormData] = useState(null)
- // function getData() {
- // axios({
- // method: "POST",
- // url:"/profile",
- // })
- // .then((response) => {
- // const res =response.data
- // setProfileData(({
- // profile_name: res.name,
- // about_me: res.about}))
- // }).catch((error) => {
- // if (error.response) {
- // console.log(error.response)
- // console.log(error.response.status)
- // console.log(error.response.headers)
- // }
- // })}
- //end of new line
+ function getData() {
+ axios({
+ method: "POST",
+ url:"/profile",
+ })
+ .then((response) => {
+ const res =response.data
+ setProfileData(({
+ profile_name: res.name,
+ about_me: res.about}))
+ }).catch((error) => {
+ if (error.response) {
+ console.log(error.response)
+ console.log(error.response.status)
+ console.log(error.response.headers)
+ }
+ })}
- return (
- <div>
- <Home />
- </div>
- );
+ return (
+ <div className="App">
+ <header className="App-header">
+ <img src={logo} className="App-logo" alt="logo" />
+ <p>
+ Edit <code>src/App.js</code> and save to reload.
+ </p>
+ <a
+ className="App-link"
+ href="https://reactjs.org"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ Learn React
+ </a>
+
+ {/* new line start*/}
+ <p>To get your profile details: </p><button onClick={getData}>Click me</button>
+ {profileData && <div>
+ <p>Profile name: {profileData.profile_name}</p>
+ <p>About me: {profileData.about_me}</p>
+ </div>
+ }
+ {/* end of new line */}
+ </header>
+ </div>
+ );
+
+ // return (
+ // <div>
+ // <Home />
+ // </div>
+ // );
}
export default App;
--
GitLab