React-Flask Application

Sample Data Visualization Project. Frontend-React JS | Backend framework-Flask | Backend language-Python To Start the project you must start backend and frontend without starting any one of them the project won't start

How to start Frontend (React.js)

> source\react-flask-app> npm i

> source\react-flask-app> npm start

How to start Backend (Python+flask)

> source\react-flask-app\api> python -m venv backend

> source\react-flask-app\api> backend\Scripts\activate

to download the requirements

> (backend)source\react-flask-app\api> pip install -r requirements.txt

> (backend)source\react-flask-app\api> set flask_app=app

> (backend)source\react-flask-app\api> flask run

Resources

Frontend Resources

React Documentation (the open-source front-end JavaScript library for building) : https://reactjs.org

MUI Documentation (the React UI library) : https://mui.com

react-vis Documentation (Data visualization library based on React) : https://www.npmjs.com/package/react-vis

Backend Resources

Flask Documentation (Flask is a micro web framework written in Python) : https://flask.palletsprojects.com/en/2.1.x/

Other Resource Documentations

Build A React + Flask App with a react-vis to create a line chart for data visualization https://aknay.github.io/2021/01/06/build-a-react-flask-app-with-react-vis-chart-for-data-visualization.html#google_vignette

How To Create a React + Flask Project https://blog.miguelgrinberg.com/post/how-to-create-a-react--flask-project

General Usage Tutorials https://www.twilio.com/docs/usage/tutorials/

How to set up your Python and Flask development
environmenthow-to-set-up-your-python-and-flask-development-environment#install-flask-and-the-twilio-python-sdk

sample jupiter lab model https://jupyter.org/try-jupyter/lab/