Dev/adi/adding simple apis to backend

.gitignore

@@ -125,3 +125,7 @@ dist
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+/venv
+/__pycache__
+venv
+__pycache__

backend/lib/api.py

@@ -0,0 +1,6 @@
+from flask import Flask
+from lib.routes import api
+
+app = Flask(__name__)
+
+app.register_blueprint(api)

backend/lib/routes.py

@@ -0,0 +1,16 @@
+import time
+from random import randrange
+
+from flask import request, jsonify, Blueprint
+
+api = Blueprint('api', 'api', url_prefix='/api')
+
+
+@api.route('/room/create', methods=['POST'])
+def createRoom():
+    creator_id = request.get_json().get('creatorID')
+    room_id = randrange(999999999)
+    creation_date = time.time()
+    room_socket_port = randrange(30000, 50000)
+
+    return jsonify({'roomID': room_id, 'creationDate': creation_date, 'roomSocketPort': room_socket_port})

frontend/package.json

@@ -16,6 +16,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
+    "start-api": "cd ../backend/lib && venv/bin/flask run --no-debugger",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
@@ -34,5 +35,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "proxy": "http://localhost:5000"
 }

frontend/src/APIUtils.js

@@ -3,23 +3,21 @@ import {
   SERVER_PORT,
   ROOM_ROUTES,
   ROOM_ACTIONS,
-} from './shared_code/consts';
-import axios from 'axios';
+  API_ROUTES,
+} from "./shared_code/consts";
+import axios from "axios";
 
 export const createRoom = async (roomDispatch, creatorID) => {
   const req = { creatorID };
   try {
-    const res = await axios.post(
-      `${SERVER_ADDRESS}:${SERVER_PORT}/${ROOM_ROUTES}/create`,
-      req,
-    );
+    const res = await axios.post(`/${API_ROUTES}/${ROOM_ROUTES}/create`, req);
     roomDispatch(
       ROOM_ACTIONS.initRoom(
         res.data.roomID,
         res.data.creationDate,
         res.data.roomSocketPort,
-        [],
-      ),
+        []
+      )
     );
   } catch (err) {
     window.alert(`Server giving us something wrong! ${err}`);
@@ -30,7 +28,7 @@ export const registerToRoom = async (
   playerID,
   playerName,
   roomID,
-  roomDispatch,
+  roomDispatch
 ) => {
   try {
     const res = await axios.get(
@@ -41,7 +39,7 @@ export const registerToRoom = async (
           playerName,
           roomID,
         },
-      },
+      }
     );
     const { error, errorMessage } = res.data;
     if (error) {
@@ -52,8 +50,8 @@ export const registerToRoom = async (
           roomID,
           res.data.creationDate,
           res.data.roomSocketPort,
-          res.data.roomPlayersList,
-        ),
+          res.data.roomPlayersList
+        )
       );
     }
   } catch (err) {

frontend/src/shared_code/consts.js

@@ -1,15 +1,16 @@
-export const SERVER_ADDRESS = 'http://localhost';
-export const SERVER_PORT = '8080';
-export const ROOM_ROUTES = 'room';
+export const SERVER_ADDRESS = "http://localhost";
+export const SERVER_PORT = "3000";
+export const API_ROUTES = "api";
+export const ROOM_ROUTES = "room";
 
 export const PLAYER_ACTIONS = {
-  generateUniqueID: { type: 'generateUniqueID' },
+  generateUniqueID: { type: "generateUniqueID" },
 };
 
 export const ROOM_ACTIONS = {
   initRoom: (id, creationDate, socketPort, playersList) => {
     return {
-      type: 'initRoom',
+      type: "initRoom",
       data: {
         id,
         creationDate,
@@ -18,17 +19,17 @@ export const ROOM_ACTIONS = {
       },
     };
   },
-  updatePlayerList: (playersList) => {
+  updatePlayerList: playersList => {
     return {
-      type: 'updatePlayerList',
+      type: "updatePlayerList",
       data: {
         playersList,
       },
     };
   },
-  setRoomID: (id) => {
+  setRoomID: id => {
     return {
-      type: 'setRoomId',
+      type: "setRoomId",
       data: { id },
     };
   },