Skip to content

oktadev/python-flask-react-crud-example

Repository files navigation

Build a Simple CRUD App with Python, Flask, and React

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:

  1. Create an Okta developer account if you don't already have one.

  2. 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 in app/http/web/app/src/Main/index.js.

  3. Start MongoDB with Docker Compose:

    docker-compose up
    export MONGO_URL=mongodb://mongo_user:[email protected]:27017/
    
  4. Start the Python backend:

    FLASK_APP=$PWD/app/http/api/endpoints.py FLASK_ENV=development pipenv run python -m flask run --port 4433
    
  5. Start the React frontend:

    cd app/http/web/app
    npm i
    npm start
    

Help

Please post any questions as comments on the blog post, or visit our Okta Developer Forums. You can also email [email protected] if you'd like to create a support ticket.

License

Apache 2.0, see LICENSE.