The objective of this project is to use a data access API endpoint to fetch data from a server, and then render the information according to the mockup provided. A display of the informtion which an be fetched from the servers is given in the screenshot section.
Other additional requirements are as follow:
- only JavaScript, HTML, and CSS can be used to complete the task. No helper functions, libraries, orframeworks are allowed.
- The top right “Crown” icon should only be displayed if the employee is featured
- Each 'role' is given a corresponding color
- Images for employees can be found in http://sandbox.bittsdevelopment.com/code1/employeepics/{id}.jpg
Ajax XMLHttpRequest was used to fetch the information from the server. The JS information was then converted into an object, and with the aid of a for loop, the data was displayed with consistent design pattern. CSS was used to render the page according to the mockup.