Skip to content

Commit 89e9615

Browse files
committed
Vanilla React-Bootstrap
1 parent cef5f24 commit 89e9615

7 files changed

Lines changed: 15686 additions & 60 deletions

File tree

package-lock.json

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

package.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@
66
"@testing-library/jest-dom": "^5.11.4",
77
"@testing-library/react": "^11.1.0",
88
"@testing-library/user-event": "^12.1.10",
9+
"bootstrap": "^4.6.0",
910
"react": "^17.0.2",
11+
"react-bootstrap": "^1.5.2",
1012
"react-dom": "^17.0.2",
1113
"react-scripts": "4.0.3",
1214
"web-vitals": "^1.0.1"

public/index.html

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,15 @@
77
<meta name="theme-color" content="#000000" />
88
<meta
99
name="description"
10-
content="Web site created using create-react-app"
10+
content="Example React.JS app with OAuth Implict Grant authentication and using the DocuSign API for an Embedded Signing Ceremony"
1111
/>
12+
<!-- Including the bootstrap css via CDN -->
13+
<link
14+
rel="stylesheet"
15+
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
16+
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
17+
crossorigin="anonymous"
18+
>
1219
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
1320
<!--
1421
manifest.json provides metadata used when your web app is installed on a
@@ -24,7 +31,7 @@
2431
work correctly both with client-side routing and a non-root public URL.
2532
Learn how to configure a non-root public URL by running `npm run build`.
2633
-->
27-
<title>React App</title>
34+
<title>React | OAuth Implicit Grant | DocuSign Example App</title>
2835
</head>
2936
<body>
3037
<noscript>You need to enable JavaScript to run this app.</noscript>

public/logo192.png

-5.22 KB
Binary file not shown.

public/logo512.png

-9.44 KB
Binary file not shown.

src/App.css

Lines changed: 3 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,4 @@
1-
.App {
2-
text-align: center;
3-
}
4-
5-
.App-logo {
6-
height: 40vmin;
7-
pointer-events: none;
8-
}
9-
10-
@media (prefers-reduced-motion: no-preference) {
11-
.App-logo {
12-
animation: App-logo-spin infinite 20s linear;
1+
.header {
2+
text-align: center;
133
}
14-
}
15-
16-
.App-header {
17-
background-color: #282c34;
18-
min-height: 100vh;
19-
display: flex;
20-
flex-direction: column;
21-
align-items: center;
22-
justify-content: center;
23-
font-size: calc(10px + 2vmin);
24-
color: white;
25-
}
26-
27-
.App-link {
28-
color: #61dafb;
29-
}
30-
31-
@keyframes App-logo-spin {
32-
from {
33-
transform: rotate(0deg);
34-
}
35-
to {
36-
transform: rotate(360deg);
37-
}
38-
}
4+

src/App.js

Lines changed: 11 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,15 @@
1-
import logo from './logo.svg';
1+
import Jumbotron from 'react-bootstrap/Jumbotron';
2+
import Container from 'react-bootstrap/Container';
3+
24
import './App.css';
35

4-
function App() {
5-
return (
6-
<div className="App">
7-
<header className="App-header">
8-
<img src={logo} className="App-logo" alt="logo" />
9-
<p>
10-
Edit <code>src/App.js</code> and save to reload.
11-
</p>
12-
<a
13-
className="App-link"
14-
href="https://reactjs.org"
15-
target="_blank"
16-
rel="noopener noreferrer"
17-
>
18-
Learn React
19-
</a>
20-
</header>
21-
</div>
22-
);
23-
}
246

7+
const App = () => (
8+
<Container className="p-3">
9+
<Jumbotron>
10+
<h1 className="header">Welcome To React-Bootstrap</h1>
11+
</Jumbotron>
12+
</Container>
13+
);
14+
2515
export default App;

0 commit comments

Comments
 (0)