Skip to content

Instantly share code, notes, and snippets.

@dekadentno
Last active March 28, 2022 08:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dekadentno/cf5c2ddd11ddccfed519b5658fccf98c to your computer and use it in GitHub Desktop.
Save dekadentno/cf5c2ddd11ddccfed519b5658fccf98c to your computer and use it in GitHub Desktop.
Frontend developer task

Frontend developer task

Make a Github clone using the Github API (https://developer.github.com/v3/). The design is optional, but the look and feel has to be different from the current Github design.

The app will have 3 routes:

  • /home
  • /search
  • /user/:username

As a user I want to be able to :

  • search for users based on their github username
  • open a user profile (optional design, different from the current github profile design)
  • see a list of repositories of a particular user (if the user has a lot of repositories, implement infinite scroll when scrolled to bottom)
  • see a list of starred repositories of a particular user ((if the user has a lot of starred repositories, implement infinite scroll when scrolled to bottom)
  • sort repositories of a particular user based on the number of starts
  • sort starred repositories of a particular user based on the number of stars filter starred (and user) repositories of a particular users. Filters can be a select with every programming language from the starred repositories.
  • only logged in users can see the "star" button in the repo list (and the "unstar" button if the repository is already starred)

Rules

  • you can write your code in pure JS, Vue.js or React
  • you can write your styles in pure CSS, SCSS, SASS or LESS
  • make a repository on your Github/Gitlab/Bitbucket profile and commit your code from the very beginning
  • feel free to use any libraries/packages that will help you in your work, but don't overuse them

Bonus points

  • implement a custom route that can be accessibly only for logged in users (if logged out, redirect to login)
  • performance optimizations (lazy loading, minification...)
  • using linter / prettier
  • app has a feature of your choice
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment