SortedHub

The project is live on

(https://sortedhub.netlify.app/login)

• ✨ Requirements

• Any Operating System (ie. MacOS X, Linux, Windows)

• Any IDE with installed (ie.Brackets , Atom, VSCode etc)

• A little knowledge of javascript, React and Reducers.

🚀 How to use it

• clone the project to your device.
• To install dependence open terminal and type npm install.
• After installation is complete type npm start in terminal
• Follow the given steps below.

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-dom - Main Docs

• renders the first child that matches

• A always matches

Gihthub 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

• Fusion Charts - Main Docs
• First React Chart
• List Of Charts
• Themes

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