Run this codes on your termial to view the project
npm install
- press Enter
npm run dev
- press Enter
https://xd.adobe.com/view/121254c9-532f-4772-a1ba-dfe529a96b39-4741/specs/ https://www.chartjs.org/ https://documenter.getpostman.com/view/11861104/2sA35G42ve#e841b49f-dd8f-4d79-8306-2fa1f1d29fb9
Front End Developer Dynamic Skills Test V2 Test Overview: QUESTIONNAIRE: 15 minutes; VIDEO INTERVIEW (video camera needed): 15 minutes; DEVELOPMENT CHALLENGE: 180 minutes
Step 3 7. In this skills test, you’ll be converting an Adobe XD template to HTML, and you will be making an API call to update different parts of the UI.
Instructions You will be responsible for converting an Adobe XD template to HTML while making API calls to populate the UI.
The URL to the Adobe XD template can be found here - https://xd.adobe.com/view/121254c9-532f-4772-a1ba-dfe529a96b39-4741/
Using the Coalition Technologies Patient Data API, you are to make a GET request to fetch the information that will be used to populate the UI to be created. The API documentation can be found here -https://documenter.getpostman.com/view/11861104/2sA35G42ve
In the Adobe XD template, there is a graph showing the blood pressure of the patients each year. We recommend using https://www.chartjs.org/. However, feel free to use any other chart or graph library if you’re more comfortable with that.
Once you complete the test, create a single zip file of all the files used in creating your submission. Only supplying minified files can affect your score, so please ensure the source files are also included.
Once the zip file has been created, please update it on the application page.
Important Notes:
Display information only for Jessica Taylor; do not bother displaying other patients' data, as this will not yield extra points in the skills test.
Avoid spending time on UI interaction that is not present in the template. For example, A. spending time working on the logic and interaction of the search button B. spending time trying to code a dropdown for the gear icon. C. spending time to work on the interaction with the ellipses (...) in the side navigation
Doing these will not yield you any extra points. Instead, please focus on implementing the best coding practices and matching the designs.
Goal is to convert this into a single page response site. Please make sure to read the INSTRUCTIONS and IMPORTANT NOTES on the guide given.
To ensure a fair and honest assessment of your skills, please adhere to the following guidelines: Do Not Publish Your Code: Refrain from uploading your code to any public repositories or platforms. Sharing your code publicly may lead to others using it, which compromises the integrity of our testing process. Do Not Use Other People's Code: Ensure that all the code you submit is entirely your own work. Utilizing code from other sources may result in the rejection of your application, as we need to accurately assess your individual skills and capabilities. Failure to follow these guidelines can lead to you being automatically disqualifed from the selection process. We appreciate your understanding and cooperation in maintaining the integrity of our evaluation process.
FileNo file chosen TIP: Using a zip file may be the most efficient way to upload your test submission.
If your file is large or your internet connection is slow, uploading this file can take several minutes (or even longer). Please be patient. Files must be no larger than 250 MB