/Front-End-Developer-Take-Home-Challenge

Front End Developer Take Home Challenge

Primary LanguageJavaScript

Developer-Take-Home-Challenge

As the next step in the interview process, we’d like you to complete a take home challenge.

The Project

Let's assume that data.json contains API responses we want to present to a Ground Resources Management (GRM) operator. Every day, GRM operators work with data similar to what you'll find in the provided JSON file. The task is to create a dashboard presenting data found within the provided JSON file in a clear and intuitive manner. Please feel free to peruse the Astro UX Design site (https://astrouxds.com/) for ideas or inspiration.

Requirements

The data.json file consists of a list of contacts (satellites) and any alerts associated with them configured in a GRM application. Contacts can have properties such as name, status, state, etc. Any alerts the contact has will have the properties errorId, errorSeverity, etc.

  • For each alert, I need to know the following:
    • Alert message (errorMessage)
    • Contact name (contactName)
    • Contact time (contactBeginTimestamp - contactEndTimestamp)
  • I need to be able to see the details of an alert by clicking on a button called Show Details that utilizes rux-modal to show the contactSatellite and contactDetail values
  • I need the alerts to be sorted by error time with the most recent at the top (errorTime)
  • I need to know which alerts I have already acknowledged so that I don’t process the same alert multiple times by mistake. Also once I’ve dealt with an alert, make it clear it’s not something I need to pay attention to again:
  • Only unacknowledged alerts can be acknowledged
  • Acknowledged alerts cannot be unacknowledged
  • Acknowledged alerts must be visually distinct from unacknowledged alerts
  • I want to be able to view alerts by their severity as well so that I can prioritize acknowledging the more severe alerts first.

Technical Requirements

  • This project can be done in any framework of your choice.
  • This project should make use of the Astro component library.
  • You are free to use any third-party libraries.
  • Please feel free to reach out to ask any questions (jeremy.benson@rocketcom.com).
  • Steps to follow:
    • Fork this repository
    • Work on your solution
    • Create a pull request with @github/rocket-bensonism as the reviewer, if available.
  • Have fun and be as creative as you like!

Timeframe

We would like the take home challenge to be completed within 5 days. If you need more time, please reach out to us. You will not be judged on how quickly you complete the challenge.