Coder Social home page Coder Social logo

vidarshan / github-search Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 5.23 MB

Github search made simple ๐Ÿš€

Home Page: https://github-search-3.vercel.app/

HTML 1.26% JavaScript 96.92% CSS 1.82%
github-api-v3 github-api github-search react mantine reactjs frontend frontend-app

github-search's Introduction

Github Search ๐Ÿ”

Search and find all the details of a Github user by their username

๐Ÿ’ก Objective

  • Search Github users easily.
  • Provide a clear view of their repositories, gists and starred repositories.

๐Ÿš€ Version

  • Version 3.

โœ… Features

  • Easy search.
  • Tab view for neat presentation of the data.
  • Most used languages section.
  • Front-end Pagination.

๐Ÿ‘จโ€๐Ÿ’ป Tools and Technologies

  • React JS
  • Mantine
  • Github API
  • Vercel

โš™๏ธ Setup

  • Step 1 : Move keys.example.env to the src directory.

  • Step 2 : Rename keys.example.env to keys.env.

  • Step 3 : Get your Github Client ID and Client Secret from Github Settings.

  • Step 4 : Place the Client ID and Client in the keys.env accordingly in relation to the variable names given.

  • Step 5 : Install packages :

      npm install
    
  • Step 6 : Start Project :

      npm start
    

๐Ÿ“„ References

  • Github API

    https://docs.github.com/en/rest/overview
    
  • Get Github Client Keys

    https://docs.github.com/en/rest/guides/basics-of-authentication
    

โš ๏ธ Update 19-03-2022

npm error :

If Error: error:0308010C:digital envelope routines::unsupported appears on the npm start command, use npm version 14.x.

github-search's People

Contributors

vidarshan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.