General steps are as follows with some provided details to guide you in the right direction.
Add React and React-Router-Dom
Requirements
[ ] create a new react app from the root of your project (CRA/create-react-app is an easy solution: https://create-react-app.dev/). Since the "react app" isnt the app but just the frontend in your monorepo, you can name this folder something like "client" or "ui" i.e. npx create-react-app client
[ ] run react app with the start script and verify you can access it on localhost:3000
at this point a good step would be recreating all of your pages in the templates/ folder with react. Don't worry about any api integration or special functionality. Aim should be to be able to click the various buttons on any page to switch between the different pages. This will be like recreating your app but instead of html it'll be jsx and use react-router-dom to navigate around. You should also import your css into react (hint: create-react-app comes with an easy solution out of the box, check App.js)
Start with these steps. It'll essentially be standalone from your current application and won't interface with your flask server yet. This should be challenging enough as is, please ask questions if you get stuck and I can help!
General steps are as follows with some provided details to guide you in the right direction.
Add React and React-Router-Dom
Requirements
npx create-react-app clientlocalhost:3000at this point a good step would be recreating all of your pages in the templates/ folder with react. Don't worry about any api integration or special functionality. Aim should be to be able to click the various buttons on any page to switch between the different pages. This will be like recreating your app but instead of html it'll be jsx and use react-router-dom to navigate around. You should also import your css into react (hint: create-react-app comes with an easy solution out of the box, check App.js)
Start with these steps. It'll essentially be standalone from your current application and won't interface with your flask server yet. This should be challenging enough as is, please ask questions if you get stuck and I can help!