Skip to content

Commit caf0227

Browse files
ashish7515ashish7515
committed
add graphs
1 parent ccd8e1e commit caf0227

Some content is hidden

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

51 files changed

+5658
-189
lines changed

‎package-lock.json

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

‎package.json

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,23 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6+
"@emotion/react": "^11.10.6",
7+
"@emotion/styled": "^11.10.6",
8+
"@material-tailwind/react": "^1.4.2",
9+
"@mui/material": "^5.11.14",
610
"@testing-library/jest-dom": "^5.16.5",
711
"@testing-library/react": "^13.4.0",
812
"@testing-library/user-event": "^13.5.0",
13+
"axios": "^1.3.4",
14+
"finnhub": "^1.2.16",
15+
"plotly.js": "^2.20.0",
16+
"querystring-es3": "^0.2.1",
917
"react": "^18.2.0",
1018
"react-dom": "^18.2.0",
19+
"react-plotly.js": "^2.6.0",
20+
"react-router-dom": "^5.3.4",
1121
"react-scripts": "5.0.1",
22+
"serviceworker": "^0.1.7",
1223
"web-vitals": "^2.1.4"
1324
},
1425
"scripts": {
@@ -34,5 +45,10 @@
3445
"last 1 firefox version",
3546
"last 1 safari version"
3647
]
48+
},
49+
"devDependencies": {
50+
"autoprefixer": "^10.4.14",
51+
"postcss": "^8.4.21",
52+
"tailwindcss": "^3.2.7"
3753
}
3854
}

‎postcss.config.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {},
5+
},
6+
}

‎public/favicon.ico

-720 Bytes
Binary file not shown.

‎public/images/img-1.jpg

1.03 MB
Loading

‎public/images/img-2.jpg

3.05 MB
Loading

‎public/images/img-3.jpg

1.21 MB
Loading

‎public/images/img-4.jpg

2.97 MB
Loading

‎public/images/img-5.jpg

1.08 MB
Loading

‎public/images/img-6.jpg

1.23 MB
Loading

‎public/images/img-7.jpg

564 KB
Loading

‎public/images/img-8.jpg

434 KB
Loading

‎public/images/img-9.jpg

466 KB
Loading

‎public/images/img-home.jpg

724 KB
Loading

‎public/images/img-home__.jpg

612 KB
Loading

‎public/index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,20 @@
1010
content="Web site created using create-react-app"
1111
/>
1212
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13+
<link
14+
rel="stylesheet"
15+
href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
16+
integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q"
17+
crossorigin="anonymous"
18+
/>
19+
<link
20+
href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap"
21+
rel="stylesheet"
22+
/>
23+
<link rel="preconnect" href="https://fonts.googleapis.com">
24+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">
26+
1327
<!--
1428
manifest.json provides metadata used when your web app is installed on a
1529
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

‎public/robots.txt

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

‎public/videos/video-1.mp4

4.71 MB
Binary file not shown.

‎public/videos/video-2.mp4

16.9 MB
Binary file not shown.

‎src/App.css

Lines changed: 50 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,61 @@
1-
.App {
2-
text-align: center;
3-
}
4-
5-
.App-logo {
6-
height: 40vmin;
7-
pointer-events: none;
8-
}
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
94

