UCR-Senior-Design / course-project-fries

course-project-fries created by GitHub Classroom
1 stars 0 forks source link

Megan/client msg basic #39

Closed mgnChn closed 7 months ago

mgnChn commented 7 months ago

Clients can now send messages to selected recipients in real time. Test procedure:

  1. After launching backend/frontend with "npm start", run WebSocket server by navigating to: http://localhost:5000/api/messages. You can verify the websocket server is running with a console output: image
  2. Navigate to http://localhost:3000/messages. Open developer tools to view output (Messages from other clients are currently just logged in the client console). When the client has connected to the server, you will see output in the developer tools console that says "Connected to WebSocket Server!" You can open many instances like this: image
  3. Verify client has connected from the server's side by viewing print statements in the server console: image
  4. Take the uid printed in step 3 and place the desired recipient's uid in the client browser's "Enter recipient" field. You can then send messages to the desired client. The recipient will receive messages in the developer tools console: image
quichochodd commented 7 months ago

Works