Skip to content

Commit 74e50bd

Browse files
codebucks27codebucks27
committed
Final Commit
1 parent 7c34a52 commit 74e50bd

File tree

11 files changed

+453
-46
lines changed

11 files changed

+453
-46
lines changed

‎.eslintcache

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
[{"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\index.js":"1","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\App.js":"2","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\reportWebVitals.js":"3","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\HamburgerMenu.js":"4","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Home.js":"5","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Blog.js":"6","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Portfolio.js":"7","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\About.js":"8","C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Contact.js":"9"},{"size":500,"mtime":499162500000,"results":"10","hashOfConfig":"11"},{"size":885,"mtime":1608712478600,"results":"12","hashOfConfig":"11"},{"size":362,"mtime":499162500000,"results":"13","hashOfConfig":"11"},{"size":3958,"mtime":1608712862572,"results":"14","hashOfConfig":"11"},{"size":136,"mtime":1608712288078,"results":"15","hashOfConfig":"11"},{"size":136,"mtime":1608712325673,"results":"16","hashOfConfig":"11"},{"size":151,"mtime":1608712315257,"results":"17","hashOfConfig":"11"},{"size":139,"mtime":1608712301721,"results":"18","hashOfConfig":"11"},{"size":148,"mtime":1608712456698,"results":"19","hashOfConfig":"11"},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"msnbvz",{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\index.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\App.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\reportWebVitals.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\HamburgerMenu.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Home.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Blog.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Portfolio.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\About.js",[],"C:\\Users\\khush\\Desktop\\HamburgerMenu\\reactjs-hamburger-menu\\src\\components\\Pages\\Contact.js",[]]

‎package-lock.json

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

‎package.json

+2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@
88
"@testing-library/user-event": "^12.6.0",
99
"react": "^17.0.1",
1010
"react-dom": "^17.0.1",
11+
"react-router-dom": "^5.2.0",
1112
"react-scripts": "4.0.1",
13+
"styled-components": "^5.2.1",
1214
"web-vitals": "^0.2.4"
1315
},
1416
"scripts": {

‎src/App.css

+25-28
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,35 @@
1-
.App {
2-
text-align: center;
1+
html {
2+
font-size: 62.5%;
33
}
44

5-
.App-logo {
6-
height: 40vmin;
7-
pointer-events: none;
8-
}
5+
body {
6+
height: 100vh;
97

10-
@media (prefers-reduced-motion: no-preference) {
11-
.App-logo {
12-
animation: App-logo-spin infinite 20s linear;
13-
}
14-
}
8+
background: #136a8a; /* fallback for old browsers */
9+
background: -webkit-linear-gradient(
10+
to right,
11+
#267871,
12+
#136a8a
13+
); /* Chrome 10-25, Safari 5.1-6 */
14+
background: linear-gradient(
15+
to right,
16+
#267871,
17+
#136a8a
18+
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
1519

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;
20+
color: #effe92;
2521
}
2622

27-
.App-link {
28-
color: #61dafb;
23+
.pages {
24+
position: absolute;
25+
left: 50%;
26+
top: 50%;
27+
transform: translate(-50%, -50%);
28+
font-size: 5rem;
2929
}
3030

31-
@keyframes App-logo-spin {
32-
from {
33-
transform: rotate(0deg);
34-
}
35-
to {
36-
transform: rotate(360deg);
31+
@media only screen and (max-width: 768px) {
32+
.pages {
33+
font-size: 2.5rem;
3734
}
3835
}

‎src/App.js

+23-18
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,29 @@
1-
import logo from './logo.svg';
2-
import './App.css';
1+
import "./App.css";
2+
import HamburgerMenu from "./components/HamburgerMenu";
3+
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
4+
import Home from "./components/Pages/Home";
5+
import About from "./components/Pages/About";
6+
import Portfolio from "./components/Pages/Portfolio";
7+
import Blog from "./components/Pages/Blog";
8+
import Contact from "./components/Pages/Contact";
39

410
function App() {
511
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>
12+
<>
13+
<Router>
14+
<HamburgerMenu />
15+
16+
<div className="pages">
17+
<Switch>
18+
<Route exact path="/" component={Home} />
19+
<Route path="/about" component={About} />
20+
<Route path="/portfolio" component={Portfolio} />
21+
<Route path="/blog" component={Blog} />
22+
<Route path="/contact" component={Contact} />
23+
</Switch>
24+
</div>
25+
</Router>
26+
</>
2227
);
2328
}
2429

0 commit comments

Comments
 (0)