Challenge Overview

Challenge Objectives

Create an SPA application to demonstrate the capability of the stream (https://getstream.io/activity-feeds/) for our new NewsFeed feature

How would a TC admin "manually" push ad hoc announcements such as announcing a community town hall event.
How do we send something like the above event to targeted audiences? (another feed group)
How do we automatically add something like announcing challenge winners to the newsfeed?

You also need to provide an auto-script to allow us to push multiple feed items automatically and the pushed feeds should be displayed on the UI for corresponding members:

e.g.

For #1 above, any members should receive the feed item.

For #2 above, only certain amount of members should receive the feed item

For #3 above, only the members registered in the corresponding challenge should receive the feed item.

We perferral it written using nodejs.

The purpose of the challenge is to demonstrate the capability of stream so the designs shared below are just for reference. We don’t need the UI to match the design, just make sure the UI is easy to operate on.
Please make sure with your solution, we only need to change some configurations in it in order to deploy on another stream account. (https://getstream.io/activity-feeds/)
UI design for reference, https://marvelapp.com/6091272/screen/67412375
You don’t need to integrate with any topcoder existing libraries or challenges, you can configure all the types of users or challenges that are needed when you try to achieve above business flows.
A general flow document is provided in the forum, you are not requested to follow the provided document. But you need to make sure all the flows mentioned in this challenge spec are covered in your solution.
The feed item structure doesn’t need to be complex, you can add necessary ones as you need. Here is all the supported field type: https://activitystrea.ms/specs/json/1.0/
Please use React Context API to manage the state in the application, we want to avoid Redux. Here is an article for your reference: https://medium.com/@chathuranga94/introduction-to-react-context-api-90f5e4d7a7a9

If you have any questions please do not hesitate to ask for clarification in the challenge forum.

- The Frontend Application you have developed.

- The auto-script project you have developed

- The detailed deployment guide document.

- A video to demonstrate the above flows are met in your solution.