create a new page to show user details

[chefsrini]

api end point: https://tinyfac.es/api/users list the users with photo, name

React Router: https://reacttraining.com/react-router/web/guides/basic-components new route /users

basic layout

avatar component http://www.material-ui.com/#/components/avatar list component http://www.material-ui.com/#/components/list

exmample tutorial https://react.semantic-ui.com/elements/list#list-example-image

[chefsrini]

var users = [ { "avatars": [ { "height": 200, "size": "small", "url": "https://tinyfac.es/data/avatars/BA0CB1F2-8C79-4376-B13B-DD5FB8772537-200w.jpeg", "width": 200 }, { "height": 499, "size": "medium", "url": "https://tinyfac.es/data/avatars/BA0CB1F2-8C79-4376-B13B-DD5FB8772537-500w.jpeg", "width": 500 }, { "height": 999, "size": "large", "url": "https://tinyfac.es/data/avatars/BA0CB1F2-8C79-4376-B13B-DD5FB8772537-1000w.jpeg", "width": 1000 }, { "height": 1365, "size": "original", "url": "https://tinyfac.es/data/avatars/BA0CB1F2-8C79-4376-B13B-DD5FB8772537.jpeg", "width": 1365 } ], "avatars_origin": { "facebook_profile_link": "https://www.facebook.com/app_scoped_user_id/1838875023047740/", "id": 657, "name": "Erwan Gauthier" }, "first_name": "Shem", "gender": "male", "last_name": "Glascoe" } ]

[chefsrini]

users.map( function )