Table of Contents
The goal of this assessment is to replicate the frontend application as close as possible. You are allowed to use any frontend framework (React.js, Vue.js, etc.) or use plain Javascript, HTML, and CSS.
The first step of the assignment is to fetch data from this public JSON API, and present the information on the screen.
The second step of the assignment is to style the web page.
Next, you are going to add a text input, where a user can filter the list of students by their name (including full name!).
In the fourth step, you are going to make each student have an expandable list view, so that all of their test scores may be viewed.
Finally, you will add a text input field to add tags for a specific student. Here is what it looks like (adding a tag called “new tag”): You will then add another search bar to search for students based on tags. A strong submission will have this functionality: If a name is entered in the search by name input, and a tag is entered in the search by tag input, results that include both the name and tag should be shown.
-
npm
npm install npm@latest -g
-
node.js
npm install [email protected]
-
yarn
npm install yarn -g
- Install NPM packages
yarn install
- Install Husky
yarn run prepare
- Run the project
yarn run start
- Build the project
yarn run build
Alexey Ivanov - [email protected]