yarn install
yarn start
- test coverage added with jest and React Testing Library
- all components are functional -- some are combined with React Hooks to house necessary state logic
- Messages should be rendered in a table-like structure. The newest messages should appear at the top of their respective columns.
Note: The example design below.
-
The messages should be color coded depending on the priority of the message. The appropriate color per priority is:
- error: #F56236
- warning: #FCE788
- info: #88FCA3
-
Each time a message with the priority level of error is received, a snackbar containing the error message should also appear at the top of the application. The error should disappear in 2 seconds, when another error message takes its place, or when the user clears it via the provided button located in the error message.
-
A user should be able to clear all messages at any point.
-
A user should be able to clear a specific message in a specific column
-
A user should be able to start and stop incoming messages. By default the messages should be running and displaying on the grid. The start/stop button should update depending on the state of the feed.
-
A user should see a count of specific messages in each column
-
Use material-ui components and JSS styles.
-
Test your application to the degree that you feel comfortable with. No specific testing frameworks are required.