Mic Frontend Development Test
General Guidelines
This is a Frontend developer competency test designed to gauge skill, attention to detail and affinity for standards based development.
- Feel free to email david@mic.com, anthony@mic.com, and marcus@mic.com with any questions you may have.
- The code should follow best practices.
- You may use any libraries or frameworks that you want for this task - but prepare to motivate your choices in the follow-up interview.
- Project structuring and setup files have been ommitted. We would like to see how you think about project organization.
- Even though this is a small project, treat it with the mindset of a larger one.
- Commit your progress often.
- Your submission should include a readme-file with instructions on how to install & get started.
Submission
Init a git repository, complete the test, make your commits locally and then email a compressed version of the entire code base to david@mic.com and anthony@mic.com (including the hidden .git directory).
Implementation Details
- The implementation should exhibit the same functionality as the screenshot below, but your version should look better.
- Populate the page with data from
articles.json
. Initially show 10 of the 30 articles that are populated. - At the bottom of the table should be a Load More button (not shown below) that will show 10 more rows. If there are no more articles to show from the bootstrapped data, then make an xhr request to
more-articles.json
and dynamically add them to the table, 10 at a time. - Allow the user to sort the table via the
words
andsubmitted
columns. - If a user leaves the page and then returns, their previous sorting choice should be automatically set. For this one you can ignore having your solution work in non-modern browsers.
Email david@mic.com, anthony@mic.com, and marcus@mic.com with any questions you may have.