Users Profile

create users display app

Tags

Reacts , state and props

Getting Started

Please ensure that you don't have " " (space or special characters) in your folder names else tests may not run properly.

1. 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 false 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.