gitpedia

KO | EN

gitlite — search

#python #hacktoberfest #ai #typescript #machine-learning #rust #docker #nodejs #cli #awesome-list #pytorch #security #mcp #open-source

(★ 110)

A web application to :mag: view a github's user profile in a more simple and beautiful way. Built using React, Chart JS :bar_chart: , styled components :nail_care: and more 📦

gitpedia Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A web application to :mag: view a github's user profile in a more simple and beautiful way.

## :film_projector: DEMO

## :man_technologist: Technology Stack

![react](https://img.shields.io/badge/frontend-react-61dafb?style=flat&logo=React)
![styled-components](https://img.shields.io/badge/styling-styled--components-%23DB7093?style=flat&logo=styled-components)
![react-chart-js-2](https://img.shields.io/badge/charts-react--chart--js--2-yellow?style=flat&logo=Deezer)
![icons](https://img.shields.io/badge/icons-react--icons-red?style=flat&logo=React)

- [React](https://reactjs.org/)
- [styled-components](https://styled-components.com/)
- [React Chart Js 2](https://www.npmjs.com/package/react-chartjs-2)
- [React Icons](https://react-icons.github.io/react-icons/)

### API used

- For fetching github's user data : [Github API](https://developer.github.com/v3/)

## :hatching_chick: Prerequisites

- [node](https://nodejs.org/en/) >= 12.18.0
- npm >= 6.14.4

## :zap: Installation

1. Clone / Download [this](https://github.com/khusharth/gitpedia) repo.
2. Inside the project open a terminal and run:
   ```
   npm install
   ```
   This will install all the project dependencies.
3. Create a **.env** file in the project root folder and add the following:

```
   REACT_APP_GITHUB_CLIENT_ID = yourClientId
   REACT_APP_GITHUB_CLIENT_SECRET = yourSecretKey
   ```

Replace yourClientId and yourSecretKey with your own **Client and Secret Key** .

> Get your Client Id and Secret by signing in to your github account and then go to your setting -> developer setting -> OAuth Apps -> New OAuth App

4. To start the development server run:
   ```
   npm start
   ```

## :man_in_tuxedo: Author

[![Twitter](https://img.shields.io/badge/follow-%40khusharth19-1DA1F2?style=flat&logo=Twitter)](https://twitter.com/khusharth19)

[![LinkedIn](https://img.shields.io/badge/connect-%40khusharthpatani-%230077B5?style=flat&logo=LinkedIn)](https://www.linkedin.com/in/khusharth/)

## :page_with_curl: Licence

gitpedia

gitpedia Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

gitpedia

gitpedia Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README