https://github.com/wsameer/octoprofile-plus

A cleaner, nicer and darker look at your GitHub Profile! With themes, charts and React!
https://github.com/wsameer/octoprofile-plus

github-api hacktoberfest octoprofile react-hooks reactjs

Last synced: about 2 hours ago
JSON representation

A cleaner, nicer and darker look at your GitHub Profile! With themes, charts and React!

• Host: GitHub
• URL: https://github.com/wsameer/octoprofile-plus
• Owner: wsameer
• Created: 2020-05-14T05:29:28.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-22T12:53:17.000Z (over 1 year ago)
• Last Synced: 2024-06-22T21:13:28.223Z (over 1 year ago)
• Topics: github-api, hacktoberfest, octoprofile, react-hooks, reactjs
• Language: JavaScript
• Homepage: https://octoprofile-plus.now.sh/
• Size: 1.79 MB
• Stars: 21
• Watchers: 0
• Forks: 5
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
## Octoprofile Plus

[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)

A nicer look at your GitHub Profile! With themes, charts and React!

![octoprofile-plus](./public/octoprofile-plus-dashboard.png)

### Features

-   Search any github user or organization

-   View top 10 repositories, and toggle between grid and list view.

-   Sort the repositories based on count of forks, stars, size.

-   Visualization charts showing top language contribution of a user.

-   View all the repositories a user has created or forked.

### Built using

-   Reactjs

-   React Hooks

-   GitHub API

-   React Bootstrap

-   React Chartjs 2

### Installation

1. Install dependencies

    `yarn`

2. Run the app locally

    `yarn start`

Runs the app in the development mode.  

Open [http://localhost:3000](http://localhost:3000/) to view it in the browser.

The page will reload if you make edits.  

You will also see any lint errors in the console.

### Deployment

    `yarn build`

Builds the app for production to the `build` folder.  

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.  

Your app is ready to be deployed!

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Daniel Huth
🐛

    
Sameer Waskar
💻 🐛 🎨 🚧 ⚠️

    
Nishchay
🐛 💻

    
error434
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!