docs: update README to include Ditto authentication setup and usage instructions

Author: pvditto

examples/vite-typescript-example/README.md

@@ -1,6 +1,29 @@
-# Getting Started with Vite
+# React Ditto Example with Vite and TypeScript
 
-This project was bootstrapped with [Vite](https://vite.dev/).
+This example demonstrates how to use Ditto with React, TypeScript, and Vite.
+
+## Ditto Authentication Setup
+
+For detailed information about Ditto authentication, refer to the [Ditto Authentication Documentation](https://docs.ditto.live/key-concepts/authentication-and-authorization).
+
+### Configuring the Application
+
+To use Online mode with Ditto Cloud authentication, you need to configure the following constants in `src/AppContainer.tsx`:
+
+1. **DITTO_APP_ID**: Your Ditto application ID
+2. **DITTO_AUTH_URL**: The authentication endpoint URL
+3. **DITTO_WEBSOCKET_URL**: The WebSocket endpoint URL
+
+All these values can be found in your Ditto portal on your app's settings page.
+
+### Using Online Mode
+
+When you select "Online" from the identity dropdown in the application:
+
+1. An authentication panel will appear at the bottom of the screen
+2. Enter the following credentials:
+   - **Provider**: The authentication provider name configured in your Ditto app (e.g., "development", "jwt", etc.)
+   - **Token**: The authentication token or credentials for your chosen provider
 
 ## Available Scripts
 
@@ -35,6 +58,8 @@ Runs `eslint` to find and fix any configured linting issues
 
 ## Learn More
 
+To learn about Ditto, check out the [Ditto documentation](https://docs.ditto.live/).
+
 You can learn more in the [Vite documentation](https://vite.dev/guide/).
 
 To learn React, check out the [React documentation](https://react.dev/).