All Projects โ†’ khusharth โ†’ Gitpedia

khusharth / Gitpedia

Licence: mit
A web application to ๐Ÿ” view a github's user profile in a more simple and beautiful way. Built using React, Chart JS ๐Ÿ“Š , styled components ๐Ÿ’… and more ๐Ÿ“ฆ

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gitpedia

React Image Smooth Loading
[not maintained] Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool
Stars: โœญ 84 (-14.29%)
Mutual labels:  styled-components
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: โœญ 91 (-7.14%)
Mutual labels:  styled-components
Yii2 Chartjs Widget
ChartJs Widget For Yii2
Stars: โœญ 95 (-3.06%)
Mutual labels:  chartjs
Styled Elements
Styled components for the DOM.
Stars: โœญ 87 (-11.22%)
Mutual labels:  styled-components
Next Starter
Next.js Starter using GraphQL, MobX (Next.js, TypeScript, Babel, Express.js, Apollo Client, React Apollo, React Apollo Hooks, GraphQL Codegen, MobX, mobx-state-tree, styled-components, next-optimized-images, Serverless Framework, AWS Lambda, Dotenv)
Stars: โœญ 90 (-8.16%)
Mutual labels:  styled-components
Chartjs Chart Box And Violin Plot
Chart.js Box Plot addon
Stars: โœญ 91 (-7.14%)
Mutual labels:  chartjs
Theme Builder
The theming system helps you in building a theme of your choice and apply it to test live. Why wait? Just give it a try.
Stars: โœญ 82 (-16.33%)
Mutual labels:  styled-components
Live Doc
๐Ÿ’ซ Convert markdown to live React demos
Stars: โœญ 97 (-1.02%)
Mutual labels:  styled-components
Styled Shortcuts
Provides convenient props shortcut helper for Styled Components ๐Ÿ’…
Stars: โœญ 90 (-8.16%)
Mutual labels:  styled-components
Molecule
โš›๏ธ โ€“ย :atom: โ€“ โš›๏ธ Boilerplate for cross platform web/native react apps with electron.
Stars: โœญ 95 (-3.06%)
Mutual labels:  styled-components
Placeline Nextjs
HyperTrack Placeline web application sample using NextJS, Ant-Design, Styled-Components, and Heroku
Stars: โœญ 88 (-10.2%)
Mutual labels:  styled-components
Ui
React Styled Components with bootstrap grid system
Stars: โœญ 89 (-9.18%)
Mutual labels:  styled-components
Chartjs Chart Geo
Chart.js Choropleth and Bubble Maps
Stars: โœญ 94 (-4.08%)
Mutual labels:  chartjs
Netflix
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React
Stars: โœญ 1,254 (+1179.59%)
Mutual labels:  styled-components
Booben
Web app constructor based on React, with GraphQL bindings
Stars: โœญ 96 (-2.04%)
Mutual labels:  styled-components
Chartjs Plugin Stacked100
This plugin for Chart.js that makes your bar chart to 100% stacked bar chart.
Stars: โœญ 84 (-14.29%)
Mutual labels:  chartjs
Pulse Boilerplate
React based boilerplate for creating scalable and well documented Design Systems. Live demo https://pulse.heartbeat.ua
Stars: โœญ 92 (-6.12%)
Mutual labels:  styled-components
Neteasecloudmusic
React 16.13.1 - Create React App ๅฎž็Žฐ็ฝ‘ๆ˜“ไบ‘้Ÿณไน๏ผˆ็ฝ‘้กต็‰ˆ๏ผ‰
Stars: โœญ 98 (+0%)
Mutual labels:  styled-components
React Gridit
React grid using CSS Grid and styled-components
Stars: โœญ 96 (-2.04%)
Mutual labels:  styled-components
Onno
Responsive style props for building themed design systems
Stars: โœญ 95 (-3.06%)
Mutual labels:  styled-components

gitpedia

Netlify Status

A web application to ๐Ÿ” view a github's user profile in a more simple and beautiful way.

๐Ÿ“ฝ DEMO

musology

๐Ÿ‘จโ€๐Ÿ’ป Technology Stack

react styled-components react-chart-js-2 icons

API used

๐Ÿฃ Prerequisites

  • node >= 12.18.0
  • npm >= 6.14.4

โšก๏ธ Installation

  1. Clone / Download this 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
    

๐Ÿคต Author

Twitter

LinkedIn

๐Ÿ“ƒ Licence

MIT License Copyright (c) 2020 Khusharth A Patani

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].