Hatchways

Application Demo URL

https://hatchways-app-frontend.herokuapp.com/

Installation

---

1. cd into project directory

   $ cd Hatchways/

2. Install all npm packages

   $ npm install

3. Run npm development script

   $ npm start

4. Browse to http://localhost:3000
   
   
   

Unit Test Cases

---

1. Run following command at root directory

   $ npm run test

2. To View Code Full Coverage, run following command

   $ npm run test:unit -- --coverage --watchAll=false

Features

---

• A user can filter the list of students by their name.
• A user can filter the list of students by their tag.
• Search results are always sorted based on most relevant to the name search term.
• A user can add tags to the each student.
• A user can delete the tag by clicking tag.
• Each student have an expandable list view, so that all of their test scores may be viewed by clicking expand button located upper-right corner.

Tech Stack

---

• HTML
• CSS
• Javascript
• React Hooks
• Jest / Enzyme
• ESlint
• Prettier
  
  
  

External API used

---

• https://www.hatchways.io/api/assessment/students