O'Reilly logo

Cross-platform Desktop Application Development: Electron, Node, NW.js, and React by Dmitry Sheiko

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Application blueprint

In order to describe our application requirements, the same as previously, we start with user stories:

  • As a user, I can introduce myself to the chat
  • As a user, I can see real time the list of chat participants
  • As a user, I can enter and submit a message
  • As a user, I can see messages of chat participants as they are coming

If putting it onto wireframes, the first screen will be a simple prompt for a username:

The second screen contains a sidebar with participants and the main area with the conversation thread and a form to submit a message:

The second screen shares header and footer with the first one, but the main ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required