DEV Community

Cover image for Responsive Message Feed
@iamserda
@iamserda

Posted on

Responsive Message Feed

A responsive landing page for a fictional app: a feed of rants from around the world/country/city/local.

UI: photo, rant title or user's name, the message with some effects.

Future changes: Btn(vote +/-), shareBtn, viewCounter, userId, messageId. etc...

Link to the scrim: https://scrimba.com/scrim/cB8k3DHw

Link to the pen: https://codepen.io/iamserda/pen/MWbrapw

API: JSONPlaceholder
Tech: vscode, html, css, javascript, es6+

Photo from Unsplash. I have provided a link to the photographer's unsplash page.

Interface mostly built dynamically via DOM manips.

  • iamserda

Top comments (2)

Collapse
 
thomasbnt profile image
Thomas Bnt ☕

Hey 👋🏼

This looks like a good post here. Can you share this in full on DEV?

DEV generally asks that folks share their posts in full if possible and there is tooling provided to make it so that it's relatively easy to repost from outside blogs.

Hope you'll consider sharing the full post going forward.

Collapse
 
iamserda profile image
@iamserda

Thanks Thomas, I certainly will edit this and follow your guidance next time. Thank you!