Skip to content

Latest commit

 

History

History
149 lines (100 loc) · 4.1 KB

README.md

File metadata and controls

149 lines (100 loc) · 4.1 KB
Raw

StalkHub

  • Platform to stalk and view different github profiles in a easy way .

  • You can view their most starred , forked and most popular repos ,

  • also according to different languages in the form of 3d and 2d graphs and charts.

  • The platform is well authenticated by using Oauth 2 . It makes use of GithubApi and FusionCharts .

  • Just login and Stalk your favourite Developer.

Setup

Tech Stack

  • ReactJs
  • React Router Dom
  • React Icons
  • Styled Components
  • Fusion Charts
  • Auth0
  • Github API
  • Netlify

ScreenShots

  • Login/SignUp Screenshot 2023-09-14 at 12 07 48 PM Screenshot 2023-09-14 at 12 08 40 PM

  • DashBoard , SearchBar , Searched Persons's Profile and its Followers Screenshot 2023-09-14 at 12 09 37 PM

  • Most Used Languages , Most Popular Repos , Stars per Language , and Most Forked Repos visualized in form of charts and Graphs . Screenshot 2023-09-14 at 12 10 20 PM

Styled Components

Styled-Components - Main Docs

import styled from "styled-components";

const ReactComponent = () => {
 // logic here
 return <Wrapper>
 {some content}
 </Wrapper>
}


const Wrapper = styled.htmlElement`
write your styles here
`
export default ReactComponent

React Icons

React Icons - Main Docs

import { FiUsers, FiUserPlus } from 'react-icons/fi';
<FiUsers className='nameOfTheClass'> </FiUsers>;

React Router Dom

React Router

  • version 6.4 brought significant changes (loader and action)
  • pages as independent entities
  • less need for global state
  • more pages

Setup Router Command

npm i [email protected]

Github API

  • Root Endpoint

  • Get User

  • Repos

  • Followers

  • Rate Limit

    For unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making requests.

Fusion Charts

Auth0

  • Auth0 - Main Docs

  • Create Application

  • Choose : Single Page Web Applications

  • Choose : React

  • Go to Settings Tab

  • Copy/Paste Domain, ClientID - can be public (or use .env)

  • Add Domain - for now http://localhost:3000 (DON'T COPY PASTE FROM URL BAR)

    • Allowed Callback URLs
    • Allowed Logout URLs
    • Allowed Web Origins
    • SAVE CHANGES!!!!!!!!!!!!!!!

  • Connections email,social

  • React SDK Docs

  • REACT SDK API Docs

Deployment

Netlify

Additional Info

Redirects with react-router-dom

In order for routing to work on netlify, redirects was added to the public folder

  • _redirects file in public

/*    /index.html   200

Redirects Blog Post

Warnings and create-react-app

package.json

"build": "CI= react-scripts build",

create-react-app Warning Fix Blog Post