** This is for the Pearl Frontend Internship. It is an unpaid position **

Prompt

Make a visual front-end for a user to see an inbox of recent text messages. Optimize the display / functionality in any way necessary. (Pagination, Searching, Preview-pane, etc..) We want to keep this purposefully open-ended to test your creativity.

Requirements

• The only technical requirements are that this application is developed with Angular, it uses the provided API for the data, and displays some important data about each recent message.

Basic Guidlines

• The most basic form of this application will be a simple table that displays all the incoming messages returned by the API. (Note: the word "table" here is not meant to constrain you to using a literal table, it's just meant to indicate the "rows" of similarly structured data should be displayed one after the other in an ordered fashion. If you have a creative idea on how to display these messages that isn't a table, we'd love to see it!)
• Each row would have the full name of the person sending the message, the first ~250 characters of the message, and then the time/date of when the message was received.

Preferred Guidelines

If you have the technical chops and inclination, we'd love to see these features as well:

• Ideally the messages would be either paginated within the table so that if there's a lot of messages it doesn't just make one huge page.
• Allow the user some sort of sorting and filtering options based on what the API returns
• Make it possible to search the messages

Bonus Points!

As a bonus challenge, we have a real time Pusher set up that publishes a new message every time one is received so that the user can get real-time updates without refreshing the page. The challenge here would be to set up your front-end to subscribe to that Pusher to get updates in real-time. If you're interested in doing this, we can provide you with the details to connect to our Pusher, just contact us!

API Documentation

Test this out with Postman and let us know if you have any problems!

Endpoint: https://x17hs8niwh.execute-api.us-east-1.amazonaws.com/dev/demo/get-seekers

Method: GET

Required Headers: None (if you have issues like internal server error contact us)