davidyearwood / nack Goto Github PK

When a user visits your web application for the first time, they should be prompted to type in a display name that will eventually be associated with every message the user sends. If the user close the page and returns to your app later, the display name should be remembered.

Install and configure React, Webpack, and Jest.

Currently, when a user sends a message, the message displays the sender's name, message, and a placeholder image. There should be a timestamp that accompanies the message that is being sent to the user, in this format "MMM D, YYYY HH:mm A"

If a user is on the channel page, closes the web browser window, and goes back to your web application, your application should remember what channel the user was on previously and take the user back to the channel.

Users should be able to see a list of all current channels, and selecting one should allow the user to view the channel. We leave it to you to decide how to display such a list.

The current display name form is located inside the container element, but not as a component instead as individual elements. Create a presentational component of the Display Name Form, and import it to the Chat container component.

Add at least one additional feature to your chat application of your choosing! If you're looking for ideas, possibilities include: supporting deleting one's own messages, supporting using file attachments as messages, or supporting private messages between two users.

Once a channel is selected, the user should see any messages that have already been sent in that channel, up to a maximum of 100 messages. Your app should only store the 100 most recent messages per channel in server-side memory.

The display name and message aren't aligning properly with the avatar. The display name should align with the avatar from the top.

See attached image for details.

Once in a channel, users should be able to send text messages to others in the channel. When a user sends a message, their display name and the timestamp of the message should be associated with the message. All users in the channel should then see the new message (with display name and timestamp) appear on their channel page. Sending and receiving messages should NOT required reloading the page.

Any user should be able to create a new channel, so long as its name doesn't conflict with the name of an existing channel.

When a user emits (sends) a message, the message is stored inside of the channels variable.