React Trial Method

Dynamically fetch the component itself externally.

Preview

Data Setup Serving:

1. Run python cors_server.py --port <available-port> or use py instead of python.

React Setup Installation:

1. Create an .env file that contains:

VITE_DATA_URL=<python-serving-data-url>

2. Run npm install
3. Run npm run dev

---

Prerequisites

• NodeJS
• Python

---

React Dependencies & Configuration

The following is a list of installed dependencies and configuration settings used in this project. You don’t need to install anything manually, as all dependencies are already managed through package.json. This section is provided for reference only, to give you insight into how the project was set up.

React Dependencies

• npm install tailwindcss @tailwindcss/vite

React Configuration Dependencies

• Update vite.config.ts:

  import tailwindcss from '@tailwindcss/vite'
  
  export default defineConfig({
    plugins: [
      tailwindcss(),
    ],
  })