Ysrbolles / Front-end-Coding-Challenge

The task is to implement a small webapp that will list the most starred Github repos that were created in the last 30 days. You'll be fetching the sorted JSON data directly from the Github API (Github API explained down below).

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

frontend-coding-challenge 🤞🤞

Idea of the App

The task is to implement a small webapp that will list the most starred Github repos that were created in the last 30 days. You'll be fetching the sorted JSON data directly from the Github API (Github API explained down below).

This project was bootstrapped with Create React App. It lists the most stared github repositories for the last month, with infinite loading on scroll.

  • Used Antd for styling the interface.

  • Used Axios for Data Fetching It basically a Promise based HTTP client for making Http request.

  • And react-infinite-scroll-component to implement the Infinite scroll.

How to run the project?

  1. get clone git@github.com:Ysrbolles/Front-end-Coding-Challenge.git

  2. cd Front-end-Coding-Challenge

  3. npm install && npm start

  4. Open browser and go to http://localhost:3000

  5. Enjoy!

Built With

About

The task is to implement a small webapp that will list the most starred Github repos that were created in the last 30 days. You'll be fetching the sorted JSON data directly from the Github API (Github API explained down below).


Languages

Language:JavaScript 50.3%Language:SCSS 23.4%Language:HTML 17.1%Language:CSS 9.2%