Key Information

Register
Submit
The challenge is finished.

Challenge Overview

The HiWire Chat application will be a skeleton design of a chat application, similar to Slack or Rocket.chat.
The application will be a single window with scrolling chat and a simulated backend, but all on the client-side.
The client wants this prototype to encompass many rich chat features like:

* Message display, and editing
* Typing indicator
* Custom and regular emoji support
* Video, picture, and document upload, with preview
* User avatar images
* Animations and transitions
* Bold, italics, code formatting, Katex support
* React-Native clients for mobile devices and desktop

Challenge

This challenge will add the ability to add separate message channels to the demo.

Browser requirements

We'll be targeting all modern browsers - IE, Firefox, Safari, and Chrome.  If there are problems with supporting a specific browser, please bring this up in the forum right away.  Mobile targets will be handled by a future React Native implementation.

React

The implementation will be done in React.  Future challenges will also integrate with React-Native and Electron.io for native mobile and desktop clients.
Your solution must be easily deployable and testable on Heroku

UI

Please try to follow the existing UI structure and look and feel, except for where we are asking you to change it.

Requirements

The requirements for this challenge can be found in this Gitlab ticket:

https://gitlab.com/hercules-react-chat/react-chat-ui/issues/17

Existing code

Existing code for the app skeleton and general message display has been implemented and will be linked to from the forum.  Your submission must be a patch file against the existing code in Git.

Submission

Your submission must include:

* The code meeting the requirements above, in patch file form against commit hash d02efebac7d0d387b4bb3981044951161b6cf309
* A detailed README.md covering how to build and deploy the application locally, and also how to deploy to Heroku
* Validation information (either a separate doc or in the README.md) for each of the requirements above
* A video showing the reactions functionality working properly

 

 


Final Submission Guidelines

Please see above

ELIGIBLE EVENTS:

2018 Topcoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30059925