@@ -17,7 +17,7 @@ A real-time auction app built with the **Web PubSub Chat SDK**. Bids appear inst
1717
1818## Prerequisites
1919
20- 1 . An Azure Web PubSub resource ( ** PPE portal ** , region ` CentralUSEUAP ` or ` EastUS2EUAP ` )
20+ 1 . An Azure Web PubSub resource
21212 . Enable ** Persistent Storage** (Table) and create a ** Chat Hub** with chat feature enabled on the resource
22223 . Copy the connection string
2323
@@ -27,22 +27,23 @@ A real-time auction app built with the **Web PubSub Chat SDK**. Bids appear inst
2727# Install dependencies
2828yarn install
2929
30- # Start the server (pass your connection string)
30+ # Start the server
31+ node server.js
32+ ```
33+
34+ Or set the environment variable:
35+ ``` bash
3136export WebPubSubConnectionString=" <your-connection-string>"
32- yarn start
37+ node server.js
3338```
3439
3540Open ` http://localhost:3000 ` in multiple browser tabs.
3641
3742## Walkthrough
3843
39441 . Open ** two or more** browser tabs and log in with different usernames (e.g. ` alice ` , ` bob ` )
40- 2 . In Alice's tab, create an auction:
41- - Item: ` Vintage Watch `
42- - Starting price: ` 100 `
43- - Bidders: ` bob `
45+ 2 . In Alice's tab, pick any item from the list and create an auction, invite ` bob `
44463 . Bob's tab will instantly show the new auction in "Active Auctions"
45- 4 . Click the auction — the highest bid panel shows the starting price
46- 5 . Bob places a bid of ` $150 ` → Alice sees it update ** instantly** (green flash)
47- 6 . Alice outbids with ` $200 ` → Bob sees it in real time
48- 7 . The bid history shows every bid with timestamps, newest first
47+ 4 . Click the auction to enter, then click any bid increment button to place a bid
48+ 5 . Both tabs see bid updates in real time
49+ 6 . The bid history shows every bid with timestamps, newest first
0 commit comments