Skip to content

An app for getting the github user profile for extracting out the useful information from the profile such as portfolio etc. Built with React.js and Tailwind CSS.

Notifications You must be signed in to change notification settings

rumaisanaveed/github-scout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔍 GitHub Scout (GitHub Profile Search App)

📝 Introduction

This is a simple and fun mini-app where users can search for specific GitHub profiles. By entering a username, the app fetches and displays the user's GitHub profile using the GitHub API.

🛠️ Tech Stack

  • React.js: For building the interactive user interface.
  • CSS3: For styling the application.
  • Axios: For making HTTP requests to the GitHub API.

✨ Features

  • Search for GitHub profiles by entering the username.
  • Fetches user details like name, avatar, repositories, and more from the GitHub API.
  • Clean and simple UI for an enjoyable user experience.

📚 What Did I Learn

🕒 Debouncing

Debouncing is a technique used to limit the number of times a function is executed, even if it is triggered repeatedly. For example, when typing in a search bar, debouncing ensures that the API call is made only after the user has stopped typing for a short period. This reduces unnecessary API calls and improves performance.

🏃 Running the Project

  1. Clone the repository:
    git clone https://github.com/rumaisanaveed/github-scout.git  
  2. Navigate to the project directory:
    cd github-scout
  3. Install dependencies:
    npm install  
  4. Start the development server:
    npm start  

🌐 Links

github-scout.mp4

About

An app for getting the github user profile for extracting out the useful information from the profile such as portfolio etc. Built with React.js and Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published