Simple application that utilizes the github API to provide github users searched in the search input field. It also displays the characteristics of the repositories of a github user through charts. Athentication is required to access the apps dashboard.
click here to see the live version.
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
import { FiUsers, FiUserPlus } from 'react-icons/fi';
<FiUsers className='nameOfTheClass'> </FiUsers>;
version used - "react-router-dom": "^5.2.0",
-
renders the first child that matches
-
A always matches
-
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.
-
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
In order for routing to work on netlify, redirects was added to the public folder
- _redirects file in public
/* /index.html 200
package.json
"build": "CI= react-scripts build",
create-react-app Warning Fix Blog Post
- Gihub: RoyNyaga
- Email: nyagaandreroy@gmail.com
- Linkedin: Roy Nyaga