10-
@media (prefers-reduced-motion: no-preference) {
11-
.App-logo {
12-
animation: App-logo-spin infinite 20s linear;
13-
}
5+
* {
6+
box-sizing: border-box;
7+
margin: 0;
8+
padding: 0;
9+
font-family: 'PT Sans', sans-serif;
1410
}
1511

16-
.App-header {
17-
background-color: #282c34;
18-
min-height: 100vh;
12+
.home,
13+
.services,
14+
.products,
15+
.sign-up,
16+
.marketnews {
1917
display: flex;
20-
flex-direction: column;
18+
height: 90vh;
2119
align-items: center;
2220
justify-content: center;
23-
font-size: calc(10px + 2vmin);
24-
color: white;
21+
font-size: 3rem;
22+
}
23+
24+
.services {
25+
background-image: url('../../bitfolio/public/images/img-2.jpg');
26+
background-position: center;
27+
background-size: cover;
28+
background-repeat: no-repeat;
29+
color: #fff;
30+
font-size: 100px;
31+
height: 40vh;
32+
}
33+
34+
.products {
35+
background-image: url('../../bitfolio/public/images/img-1.jpg');
36+
background-position: center;
37+
background-size: fill;
38+
background-repeat: no-repeat;
39+
color: #fff;
40+
font-size: 100px;
2541
}
2642

27-
.App-link {
28-
color: #61dafb;
43+
.sign-up {
44+
background-image: url('../../bitfolio/public/images/img-8.jpg');
45+
background-position: center;
46+
background-size: cover;
47+
background-repeat: no-repeat;
48+
color: #fff;
49+
font-size: 100px;
2950
}
3051

31-
@keyframes App-logo-spin {
32-
from {
33-
transform: rotate(0deg);
34-
}
35-
to {
36-
transform: rotate(360deg);
37-
}
52+
.marketnews {
53+
background-image: url('../../bitfolio/public/images/img-6.jpg');
54+
background-position: center;
55+
background-size: cover;
56+
background-repeat: no-repeat;
57+
color: #ffe;
58+
font-size: 100px;
59+
height: 60vh;
3860
}
61+

‎src/App.js

Lines changed: 27 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,34 @@
1-
import logo from './logo.svg';
1+
import React from 'react';
2+
import Navbar from './components/Navbar';
23
import './App.css';
4+
import Home from './components/pages/Home';
5+
import { BrowserRouter as Router, Switch, Route, Routes } from 'react-router-dom';
6+
import Services from './components/pages/Services';
7+
import Portfolio from './components/pages/Portfolio';
8+
import SignUp from './components/pages/SignUp';
9+
import Marketnews from './components/pages/Marketnews';
10+
import Footer from './components/Footer';
11+
import Stockgraph from './components/pages/Stockgraph';
12+
import './index.css';
313

414
function App() {
515
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>
16+
<>
17+
<Router>
18+
<Navbar />
19+
<Switch>
20+
{/* <Routes> */}
21+
<Route path='/' exact component={Home} />
22+
<Route path='/services' component={Services} />
23+
<Route path='/Portfolio' component={Portfolio} />
24+
<Route path='/sign-up' component={SignUp} />
25+
<Route path='/Marketnews' component={Marketnews} />
26+
<Route path='/Services/Stockgraph' component={Stockgraph} />
27+
{/* </Routes> */}
28+
</Switch>
29+
<Footer />
30+
</Router>
31+
</>
2232
);
2333
}
2434

‎src/App.test.js

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

‎src/components/AboutUs.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.ash{
2+
background-color: aqua;
3+
}

‎src/components/AboutUs.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react'
2+
import './AboutUs.css'
3+
import '../App.css'
4+
// import { Card, Input, Checkbox, Button, Typography } from "@material-tailwind/html";
5+
// import { AxiosRequestConfig } from 'axios';
6+
7+
8+
const AboutUs = () => {
9+
10+
return (
11+
<>
12+
<br />
13+
{/* */}
14+
15+
{/* */}
16+
<hr />
17+
</>
18+
)
19+
}
20+
21+
export default AboutUs

‎src/components/Button.css

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
:root {
2+
--primary: #fff;
3+
}
4+
5+
.btn {
6+
padding: 8px 20px;
7+
border-radius: 2px;
8+
outline: none;
9+
border: none;
10+
cursor: pointer;
11+
}
12+
13+
.btn--primary {
14+
background-color: var(--primary);
15+
color: #242424;
16+
border: 1px solid var(--primary);
17+
}
18+
19+
.btn--outline {
20+
background-color: transparent;
21+
color: #fff;
22+
padding: 8px 20px;
23+
border: 1px solid var(--primary);
24+
transition: all 0.3s ease-out;
25+
}
26+
27+
.btn--medium {
28+
padding: 8px 20px;
29+
font-size: 18px;
30+
}
31+
32+
.btn--large {
33+
padding: 12px 26px;
34+
font-size: 20px;
35+
}
36+
37+
.btn--large:hover,
38+
.btn--medium:hover {
39+
transition: all 0.3s ease-out;
40+
background: #fff;
41+
color: #242424;
42+
transition: 250ms;
43+
}

‎src/components/Button.js

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
2+
import React from 'react';
3+
import './Button.css';
4+
import { Link } from 'react-router-dom';
5+
6+
const STYLES = ['btn--primary', 'btn--outline', 'btn--test'];
7+
8+
const SIZES = ['btn--medium', 'btn--large'];
9+
10+
export const Button = ({
11+
children,
12+
type,
13+
onClick,
14+
buttonStyle,
15+
buttonSize
16+
}) => {
17+
const checkButtonStyle = STYLES.includes(buttonStyle)
18+
? buttonStyle
19+
: STYLES[0];
20+
21+
const checkButtonSize = SIZES.includes(buttonSize) ? buttonSize : SIZES[0];
22+
23+
return (
24+
<Link to='./sign-up' className='btn-mobile'>
25+
<button
26+
className={`btn ${checkButtonStyle} ${checkButtonSize}`}
27+
onClick={onClick}
28+
type={type}
29+
>
30+
{children}
31+
</button>
32+
</Link>
33+
);
34+
};

‎src/components/CardItem.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import React from 'react';
2+
// import { Link } from 'react-router-dom';
3+
4+
function CardItem(props) {
5+
6+
return (
7+
<>
8+
<li className='cards__item'>
9+
<a className='cards__item__link' href={props.path} target='_blank'>
10+
<div className="card">
11+
<div className="card__image">
12+
<img src={props.src} />
13+
</div>
14+
<div className="card__copy">
15+
<h1>{props.title}</h1>
16+
{/* <h2>27 October, Noon.</h2> */}
17+
<br />
18+
<div className="card-description">
19+
<p>
20+
{props.description}
21+
</p>
22+
</div>
23+
</div>
24+
</div>
25+
</a>
26+
</li>
27+
</>
28+
);
29+
}
30+
31+
export default CardItem;

0 commit comments

Comments
 (0)