Making a simple app using React and Flask. Deployed on railway.app and heroku.

• setup venv
• setup database
• setup environment variables
• build the frontend
• run the server
• makefile

• Works on python 3.8
• Create a python virtual environment (venv) using the command ...
• Activate the venv
• Run the command pip install -r requirements.txt

• Setup a mysql server (I use XAMPP for development)
• Create a database
• Run a python shell and run the following commands:
  • import run.py
  • db.create_all()
• Now, the database should be populated with tables

• The mysql credentials should match the db created in the previous step

• Create a file called .env in the root of the application. It should look something like (fill the ...'s with actual values):

  FLASK_ENV=development
  JWT_SECRET_KEY=...
  
  MYSQL_PASSWORD=...
  MYSQL_USERNAME=...
  MYSQL_SERVER=...
  MYSQL_DB=...
  

• Make sure the secret key is a long random string. You can generate it by typing the following lines in the python shell:

  import secrets
  print(secrets.token_urlsafe(64))

• Go into the 'frontend' folder and run the command npm run build.

• In the root folder of the project, run the command flask run.
• This should start a development server.

• The flask server runs at localhost:5000. If you build the frontend, flask will serve the build at localhost:5000/.
• If you are editing the frontend and want to see the changes updated automatically, run npm start in the 'frontend' folder.
• This will create a react development server running at localhost:3000.
• This will be rerun at every save in a react file, so you can develop easily.

• These steps have been simplified in the makefile.
• This is yet to be fully implemented.
• Once it will be, running the command new-setup will do most of the work.