Skip to content

Commit 41c7bc5

Browse files
Tutul181Tutul181
committed
first commit
1 parent bda444a commit 41c7bc5

15 files changed

+1257
-133
lines changed

‎.firebase/hosting.YnVpbGQ.cache

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
asset-manifest.json,1624285248613,8f6aeb40fc072ffe41924f2c9d21596fa35f432754b7b25bee083adb94c64c2c
2+
index.html,1624285248588,1bf78045f6fd573dfe0fd42670862b0b4af4f9b1fcf988b5680d42be9c56be4e
3+
manifest.json,499162500000,aff3449bdc238776f5d6d967f19ec491b36aed5fb7f23ccff6500736fd58494a
4+
robots.txt,499162500000,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49
5+
static/css/main.e953f838.chunk.css,1624285248624,dc456445da1a3d179510ba581fd36b4c11a2e11762c42c426385353644a07829
6+
static/css/main.e953f838.chunk.css.map,1624285248636,2607809fcbe61bcbbfc1877ce91bd257c0d600d0a0698faf2765ac87862e7640
7+
static/js/2.676f6544.chunk.js.LICENSE.txt,1624285248636,3b0fce62dae5d6f1053e41d1550b7863eada4d937b9c2a77f857a009f224c493
8+
static/js/main.88877f9a.chunk.js,1624285248636,2ab30348366066d07338531a80e0544e096da9bfc31511b116142e4255ddcd81
9+
static/js/main.88877f9a.chunk.js.map,1624285248636,cd41f23c1243aa15d472c7e2a73660dca0a0ac3a3b275955caecdc21443011f9
10+
static/js/runtime-main.d7f9f207.js,1624285248616,ddb1dd31d73ea7a0d43dc3c06ab8cf9f5b3d0b39b611a2359675a4ae4effc76e
11+
static/js/runtime-main.d7f9f207.js.map,1624285248636,712566ac10fc644e481c7a12838017db967914dcf6f9e6b2e7fd8502723dd651
12+
logo512.png,499162500000,ee7e2f3fdb8209c4b6fd7bef6ba50d1b9dba30a25bb5c3126df057e1cb6f5331
13+
favicon.ico,499162500000,eae62e993eb980ec8a25058c39d5a51feab118bd2100c4deebb2a9c158ec11f9
14+
static/css/2.4c97ca4f.chunk.css,1624285248636,7e6538a6f0fc738a788c03a9cee1861c42fe2f29017e5026cb867636b24dcf77
15+
logo192.png,499162500000,3ee59515172ee198f3be375979df15ac5345183e656720a381b8872b2a39dc8b
16+
static/js/2.676f6544.chunk.js,1624285248636,983ac4c11f62fd3b3e24779e5cfc08877cde8db7fdb54aa2be2499a7d9bdcf0c
17+
static/css/2.4c97ca4f.chunk.css.map,1624285248636,a70eaab29a7c2121a70e08850c01f71611bdc0c137e6a4b349704641c33af035
18+
static/js/2.676f6544.chunk.js.map,1624285248636,6474b762edc0d9ff4ca99fc4f9b561495e463f8931c104632cef02ee5f816e13

‎.firebaserc

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "react-authentication-dc2b1"
4+
}
5+
}

‎firebase.json

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"hosting": {
3+
"public": "build",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
]
9+
}
10+
}

‎package-lock.json

