Skip to content

feed4love/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.

About

Build a simple CRUD application with Python, Flask, and React.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.1%
  • Python 24.5%
  • HTML 8.7%
  • CSS 4.7%