🩸🍎 -> [HDASH-4 , HDASH-5]: Add flask environment that communicates with React applets

[Gizmotronn]

Rather than having the flask server be separate to the multiple react projects (e.g. the DAO, frontend for data insertion & manipulation in HDASH-5), we'll be running react & flask consecutively on different ports:

• 5000 -> Flask
• 3000 -> React

When react is talking to flask (see package.json info below), this javascript snippet can be used to fetch (and later push) data from Flask (make sure to insert it just below function name):

const [currentTime, setCurrentTime] = useState(0);
  
  // Pull content from Flask
  useEffect(() => {
    fetch('/time').then(res => res.json()).then(data => {
      setCurrentTime(data.time);
    });
  }, [])

[Gizmotronn]

Package.json:

{
  "name": "node",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "start-server": "cd server && venv/bin/activate && flask run --no-debugger",
    "test-api": "cd server && venv/bin/activate && flask test",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "proxy": "http://localhost:5000"
}