Skip to content

nlesme/github-devfinder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GITHUB DevFinder

A react web app to search developers, view detailed profiles, redirect directly to GitHub or save to favorites.

Demo

Screenshots

Home

Home

Profile

Profile

Favorites

Favorites

Features

  • Search GitHub users using the GitHub REST API.
  • Submit only search, no request on every keystroke.
  • Pagination (API driven).
  • Developer profile page "/user/:login" with:
    • Name, user, bio, repos, followers, following, location, link to GitHub.
    • Top 3 languages based on most recently pushed repos.
  • Favorites:
    • Add and remove favorites from list and profile.
    • Persist favorites with "localStorage".

Tech Stack

  • React + Vite
  • React Router
  • CSS modules
  • GitHub REST API
  • localStorage

Getting Started (local)

 npm install
 npm run dev

Notes

  • I separated inputValue and query so the API is called only on submit (search and enter).
  • Favorites are normalized before saving to avoid inconsitent data shapes.
  • Home page uses GitHub Search API search/users and Profile page uses GitHub Users API /users/:login plus repos /users/:login/repos to compute top languages.

Author

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors