Skip to content

Commit 482b5e6

Browse files
jgalianozjgalianoz
committed
[add] API project
1 parent 4b7fb0f commit 482b5e6

File tree

19 files changed

+2216
-1084
lines changed

19 files changed

+2216
-1084
lines changed

‎package-lock.json‎

Lines changed: 2056 additions & 914 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,11 @@
44
"private": true,
55
"dependencies": {
66
"react": "^15.5.4",
7-
"react-dom": "^15.5.4"
7+
"react-dom": "^15.5.4",
8+
"react-router-dom": "^4.1.1"
89
},
910
"devDependencies": {
11+
"isomorphic-fetch": "^2.2.1",
1012
"react-scripts": "1.0.7"
1113
},
1214
"scripts": {
@@ -15,4 +17,4 @@
1517
"test": "react-scripts test --env=jsdom",
1618
"eject": "react-scripts eject"
1719
}
18-
}
20+
}

‎public/index.html‎

Lines changed: 4 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -2,39 +2,12 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<meta name="theme-color" content="#000000">
7-
<!--
8-
manifest.json provides metadata used when your web app is added to the
9-
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
10-
-->
11-
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
12-
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
13-
<!--
14-
Notice the use of %PUBLIC_URL% in the tags above.
15-
It will be replaced with the URL of the `public` folder during the build.
16-
Only files inside the `public` folder can be referenced from the HTML.
17-
18-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
19-
work correctly both with client-side routing and a non-root public URL.
20-
Learn how to configure a non-root public URL by running `npm run build`.
21-
-->
22-
<title>React App</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6+
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" />
8+
<title>Github Profile Info</title>
239
</head>
2410
<body>
25-
<noscript>
26-
You need to enable JavaScript to run this app.
27-
</noscript>
2811
<div id="root"></div>
29-
<!--
30-
This HTML file is a template.
31-
If you open it directly in the browser, you will see an empty page.
32-
33-
You can add webfonts, meta tags, or analytics to this file.
34-
The build step will place the bundled scripts into the <body> tag.
35-
36-
To begin the development, run `npm start` or `yarn start`.
37-
To create a production bundle, use `npm run build` or `yarn build`.
38-
-->
3912
</body>
4013
</html>

‎public/manifest.json‎

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎src/App.css‎

Lines changed: 0 additions & 24 deletions
This file was deleted.

‎src/App.js‎

Lines changed: 0 additions & 21 deletions
This file was deleted.

‎src/App.test.js‎

Lines changed: 0 additions & 8 deletions
This file was deleted.

‎src/Components/Shared/Header/Header.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.header {
2+
background: #212121;
3+
padding: 1em;
4+
display: flex;
5+
flex-direction: row;
6+
align-items: center;
7+
justify-content: space-between;
8+
}
9+
10+
.header-title {
11+
margin: 0;
12+
padding: 0;
13+
color: #FFFFFF;
14+
}

‎src/Components/Shared/Header/Header.jsx‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import React from 'react';
2+
3+
import { Open } from '../../../Helpers/Helpers.js'
4+
5+
import './Header.css';
6+
7+
function Header () {
8+
return(
9+
<header className="header">
10+
<h1 className="header-title">
11+
Github Info Profile
12+
</h1>
13+
<a href="#" onClick={Open}>Buscar</a>
14+
</header>
15+
);
16+
}
17+
18+
export default Header;

‎src/Components/Shared/Search/Search.jsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react';
2+
3+
4+
function Search (props) {
5+
return(
6+
<div role="Search">
7+
Buscador
8+
<span>
9+
X
10+
</span>
11+
<form>
12+
<input
13+
id="texto"
14+
type="search"
15+
onChange={props.textValue}/>
16+
</form>
17+
</div>
18+
);
19+
}
20+
21+
export default Search;

0 commit comments

Comments
 (0)