Home

Goal of this project

Sitemap

Mocks UI

User Stories

Lobby room

As a user I want to enter my nick name.

As a user I want to see the list of chat rooms available.

As a user I want to enroll on a given room with a given nickname.

As a user I want to get notified when trying to enroll a the chosen nickname is already in use.

Chat

As a user I want to receive the messages in the chat list

As a user I want to receive updates in real time whenever anybody enters a message in the chat

As a user I want to type messages

As a user I want to send messages

Technical

Project structure

A. Simple React Application

Open points:

• If we go for ES6, how do we create ViewModels?

.
├── ./config
│   ├── ./config/webpack.config.base.js
│   ├── ./config/webpack.config.dev.js
│   └── ./config/webpack.config.prod.js
├── ./package.json
└── ./src
    ├── ./src/api
    │   ├── ./src/api/chat.js
    │   └── ./src/api/lobby.js
    ├── ./src/common
    └── ./src/pages
        ├── ./src/pages/chat
        │   ├── ./src/pages/chat/chat.component.jsx
        │   └── ./src/pages/chat/chat.container.jsx
        └── ./src/pages/lobby
            ├── ./src/pages/lobby/lobby.component.jsx
            └── ./src/pages/lobby/lobby.container.jsx

B. Tutorial Redux structure (comment advantages drawbacks)

C. Pods evolution