Social Feed App

Implement a widget, which renders N last social posts from the given JSON feed. The widget should pull updates from the feed with the given interval and update the displayed list by removing old items and displaying the new ones, so the most recent N posts will be displayed.

Each post record should display:

  • Post date (formatted as DD/MM/YYYY HH:MM) in the user's timezone
  • Author name
  • Message body

The widget should accept the following configuration options:

  • Feed URL
  • Number of posts to display
  • Update interval

While implementing, think about loading and rendering performance, memory usage and leaks.

The following feed can be used as an example: http://api.massrelevance.com/MassRelDemo/kindle.json. It supports both CORS and JSONP. It also provides some Web API: http://dev.massrelevance.com/docs/api/v1.0/stream/#ref-params-standard

Bonus points for more advanced webpack/babel configurations, adding unit tests, atomic component design and or use of higher order components, and UI/UX best practices.

Build

Build: npm run build
Start: npm run start
Test: npm run eslint