Skip to content

Commit db68047

Browse files
TamimEhsanTamimEhsan
committed
added homepage
1 parent fbdbb3e commit db68047

23 files changed

Lines changed: 459 additions & 8 deletions

‎.idea/vcs.xml‎

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

‎package-lock.json‎

Lines changed: 105 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
@@ -10,7 +10,9 @@
1010
"bootstrap": "^4.5.3",
1111
"react": "^17.0.1",
1212
"react-dom": "^17.0.1",
13+
"react-router-dom": "^5.2.0",
1314
"react-scripts": "4.0.0",
15+
"typewriter-effect": "^2.13.1",
1416
"web-vitals": "^0.2.4"
1517
},
1618
"scripts": {

‎src/App.js‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import React, {Component} from 'react';
2-
import Window from "./components/window";
2+
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
3+
import Pathfinder from "./pathfinderComponents/pathfinder";
4+
import Home from "./homeComponents/home";
35

46
class App extends Component {
57
constructor() {
@@ -11,9 +13,12 @@ class App extends Component {
1113

1214
render() {
1315
return (
14-
<React.Fragment>
15-
<Window/>
16-
</React.Fragment>
16+
<Router>
17+
<Switch>
18+
<Route path='/Pathfinder-2.0/' exact component={Home}/>
19+
<Route path='/Pathfinder-2.0/pathfinder' component={Pathfinder}/>
20+
</Switch>
21+
</Router>
1722
);
1823
}
1924
}

‎src/homeComponents/about.jsx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import React, {Component} from 'react';
2+
3+
class About extends Component {
4+
render() {
5+
return (
6+
<div>
7+
<h1>
8+
About Page
9+
</h1>
10+
</div>
11+
);
12+
}
13+
}
14+
15+
export default About;

‎src/homeComponents/card.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+
import { makeStyles } from "@material-ui/core/styles";
3+
import Card from "@material-ui/core/Card";
4+
import CardActionArea from "@material-ui/core/CardActionArea";
5+
import CardContent from "@material-ui/core/CardContent";
6+
import CardMedia from "@material-ui/core/CardMedia";
7+
import Typography from "@material-ui/core/Typography";
8+
import "./style.css";
9+
import "./graph.png";
10+
import logo from "../logo.svg";
11+
import graph from "./graph.png"
12+
const useStyles = makeStyles({
13+
root: {
14+
maxWidth: 345,
15+
minHeight:250,
16+
minWidth:350,
17+
margin:15
18+
},
19+
media: {
20+
height: 140
21+
}
22+
});
23+
24+
export default function ImgMediaCard(props) {
25+
const classes = useStyles();
26+
return (
27+
<Card
28+
className={classes.root}
29+
m={20}
30+
>
31+
<CardActionArea>
32+
<CardMedia
33+
component="img"
34+
alt="Contemplative Reptile"
35+
height="140"
36+
src={graph}
37+
title="Contemplative Reptile"
38+
/>
39+
<CardContent>
40+
<Typography gutterBottom variant="h5" component="h2">
41+
{props.title}
42+
</Typography>
43+
<Typography variant="body2" color="textSecondary" component="p">
44+
{props.description}
45+
</Typography>
46+
</CardContent>
47+
</CardActionArea>
48+
</Card>
49+
);
50+
}

‎src/homeComponents/cards.jsx‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
import React, {Component} from 'react';
2+
import ImgMediaCard from "./card";
3+
import "./style.css";
4+
import {Link} from "react-router-dom";
5+
class Cards extends Component {
6+
state = {
7+
cards:[
8+
{
9+
id:1,
10+
title:"Pathfinder",
11+
description:"Visualize graph algorithms like dijkstra, BFS, DFS",
12+
route:"/Pathfinder-2.0/pathfinder"
13+
},
14+
{
15+
id:2,
16+
title:"Sorting Algorithm",
17+
description:"Coming soon...",
18+
route:"/Pathfinder-2.0/"
19+
},
20+
{
21+
id:3,
22+
title:"8 Queen",
23+
description:"Coming soon...",
24+
route:"/Pathfinder-2.0/"
25+
},
26+
{
27+
id:3,
28+
title:"Prime Numbers",
29+
description:"Coming soon...",
30+
route:"/Pathfinder-2.0/"
31+
},
32+
{
33+
id:3,
34+
title:"Backtracking",
35+
description:"Coming soon...",
36+
route:"/Pathfinder-2.0/"
37+
}
38+
]
39+
}
40+
render() {
41+
return (
42+
<div className="d-flex flex-wrap justify-content-center Cards p-lg-5" >
43+
{
44+
this.state.cards.map(card=>(
45+
<Link to={card.route}>
46+
<ImgMediaCard
47+
key={card.id}
48+
title={card.title}
49+
description={card.description}/>
50+
</Link>
51+
))
52+
}
53+
</div>
54+
);
55+
}
56+
}
57+
58+
export default Cards;

‎src/homeComponents/footer.jsx‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
import React, {Component} from 'react';
2+
import "./style.css";
3+
class Footer extends Component {
4+
render() {
5+
return (
6+
<footer class="page-footer font-small special-color-dark pt-4 ">
7+
8+
<div class="container">
9+
10+
<ul class="list-unstyled list-inline text-center">
11+
<li class="list-inline-item">
12+
<a class="btn-floating btn-fb mx-1">
13+
<i class="fab fa-facebook-f"> </i>
14+
</a>
15+
</li>
16+
<li class="list-inline-item">
17+
<a class="btn-floating btn-tw mx-1">
18+
<i class="fab fa-twitter"> </i>
19+
</a>
20+
</li>
21+
<li class="list-inline-item">
22+
<a class="btn-floating btn-gplus mx-1">
23+
<i class="fab fa-google-plus-g"> </i>
24+
</a>
25+
</li>
26+
<li class="list-inline-item">
27+
<a class="btn-floating btn-li mx-1">
28+
<i class="fab fa-linkedin-in"> </i>
29+
</a>
30+
</li>
31+
<li class="list-inline-item">
32+
<a class="btn-floating btn-dribbble mx-1">
33+
<i class="fab fa-dribbble"> </i>
34+
</a>
35+
</li>
36+
</ul>
37+
38+
39+
</div>
40+
41+
<div class="footer-copyright text-center py-3">© 2020 Copyright:
42+
<a href="https://github.com/tamimehsan" style={{color: "#65b6f0"}}> Tamim Ehsan</a>
43+
</div>
44+
45+
</footer>
46+
);
47+
}
48+
}
49+
50+
export default Footer;

‎src/homeComponents/graph.png‎

216 KB
Loading

0 commit comments

Comments
 (0)