nss-evening-cohort-11 / sole-mate

0 stars 0 forks source link

Display all current messages #9

Open zoeames opened 4 years ago

zoeames commented 4 years ago

User Story

As a user, when I am on the messages page, I would like to see all current messages.

AC

WHEN the messages page loads THEN I should see all "current" messages AND there should be 6 of them AND they should have the user image and the text displayed

Dev Notes

In messages.js create div with id='message-container'
Add array called messages into main.js;
create function called messageBuilder that loops over an array of messages and then calls printToDom

zoeames commented 4 years ago

Wireframe:

zoeames commented 4 years ago

Sample Message:

const message = {
    id: 'message1',
    name: 'steve',
    imageUrl: 'https://assets.bombas.com/image/fetch/f_auto,q_auto/https://cdn.shopify.com/s/files/1/1119/5850/products/navy-cream-layflat-product_9915ee42-f6ab-4bb5-8315-9f56aae0ebe8_1600x1600.jpg%3Fv%3D1576081488',
    text: 'Hi I am steve'
};