+803
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+6
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,15 @@
66
"@testing-library/jest-dom": "^5.14.1",
77
"@testing-library/react": "^11.2.7",
88
"@testing-library/user-event": "^12.8.3",
9+
"bootstrap": "^4.6.0",
10+
"firebase": "^8.6.8",
911
"react": "^17.0.2",
12+
"react-bootstrap": "^1.6.1",
1013
"react-dom": "^17.0.2",
14+
"react-router": "^5.2.0",
15+
"react-router-dom": "^5.2.0",
1116
"react-scripts": "4.0.3",
17+
"validator": "^13.6.0",
1218
"web-vitals": "^1.1.2"
1319
},
1420
"scripts": {

‎public/index.html

+17-33
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
3+
4+
<head>
45
<meta charset="utf-8" />
56
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
67
<meta name="viewport" content="width=device-width, initial-scale=1" />
78
<meta name="theme-color" content="#000000" />
8-
<meta
9-
name="description"
10-
content="Web site created using create-react-app"
11-
/>
9+
<meta name="description" content="Web site created using create-react-app" />
1210
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13-
<!--
14-
manifest.json provides metadata used when your web app is installed on a
15-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16-
-->
11+
1712
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18-
<!--
19-
Notice the use of %PUBLIC_URL% in the tags above.
20-
It will be replaced with the URL of the `public` folder during the build.
21-
Only files inside the `public` folder can be referenced from the HTML.
22-
23-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24-
work correctly both with client-side routing and a non-root public URL.
25-
Learn how to configure a non-root public URL by running `npm run build`.
26-
-->
27-
<title>React App</title>
28-
</head>
29-
<body>
13+
14+
<title>React-Authentication | Developer.OmarFaruk</title>
15+
16+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" />
17+
</head>
18+
19+
<body>
3020
<noscript>You need to enable JavaScript to run this app.</noscript>
3121
<div id="root"></div>
32-
<!--
33-
This HTML file is a template.
34-
If you open it directly in the browser, you will see an empty page.
35-
36-
You can add webfonts, meta tags, or analytics to this file.
37-
The build step will place the bundled scripts into the <body> tag.
38-
39-
To begin the development, run `npm start` or `yarn start`.
40-
To create a production bundle, use `npm run build` or `yarn build`.
41-
-->
42-
</body>
43-
</html>
22+
23+
<script src="https://kit.fontawesome.com/a3b32a86e0.js" crossorigin="anonymous"></script>
24+
25+
</body>
26+
27+
</html>

‎src/App.css

+76-27
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,87 @@
1-
.App {
2-
text-align: center;
1+
.info,
2+
form {
3+
margin-left: auto;
4+
margin-right: auto;
5+
width: 30%;
36
}
47

5-
.App-logo {
6-
height: 40vmin;
7-
pointer-events: none;
8+
h1,
9+
h2,
10+
h3,
11+
p {
12+
padding: 1.3rem 0rem;
13+
margin-left: auto;
14+
margin-right: auto;
15+
text-align: center;
816
}
917

10-
@media (prefers-reduced-motion: no-preference) {
11-
.App-logo {
12-
animation: App-logo-spin infinite 20s linear;
13-
}
18+
h3 {
19+
color: tomato;
1420
}
1521

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;
22+
.sign-in-btn {
23+
margin-top: 20px;
24+
margin-left: 35%;
25+
margin-right: 35%;
26+
width: 30%;
2527
}
2628

27-
.App-link {
28-
color: #61dafb;
29+
.image {
30+
text-align: center;
31+
width: 100%;
32+
height: 100%;
33+
margin-left: auto;
34+
margin-right: auto;
2935
}
3036

31-
@keyframes App-logo-spin {
32-
from {
33-
transform: rotate(0deg);
34-
}
35-
to {
36-
transform: rotate(360deg);
37-
}
37+
input {
38+
width: 100%;
39+
margin-left: auto;
40+
margin-right: auto;
3841
}
42+
43+
.user-permission {
44+
display: flex;
45+
justify-content: center;
46+
align-items: center;
47+
margin-right: auto;
48+
margin-left: auto;
49+
width: 50%;
50+
padding-bottom: 10px;
51+
color: tomato;
52+
}
53+
54+
.user-permission-input {
55+
width: 5%;
56+
margin-left: 0;
57+
margin-right: 0;
58+
}
59+
60+
label {
61+
width: 40%;
62+
margin-left: 0;
63+
margin-right: 0;
64+
margin-top: 5px;
65+
font-size: 25px;
66+
}
67+
68+
span {
69+
font-weight: bold;
70+
color: red;
71+
}
72+
73+
@media (max-width: 1024px) {
74+
.info {
75+
margin-left: auto;
76+
margin-right: auto;
77+
width: 60%;
78+
}
79+
}
80+
81+
@media (max-width: 768px) {
82+
.info {
83+
margin-left: auto;
84+
margin-right: auto;
85+
width: 80%;
86+
}
87+
}

0 commit comments

Comments
 (0)