Skip to content

Search yourself on my live cool Github Search Engine | Showcases ES6+ features: Fetch API, Promises, Async-await, Classes, GitHub API

Notifications You must be signed in to change notification settings

kirito-k/Github-Search-Engine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Github Search Engine

Created a Github user finder application that takes a text input and immediately renders the user's data and top 5 repositories

This project is made purely in JavaScript and showcases advanced ES6+ features like arrow functions, Fetch API, Promises, Async-await, Classes, etc

Live version of app: https://github-search-engine-kiritok.herokuapp.com/

Table of Contents

  1. Pre-requisite
  2. Implementation
  3. Demo
  4. Technologies Used
  5. Deployment

Pre-requisite

  • Open the GitHub APIs Developer settings with this link: https://github.com/settings/tokens
  • Click on "Generate new token".
  • Write a Note on why you want to create this token and select the "public_repo" option as shown in the image below and submit. This will create a personal access token. You need this token so that you can make GitHub API calls to retrieve user profiles without providing your actual username and password to API (a very bad practice).

Implementation

  • Clone the repository.

  • Copy the token key you created before. We will use it in the next step.

  • Replace your Token key in the config.json file.

{
    "token": "Your Token Key"
}
  • Your all set. Open "index.html" and you have a working Github Search Engine.
  • Enjoy.

Demo

Technologies Used

  • Arrow functions
  • Fetch API
  • Promises
  • Async-await
  • Classes

Deployment

  • Heroku

About

Search yourself on my live cool Github Search Engine | Showcases ES6+ features: Fetch API, Promises, Async-await, Classes, GitHub API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published