html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--
examples:
facebook
twitter
mozilla
google
sebastianpacurar
tj
darius
mojombo
defunkt
etc...
Real time Github user details generator using the github api (https://api.github.com/users/)
input examples should be real user names. Try your own github user name or someone who has an account on www.github.com
Released on 2nd of May 2020.
Updates:
Enter to Rename, Shift+Enter to Preview
css
css
1
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//</script><script type="text/babel">
//Creator credits
const CreatorCopyRight = props => {
return (
<div style={{
textAlign: 'center',
fontSize: '20px',
fontFamily: 'Arial Helvetica sans-serif',
fontWeight: 'bold',
margin: '5px 0 5px 0'
}}>
{props.value}
</div>
)
}
// the CardList Component
const CardList = (props) => {
// the profiles will be received from the parent which is the App component.
// map the array of objects into Card elements. map every profile object into a card element,
// the conversion is done like this: [<Card />, <Card />, <Card />, <Card />, etc]
// it is necessary to use a key for every card element. in this case I used the html_url as a key, since it is unique
return (
<div>
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run