Take-Home Front End Prompt

News Reader

You will create a news reader application that pulls articles from the News API.

Note: this API limits you to 100 requests a day. During development, it behooves you to build using mock data to limit the number of actual requests being made. At the time of demonstration/evaluation, please make sure you are making live requests!

Requirements:

At a minimum, you must show:

  • A list of articles (headline, image, description if present, date)
  • A “detailed” view for each article (headline, image, date, content, source)
    • Articles in the list must link to a detailed article view within your app (linking to the source website does not fulfill this requirement)
  • Some sort of search, filter, OR sort

Beyond the base requirements, include any additional elements you’d like, just be mindful of your time. You don’t need to go overboard, just consider what might be necessary to achieve MVP so that this news feed is easy-to-use, information is clear, and navigation is painless. Put yourself in a user’s shoes and think about what you would need (or want). The app should be usable on desktop, tablet, and mobile devices.

Things we’ll be looking for:

  • A strong understanding of React JS and Front-End best practices
  • Your ability to prioritize for MVP
  • An understanding of basic usability practices and standards
  • A clear hierarchy of information
  • Clean, well thought out code

Try to limit your total time to around 8 hours on this project. Prioritize what is important to get this feed working and as close to MVP as possible. Please do not attempt to recreate an entire newspaper’s website. We’re interested in seeing your ability to write clean code to solve a problem with an understanding of basic UX. We’re not looking for fancy UI tricks or hacks.

Lesson Search Results

Showing top 10 results