Skip to content

Instantly share code, notes, and snippets.

@yknx4

yknx4/README.md

Last active August 31, 2021 17:18
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 yknx4/5fa53adf841948740060bdd6ed0f3e6c to your computer and use it in GitHub Desktop.
Save yknx4/5fa53adf841948740060bdd6ed0f3e6c to your computer and use it in GitHub Desktop.
Download ZIP
Github Repositores - Homie.mx Frontend Challenge
Raw
README.md

Recreate Github Repositories Page

Description

For this challenge you have to recreate the github repositories page (https://github.com/yknx4?tab=repositories) for any given user. It has to show the repositories list with basic information about the repository. Also you must be able to search by name. The content must be comfortably visible in a standard display with a resolution of 1920×1080

You must use the Github API (It is public and free!) to fetch the information about any public user.

Example: https://imgur.com/V4j8V9v

Stack

  • React (Create React App is ok)
  • Typescript
  • CSS (SASS, SCSS, PostCSS is ok) (Frameworks like Bootstrap / Tailwind is ok)

What are we going to evaluate?

  • How to connect to an external API
  • How reusable are the Components
  • How to filter results
  • How to create tests

Minimum Required

  • Repositories List
  • Search by Repository Name
  • Repository Card with Name and Description
  • Basic Tests with Jest (Snapshot Tests)
  • Basic Page Layout (Header, Content and Footer)

Nice to have extras

  • Profile Info
  • Filtering
  • Activity Graph
  • Detailed Repo Info Card
  • Animations
  • Icons (Font Awesome)
  • Integration Tests (Jest)
  • End to End Tests (Cypress)
  • Resposive Layout
  • Dark Mode / Light Mode
  • Cell Recycling View
  • Suspense / Loader
  • Caching
  • Pagination
  • Anything... Your imagination is the limit
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment