This is the GitLab repository prepared to illustrate the development of a (full-stack) web application with Python Tornado and a Postgresql database in the backend and React in the frontend as a multi-container Docker application.
Please check out the GitLab page: [Gitlab aidaho-tinkering-club-web-app/page/index.html](https://mmoessler.aidaho-pages.uni-hohenheim.de/aidaho-tinkering-club-web-app/)
Note: This is "work in progress"!
Potential future steps:
* Deployment procedure
* Addition of an nginx revers proxy
## Apporach
This repository contains several branches, with each branch containing a different step in the development of the application.
@@ -19,16 +28,25 @@ Use `git diff tornado-backend-stage-01:tornado-backend/blog.py react-tornado-api
* React frontend on top of the Tornado backend.
* This can be found on branch `react-frontend-stage-01`.
* Main changes:
* Addition of the `react-frontend` directory.
* Addition of the `react-frontend/my-react-app` directory with the react source files created by `create-react-app`.
### Step 3
* Tornado backend as an API for the react frontend.
* This can be found on branch `react-tornado-api-stage-01`.
* Main changes:
* Addition of `react-frontend/my-react-app/src/components/MessageComponent.js` with an API call to the Tornado backend
* Update of `tornado-backend/blog.py` with a route and handler to handle requests from `MessageComponent.js`
### Step 4
* (Full-stack) replication of the Tornado blog demo with react (frontend) and Tornado (backend).
* This can be found on branch `react-tornado-blog-stage-01`.
* Main changes:
* Addition of additinal components in the frontend
* Addition of additional routes and handlers in the backend
