This tutorial show how to build a basic CRUD (Create, Read, Update, and Delete) application using Python with Flask as the API and React for the front-end.
Please read the Build a Simple CRUD App with Python, Flask, and React to see the step-by-step instructions for creating this application.
If you'd like to simply clone this repo and configure it with your Okta settings, here's the abbreviated steps:
-
Create an Okta developer account if you don't already have one.
-
Create a new Web app and SPA app on Okta with the default settings. Put your web app settings in
client_secrets.json
. For the SPA app, put your settings inapp/http/web/app/src/Main/index.js
. -
Start MongoDB with Docker Compose:
docker-compose up export MONGO_URL=mongodb://mongo_user:mongo_secret@0.0.0.0:27017/
-
Start the Python backend:
FLASK_APP=$PWD/app/http/api/endpoints.py FLASK_ENV=development pipenv run python -m flask run --port 4433
-
Start the React frontend:
cd app/http/web/app npm i npm start
Please post any questions as comments on the blog post, or visit our Okta Developer Forums. You can also email developers@okta.com if you'd like to create a support ticket.
Apache 2.0, see LICENSE.