KULLANILACAK TEKNOLOJİLER

• Styled-Component
• Context-API
• Github API
• Fusion Charts
• Axios
• React Dom
• React Icons
• React Scripts
• Auth0 (auth0/auth0-react)

--->Project Demo<----

Styled Components

Styled-Components

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

Github API

• Kullanici
• Projeler
• Takipçiler
• Sınırlı Takipçiler
• Oran Sınırı

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 Login Sırasında seçilecek sosyal hesaplar email,social

• Projeye auth0 dahil etme yolları

• React SDK Docs

• REACT SDK API Docs