Connecting CoreUI frontend with python backend in 5 easy steps

This tutorial is all you need to get started with Full Stack development using React based CoreUI and Python & Flask web server.

Here are the tutorial contents:

• Validate Python & Flask applications with support to handle both GET and POST request
• Add development proxy server into React CoreUI front end application
• Add classes to handle both GET and POST RESTful request to the backend server
• Connect routes based pages to call the Python backend API and collect the data
• Parse the RESTful API response and render it into the web page
• Verify both GET and POST connections are working between CoreUI and Python web server with data transfer back and forth.

Here is the video timeline: (00:00) Start of the Video (0:06) Intro (1:28) GitHub code review (2:20) Python code review in PyCharm (3:05) Python code extended YouTube tutorials link (3:55) CoreUI React admin template code cloning (5:18) CoreUI code open in VSCode (6:30) Step 1 - setupProxy.js added with code (7:10) Step 2 - Add backend server into .env (7:50) Step 3 - Implementing Get API connection function to backend (9:21) Step 4 - Implementing Post API connection function to backend (10:45) Step 5 - Using Get and Post implementation in code (14:03) Get API connection verification with code (16:06) Post API connection verification with code (18:28) Pushing code to GitHub repo (20:05) Recap

You can get the code used in this tutorial from the link below: https://github.com/prodramp/publiccode/tree/master/coreui/python-backend-connect

CoreUI React admin template (v4.1.1): https://github.com/coreui/coreui-free-react-admin-template

Please visit: https://prodramp.com @prodramp https://www.linkedin.com/company/prodramp

Content Creator: Avkash Chauhan (@avkashchauhan) https://www.linkedin.com/in/avkashchauhan

Tags: #webdevelopment, #frontend #react #python #layout #coreUI #flask #webserver #webdevelopment #restful #GET #POST #fullstackdevelopment #pandas #matplotlib #datavisualization #conda #webapp #apply #transform #github #groupby #prodramp #wetogethervc ... https://www.youtube.com/watch?v=JRrM7xBP0jc