jyon124 / Hatchways

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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


About


Languages

Language:JavaScript 89.5%Language:CSS 9.1%Language:HTML 1.4%