ico-arrow-big-left

Topcoder Community App - Dashboard - NewsFeed Part 1

Key Information

Register
Submit
The challenge is finished.
Show Deadlines

Challenge Overview

Challenge Objectives

Technology Stack

  • Node.js

  • JavaScript

  • React

Individual requirements

  • The SPA will need to demonstrate below three flows

  1. How would a TC admin "manually" push ad hoc announcements such as announcing a community town hall event.

  2. How do we send something like the above event to targeted audiences? (another feed group)

  3. 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.

Important Notes

  • 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.



Final Submission Guidelines

Submission deliverables

- 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.

Payments

Topcoder will compensate members in accordance with our standard payment policies, unless otherwise specified in this challenge. For information on payment policies, setting up your profile to receive payments, and general payment questions, please refer to ‌Payment Policies and Instructions.

ELIGIBLE EVENTS:

2020 Topcoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board
?

Approval:

User Sign-Off
?

ID: 30121719