Skip to content

Commit c89c2db

Browse files
PandeyaPandeya
Pandeya
authored and
Pandeya
committed
Adding UI code
1 parent 4df411a commit c89c2db

25 files changed

+31351
-0
lines changed

‎UIcode/README.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# React File Upload
2+
3+
> This is a full stack React-Express file uploader but could easily be modified to work with any back-end including cloud storage
4+
5+
## Quick Start
6+
7+
```bash
8+
# Install dependencies server/client
9+
npm install
10+
cd client
11+
npm install
12+
13+
# Serve on localhost:3000
14+
npm run dev
15+
```

‎UIcode/client/package-lock.json‎

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

‎UIcode/client/package.json‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
{
2+
"name": "client",
3+
"version": "0.1.0",
4+
"private": true,
5+
"dependencies": {
6+
"axios": "^0.18.0",
7+
"bootstrap": "^4.4.1",
8+
"react": "^16.8.6",
9+
"react-bootstrap": "^1.0.0",
10+
"react-dom": "^16.8.6",
11+
"react-router": "^5.1.2",
12+
"react-router-dom": "^4.1.2",
13+
"react-scripts": "2.1.8"
14+
},
15+
"scripts": {
16+
"start": "react-scripts start",
17+
"build": "react-scripts build",
18+
"test": "react-scripts test",
19+
"eject": "react-scripts eject"
20+
},
21+
"eslintConfig": {
22+
"extends": "react-app"
23+
},
24+
"browserslist": [
25+
">0.2%",
26+
"not dead",
27+
"not ie <= 11",
28+
"not op_mini all"
29+
],
30+
"proxy": "http://localhost:5000"
31+
}

‎UIcode/client/public/favicon.ico‎

3.78 KB
Binary file not shown.

‎UIcode/client/public/index.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<meta
7+
name="viewport"
8+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
9+
/>
10+
<meta name="theme-color" content="#000000" />
11+
<link
12+
rel="stylesheet"
13+
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
14+
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
15+
crossorigin="anonymous"
16+
/>
17+
18+
<link
19+
rel="stylesheet"
20+
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
21+
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
22+
crossorigin="anonymous"
23+
/>
24+
25+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
26+
27+
<title>React File Upload</title>
28+
</head>
29+
<body>
30+
<noscript>You need to enable JavaScript to run this app.</noscript>
31+
<div id="root"></div>
32+
33+
<script
34+
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
35+
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
36+
crossorigin="anonymous"
37+
></script>
38+
<script
39+
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
40+
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
41+
crossorigin="anonymous"
42+
></script>
43+
<script
44+
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
45+
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
46+
crossorigin="anonymous"
47+
></script>
48+
</body>
49+
</html>

‎UIcode/client/public/manifest.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"short_name": "React App",
3+
"name": "Create React App Sample",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
}
10+
],
11+
"start_url": ".",
12+
"display": "standalone",
13+
"theme_color": "#000000",
14+
"background_color": "#ffffff"
15+
}

‎UIcode/client/public/uploads/Wireframe.docx‎

434 KB
Binary file not shown.

‎UIcode/client/public/uploads/test1.png‎

51.9 KB
Loading

‎UIcode/client/public/uploads/test2.jpg‎

157 KB
Loading

‎UIcode/client/src/App.css‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
.loginBlock{
2+
width:400px;
3+
margin: 0 auto;
4+
margin-top: 45px;
5+
}
6+
.navigation-menu {
7+
list-style: none;
8+
margin: 0;
9+
padding: 0;
10+
}
11+
.navigation-menu > li {
12+
display: inline-block;
13+
position: relative;
14+
}
15+
.nav-container {
16+
border-bottom: 1px #dee2e6 solid;
17+
margin-top:20px;
18+
width: 100%;
19+
padding-right: 15px;
20+
padding-left: 15px;
21+
margin-right: auto;
22+
margin-left: auto;
23+
}
24+
.nav-container li{
25+
font-size: 16px;
26+
color: #ff8927;
27+
font-weight: 400;
28+
display: inline-block;
29+
align-items: center;
30+
justify-content: center;
31+
width: 100px;
32+
text-align: center;
33+
}
34+
.alignment-left{
35+
width:300px;
36+
text-align:"left";
37+
display:inline-block;
38+
}
39+
.alignment-right{
40+
width:300px;
41+
text-align:"right";
42+
display:inline-block;
43+
}
44+
li a{
45+
color: rgba(0,0,0,.9);
46+
}
47+
li a:active{
48+
border-bottom: 2px solid blue;
49+
}
50+
51+
.alignment-center{
52+
width:400px;
53+
text-align:Center;
54+
display:inline-block;
55+
font-weight: 600;
56+
}
57+
.border-light {
58+
border-color: white!important;
59+
}
60+
.centeralign{
61+
margin-top: 29px;
62+
padding-left: 106px;
63+
64+
}
65+
li a:active{
66+
color: #ff8927;
67+
}

0 commit comments

Comments
 (0)