/github-trending-clone

Primary LanguageTypeScript

GITHUB TRENDING PAGE CLONE

This project was bootstrapped with Create React App.

This is a clone of the Github Trending Page. Its a simple app to demostrate the basic features of the react: components, routes and API integration.

Table of Contents

Features

  • A user upon visiting the app, sees a list of trending repositories and developers with option to filter by language and date.

Concepts and APIs Employed

  • The Github trends api information was developed by Haikel Fazzani here.
  • Official API documentation for the movie db can be found here
  • This app demonstrates the use of basic concepts of React
    • Components
    • Routing
    • State management (React Hooks)
    • Custom hooks
    • CSS Modules

Built with

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap 5
  • React
  • React Bootstrap

Designs

See original github trending page screenshots below;

  • Repository Page.

  • Developers Page.

Live Preview

Find the live version here. Below is a screenshot of what it looks like. Screenshot 2022-01-04 at 09 40 12

Required Installations

  • Npm

Installation of This Repository

Once you have installed the required packages shown on the Required Installations, proceed with the following steps

Clone the Repository

your@pc:~$ git clone https://github.com/frankly034/github-trending-clone.git

Move to the downloaded folder

your@pc:~$ cd github-trending-clone

Install all packages

your@pc:~$ npm install

Open the app

your@pc:~$ npm start

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Acknowledgements