/assignment

Primary LanguageJavaScript

Users Profile

create users display app

Tags

Reacts , state and props

Getting Started

  1. Fork this repository.
  2. Clone the forked app from your github account.
  3. navigate inside the clone repository folder and run following command.
    • npm install - To install the dependencies
    • npm start - To Start running the application.

Users Display

Description

  • Create a component UserDetails
  • It should accept
    • user profile image (avatar)
    • first_name
    • last_name
    • address ( use the format on JSON )
    • karma (or points)
    • followers (number of followers)
    • posts (number of posts)
    • isFollowing (boolean, )
      • if true then a button to show unfollow
      • if true then a button to show follow
  • use the given JSON file to create the list of UserDetails
  • you may use module css to achieve the output (minimum inline styles)
  • Add a sort option
  • The sort button should sort users based on ascending order or descending order of name

Metrics:

  • styling
  • using lists
  • presentation

users.json

db.json

Note

  • Make sure you use only the given components and dont create new Components, files, folders of your own. Changing component name, file/folder structures might result in giving you zero marks
  • Do Not Remove data-testid="xxxx" from anywhere, these are used by testing tools to test your code, removal of this will lead to low score.
  • Also make sure to cross check all the spellings and Case of Texts.