Scribd
Upload
142 views2 pages

Front End Test

The document provides instructions for a front-end development task to create a web application that displays data from a provided API. The application must fetch and display API data according to a Figma design, handle errors gracefully, and be responsive on desktop and mobile views. JavaScript should be used for front-end logic and code quality, error handling, and API integration will be evaluated.

Uploaded by

mfebriansyaaah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
142 views2 pages

Front End Test

The document provides instructions for a front-end development task to create a web application that displays data from a provided API. The application must fetch and display API data according to a Figma design, handle errors gracefully, and be responsive on desktop and mobile views. JavaScript should be used for front-end logic and code quality, error handling, and API integration will be evaluated.

Uploaded by

mfebriansyaaah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

FRONT END TEST

You have been assigned a front-end development task to create a web application using
JavaScript to interact with an API that has already been provided. The goal of this
project is to display data from the API and implement specific features to enhance the
user experience.

API Information: Provided with HR

Task Requirements:

1. Display Data: Create a web page that fetches data from the provided API
endpoint and displays it according to the design that have been provided.
2. Design:
- Make sure the developed app follows the UI in Figma. If you have the initiative to
add additional features/pages, that will be a plus point. Note that you may not
modify an existing design in Figma.
- For the customer application, when opened using a desktop-sized page. adjust it
like mobile view
3. Error Handling: Implement error handling to display a friendly message to the
user if there is an issue with fetching data from the API.
4. On the user endpoint in Postman, you can use it as both ‘user-admin’ and
‘customer-account’

Technical Constraints:

 Use JavaScript for all front-end logic. You are free to use modern
frameworks/libraries if desired.
 You are not required to build a backend server; focus solely on the front-end
development.
 Make sure to handle edge cases such as empty responses or API errors gracefully.

Submission: You should provide the code for the entire front-end application along with
any necessary setup instructions. Host the application on a version control platform
(e.g., GitHub) and share the repository link with the test evaluators.

Evaluation Criteria:
 Proper integration with the provided API and correct data display.
 Accurate implementation of application according to the design that has been
given.
 Responsive and visually appealing design.
 Error handling and graceful degradation in case of API issues.
 Code readability, structure, and adherence to best practices.
 Efficient use of JavaScript and relevant libraries/frameworks.

Note: Feel free to ask any clarifying questions regarding the task before you start
working on it. Good luck!

You might also like