FullStack Tutorial
- Author: Jack Jiang
- Date: Jul. 2019
In this fullstack tutorial, I will implement a simple CRUD App, including:
- A Frontend using JavaScript(React)
- A Backend using Python(Flask)
Create Frontend from scratch
Prerequisite
Create React App
npx create-react-app frontend # create basic react app
cd frontend
npm install --save reactstrap # install essitial modulesCreate Backend from scratch
Prerequisite
Create Flask App
mkdir backend
cd backend
python3 -m venv python_modules # create python environment
source ./python_modules/bin/activate # activate python environment
pip install flask flask-cors # install essitial modules
python -m pip freeze > package.txt # save dependencies to package.txt
deactivate # deactivate python environmentAlternatively, you could use ppm (no available for Windows)
mkdir backend
cd backend
ppm install
ppm install flask flask-cors # install essitial modules