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
Technology Stack
-
Node.js
-
JavaScript
-
React
Individual requirements
-
The SPA will need to demonstrate below three flows
-
Ability to follow/unfollow someone to receive/not receive corresponding feed items.
-
Ability to edit/delete the feed for the feed item owner.
-
Allow member to post message onto the dashboard and the member and all his followers should display the message on their UI
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 produced.
- The detailed deployment guide document.
- A video to demonstrate the above flows are met in your solution.