Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codelikeagirl29/github-profile-react

Github Profile displayed using Github API | deployed with Vercel
https://github.com/codelikeagirl29/github-profile-react

github-api react react-icons styled-components vercel

Last synced: 1 day ago
JSON representation

Github Profile displayed using Github API | deployed with Vercel

Awesome Lists containing this project

README

        

# Github API User Profile

## Description

The GitHub Profile Viewer is a dynamic and user-friendly React application that leverages the power of the GitHub API to provide a seamless and informative experience for users to explore GitHub profiles effortlessly.

This React application offers a hassle-free way for users to explore GitHub profiles, making it an ideal tool for recruiters, developers, and anyone interested in discovering more about GitHub users and their repositories. Whether you want to find potential collaborators or simply learn more about someone's work, the GitHub Profile Viewer is the perfect tool for the job.

### File Tree

```
github-profile-react
public
src
assets
avatar.jpg
pull-shark.png
quickdraw.png
components
BreadCrumb.jsx
Button.jsx
Card.jsx
Card2.jsx
Footer.jsx
Grid.jsx
Header.jsx
index.js
Loader.jsx
Meta.jsx
Paginate.jsx
SearchBar.jsx
hooks
useApiFetch.js
useProfileFetch.js
useRepoFetch.js
pages
Error.jsx
Home.jsx
NotFound.jsx
Repos.jsx
SearchResults.jsx
SingleRepo.jsx
App.css
App.jsx
index.css
index.jsx
logo.svg
index.html
.gitignore
package.json
README.md
vite.config.js
```

[![CodeFactor](https://www.codefactor.io/repository/github/codelikeagirl29/github-profile-search/badge)](https://www.codefactor.io/repository/github/codelikeagirl29/github-profile-search)

## Tech:

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)

![styled-components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

## Screenshot:

![screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1696287678/projects/Repositories_-_Github_codelikeagirl29_gkq5yn.png)