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

importstyledfrom"styled-components";constReactComponent=()=>{// logic herereturn<Wrapper>{somecontent}</Wrapper>}constWrapper=styled.htmlElement`write your styles here`exportdefaultReactComponent

React Icons

React Icons - Main Docs

import{FiUsers,FiUserPlus}from'react-icons/fi';<FiUsersclassName='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