Repo Ranking

Website

https://repo-ranking.netlify.com/

Step to start the website locally

Clone this repo
yarn to install all dependencies
At the root directory rename .env.example to .env.local
Replace 'your-github-access-token' in .env.local with your actual GitHub access token
yarn start
Go to http://localhost:3000/

Run unit and integration tests

yarn test
Test files are in **/__tests__/ directories

Run e2e tests

yarn test:e2e
The test file is cypress/integration/e2e.spec.js

Note 1: If you use Ubuntu OS, you may need to install these dependencies first apt-get install xvfb libgtk-3-dev libnotify-dev libgconf-2-4 libnss3 libxss1 libasound2

Note 2: Your computer and your internet connection need to be fast enough to finish loading the website before the default timeout. However, you can adjust the timeout by yourself via cypress.json

Features

List the most starred Github repositories that were created in the last 30 days.
The list is one repository per row/card.
Each card shows a repository name, description, total number of stars, total number of forks, the repository’s main programming language and the repository's link
Display 10 repositories per page
Infinite scrolling

More Details

The website is responsive by using grid layout. The breakpoint, which is used to separate the mobile and desktop layout, is 576px screen width.
Unit, integration and e2e tests included
Use prop-types for important components
Style all components by styled-components