microsoft--semantic-kernel/dotnet/samples/Demos/ProcessWithCloudEvents/ProcessWithCloudEvents.Client

React App for SK Process with Cloud Events

Getting Started

Follow the steps below to set up, run, and debug the React app for SK Process with Cloud Events.

Prerequisites

• Node.js (LTS version recommended)
• Yarn (package manager)

Installation

1. Navigate to the project directory:

cd <repo>/dotnet/samples/Demos/ProcessWithCloudEvents/ProcessWithCloudEvents.Client

2. Install the dependencies:

yarn install

Alternatively, you can use the existing Visual Studio Code task:

1. Open the Command Palette in Visual Studio Code (Ctrl+Shift+P or Cmd+Shift+P on macOS).
2. Search for and select Tasks: Run Task.
3. Choose the yarn: install task from the list to install the dependencies.

Running the Application

1. Ensure that the backend server is running.

2. Start the development server:

yarn: run dev

Alternatively, you can use the existing Visual Studio Code task yarn: run dev.

3. Open your browser and navigate to http://localhost:5173 to view the app.

Usage

1. Select cloud technology to be used.
2. Select SK Process to be used.
3. Interact with the UI to send events/messages to the backend. The UI will display any incoming events/messages from the backend.
4. Use the provided buttons/inputs to trigger specific actions or events as needed.

Debugging

1. Run the application.
2. Start the app in debug mode:

• If using Visual Studio Code, go to the "Run and Debug" panel and select Launch Edge against localhost.

3. Set breakpoints in your code to inspect and debug as needed.

For more details, refer to the official React documentation: React Docs.