React project (3) review

Code Feedback
1

Learning React, worked on third test project.

Pending features:
a. Add cache to check if there are no more repositories available post Fetch call and hide View more button instead of redundant user click interaction.
b. Loading animation.

Things I learnt in this test project:
a. Spread operator usage
b. setState callback methods
c. Pagination in fetch

Live: https://gitud.netlify.app/

Source: https://github.com/tpkahlon/javascript/tree/master/github-user-directory

1 Like
2

Congrats on this. Very cool test project. Few things to think about:

  • Search only showing one item feels odd. Most users would expect to see a list of results after hitting ‘Search’
  • Since you are paginating results could you tell the user ‘Showing 10 of 50 possible matches’ or similar
  • ‘View another project’ still shows up even if the developer has only one project (also should it say ‘Repos’?
  • Loading one more at a time is slow, could it load 5 more repos each click (or some other number)
3

I like this.

This may be just my crazy way of thinking, but it would be cool if you could filter out, say, forked repositories when displaying projects. Or, at least give the user the option of filtering.

9

I do not have much knowledge about React and API’s but your project looks super cool . Have u learned React from FCC??

11

Looks good!
Better keep text background monochrome and as contrast as much text there to read. Card onhover behavior might look better if you show photo overflow.