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 ๐ฆ
Stars: โญ 98
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
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
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
A web application to ๐ view a github's user profile in a more simple and beautiful way.
๐ฝ DEMO
๐จโ๐ป Technology Stack
API used
- For fetching github's user data : Github API
๐ฃ Prerequisites
- node >= 12.18.0
- npm >= 6.14.4
โก๏ธ Installation
-
Clone / Download this repo.
-
Inside the project open a terminal and run:
npm install
This will install all the project dependencies.
-
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
-
To start the development server run:
npm start
๐คต Author
๐ 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].