Skip to content

Commit 182154d

Browse files
jcarlo2jcarlo2
committed
init
- UI for Home, Login, Register, Forgot Password, Dashboard(Account Management, Card Management) - more UI soon ...
1 parent d4eabaf commit 182154d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+4354
-109
lines changed

‎package-lock.json‎

Lines changed: 61 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: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
"@testing-library/user-event": "^13.5.0",
99
"react": "^18.2.0",
1010
"react-dom": "^18.2.0",
11+
"react-router-dom": "^6.14.0",
1112
"react-scripts": "5.0.1",
1213
"web-vitals": "^2.1.4"
1314
},

‎public/index.html‎

Lines changed: 5 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2,42 +2,20 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
5+
<link rel="icon" href="%PUBLIC_URL%/logo.jpeg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta name="theme-color" content="#000000" />
88
<meta
9-
name="description"
10-
content="Web site created using create-react-app"
9+
name="SmartBank"
10+
content="Banking made smart and simple"
1111
/>
1212
<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-
-->
1713
<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>
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
15+
<title>SmartBank</title>
2816
</head>
2917
<body>
3018
<noscript>You need to enable JavaScript to run this app.</noscript>
3119
<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-
-->
4220
</body>
4321
</html>

‎public/logo.jpeg‎

157 KB
Loading

‎src/App.css‎

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

‎src/App.js‎

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

‎src/App.test.js‎

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

‎src/components/Footer.jsx‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
import React from "react";
2+
3+
const Footer = ({handleSlide}) => {
4+
return (
5+
<div className="footer-container">
6+
<div>
7+
<img src={require("../images/logo.jpeg")} alt="SmartBank" onClick={handleSlide}/>
8+
<ul>
9+
<li onClick={handleSlide}>Home</li>
10+
<li onClick={handleSlide}>Features</li>
11+
<li onClick={handleSlide}>About</li>
12+
<li onClick={handleSlide}>Contact</li>
13+
<li>Terms of Service</li>
14+
<li>Privacy Policy</li>
15+
</ul>
16+
<ul>
17+
<li>
18+
<span></span>
19+
</li>
20+
<li>
21+
<span></span>
22+
</li>
23+
<li>
24+
<span></span>
25+
</li>
26+
<li>
27+
<span></span>
28+
</li>
29+
</ul>
30+
<div>
31+
<h1>Disclaimer</h1>
32+
<p>
33+
The information provided on this website is for general
34+
informational purposes only. SmartBank does not guarantee the
35+
accuracy, completeness, or reliability of any information presented.
36+
Any reliance you place on such information is strictly at your own
37+
risk. SmartBank shall not be liable for any losses or damages
38+
arising from the use of or reliance on the information provided on
39+
this website. Always consult with a financial advisor or
40+
professional for specific financial advice tailored to your
41+
individual needs.
42+
</p>
43+
</div>
44+
</div>
45+
<div className="copyright">© 2023 SmartBank. All rights reserved.</div>
46+
</div>
47+
);
48+
};
49+
50+
export default Footer;

‎src/components/IndexHeader.jsx‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import React, { useContext } from "react";
2+
import { Link } from "react-router-dom";
3+
import { GlobalContext } from "../context/GlobalContext";
4+
5+
const IndexHeader = ({ handleSlide }) => {
6+
const isAuthorize = useContext(GlobalContext).isAuthorize;
7+
const user = useContext(GlobalContext).user;
8+
9+
return (
10+
<div className="index-header-container">
11+
<div>
12+
<img
13+
src={require("../images/logo-white.png")}
14+
alt="SmartBank"
15+
onClick={handleSlide}
16+
/>
17+
<div>
18+
<ul>
19+
<li onClick={handleSlide}>Home</li>
20+
<li onClick={handleSlide}>Features</li>
21+
<li onClick={handleSlide}>About</li>
22+
<li onClick={handleSlide}>Contact</li>
23+
</ul>
24+
<div>
25+
<Link to={"/main"}>
26+
{isAuthorize ? `Dashboard` : "Login"}
27+
</Link>
28+
</div>
29+
</div>
30+
</div>
31+
</div>
32+
);
33+
};
34+
35+
export default IndexHeader;

‎src/components/ProfileHeader.jsx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import React from 'react'
2+
import { Link } from 'react-router-dom'
3+
4+
const ProfileHeader = ()=> {
5+
6+
return (
7+
<div className="profile-header-container">
8+
<div>
9+
<img src={require('../images/logo-white.png')} alt="SmartBank" />
10+
<div>
11+
<ul>
12+
<li>
13+
<Link to={'/'}>Home</Link>
14+
</li>
15+
<li>Dashboard</li>
16+
</ul>
17+
<span></span>
18+
</div>
19+
</div>
20+
</div>
21+
)
22+
}
23+
24+
export default ProfileHeader

0 commit comments

Comments
 (0)