mdbudnick / NodeJSApplication

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  1. The implementation should exhibit the same functionality as the screenshot below, but your version should look better.
  2. Populate the page with data from articles.json. Initially show 10 of the 30 articles that are populated.
  3. 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.
  4. Allow the user to sort the table via the words and submitted columns.
  5. 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.

End Product

Email david@mic.com, anthony@mic.com, and marcus@mic.com with any questions you may have.

About


Languages

Language:JavaScript 64.1%Language:CSS 22.8%Language:HTML 13.1%