Skip to content

Commit ca3fb4c

Browse files
davinash97davinash97
committed
Update
- New Hero Page - Adding Eslint - Minor source side edits
1 parent 981c495 commit ca3fb4c

File tree

19 files changed

+150
-67
lines changed

19 files changed

+150
-67
lines changed

‎.eslintignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
dist/*

‎.eslintrc.json

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"env": {
3+
"browser": true,
4+
"es2021": true,
5+
"node": true
6+
},
7+
"extends": [
8+
"eslint:recommended",
9+
"plugin:react/recommended"
10+
],
11+
"parserOptions": {
12+
"ecmaVersion": "latest",
13+
"sourceType": "module"
14+
},
15+
"plugins": [
16+
"react"
17+
],
18+
"rules": {
19+
}
20+
}

‎index.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,12 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
7-
<link
7+
<!-- <link rel="manifest" href="/assets/manifest/manifest.json"> -->
8+
<!-- <link
89
rel="apple-touch-icon"
910
sizes="180x180"
10-
href="./public/assets/manifest/apple-touch-icon.png"
11-
/>
11+
href="/assets/manifest/apple-touch-icon.png"
12+
/> -->
1213
<title>Avinash's PortFolio</title>
1314
</head>
1415
<body>

‎src/App.jsx

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,23 @@
11
import "./App.css";
2-
import Welcome from "./Pages/Welcome.jsx";
2+
import React from "react";
3+
// import Welcome from "./Pages/Welcome.jsx";
34
import AboutPage from "./Pages/About.jsx";
45
import Skills from "./Pages/Skills.jsx";
56
import Project from "./Pages/Project.jsx";
67
import Achievements from "./Pages/Achievements.jsx";
78
import Other from "./Pages/Others.jsx";
89
import Contacts from "./Pages/Contacts.jsx";
10+
import Hero from "./Pages/Hero.jsx";
911

10-
export default () => {
12+
export default function App() {
1113
return (
1214
<>
1315
<div className="progress" />
1416
<main className="flex flex-col items-center justify-evenly gap-20">
15-
<div className="main">
17+
{/* <div className="main">
1618
<Welcome />
17-
</div>
19+
</div> */}
20+
<Hero />
1821
<AboutPage />
1922
<Skills />
2023
<Project />
@@ -24,4 +27,4 @@ export default () => {
2427
</main>
2528
</>
2629
);
27-
};
30+
}

‎src/Components/card.jsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Highlight from "./highlight";
2+
import React from "react";
23

34
const achievementsCard = (props) => {
45
return (

‎src/Components/frame.jsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import "../Styles/Skills.css";
2+
import React from "react";
23

34
const frame = (props) => {
45
return (
@@ -23,7 +24,7 @@ const projectFrame = (props) => {
2324
</h3>
2425
<div className="flex flex-row content-center justify-center w-auto gap-5">
2526
<p>{props.paragraph}</p>
26-
<a href={props.link} target="_blank">
27+
<a href={props.link} target="_blank" rel="noreferrer">
2728
<img src={props.imgSrc} alt={props.title} draggable="false" />
2829
</a>
2930
</div>

‎src/Components/highlight.jsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import "../Styles/AboutPage.css";
2+
import React from "react";
23

3-
export default (props) => {
4+
export default function highlight(props) {
45
return <span className="highlight">{props.text}</span>;
5-
};
6+
}

‎src/Pages/About.jsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,21 @@
11
import Highlight from "../Components/highlight";
2+
import React from "react";
23

3-
export default () => {
4+
export default function About() {
45
return (
56
<section className="h-screen flex flex-col text-center justify-evenly content-center">
67
<h2 className="text-4xl">About me</h2>
78
<div className="about-container">
89
<p className="text-lg text-justify max-w-3xl px-5 about">
9-
Hello, I&#39;m <Highlight text="Avinash" /> A Senior-Year{" "}
10-
<Highlight text="Student" /> pursuing a Bachelor&#39;s in Computer
11-
Science Engineering at RSR Rungta College of Engineering & Technology,
12-
Bhilai, Chhattisgarh -<Highlight text="India" />. Passionate about
13-
tech, I bring a strong academic foundation and practical project
14-
experience to the table. Explore my portfolio for more. Thank you!
10+
Hello, I&#39;m a Senior-Year <Highlight text="Student" /> pursuing a
11+
Bachelor&#39;s in Computer Science Engineering at RSR Rungta College
12+
of Engineering & Technology, Bhilai, Chhattisgarh -
13+
<Highlight text="India" />. Passionate about tech, and Learning from
14+
Open Source, trying to give back the most. I bring a strong academic
15+
foundation and practical project experience to the table. Explore my
16+
portfolio for more. Thank you!
1517
</p>
1618
</div>
1719
</section>
1820
);
19-
};
21+
}

‎src/Pages/Achievements.jsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
import "../Styles/Achievements.css";
22
import { achievementsCard as Card } from "../Components/card";
3+
import React from "react";
34

4-
export default () => {
5+
export default function Achievements() {
56
return (
67
<section className="flex flex-col py-20 justify-between gap-10 px-10 text-center w-screen">
78
<h2>Achievements</h2>
89
<Card title="PHP" text="Completed Vocational Training" />
910
<Card title="Java" text="Scored 71% in NPTEL " />
1011
<Card title="MS-Office" text="Completed Vocational Training" />
11-
<Card title=":Leetcode" text="Solved 20+ Questions" />
12-
<Card title="CodeChef:" text="Solved 50+ Questions" />
12+
<Card title="Leetcode" text="Solved 20+ Questions" />
13+
<Card title="CodeChef" text="Solved 50+ Questions" />
1314
</section>
1415
);
15-
};
16+
}

‎src/Pages/Contacts.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import "../Styles/Contacts.css";
2-
import { getImageUrl } from "./ImgIndex.jsx";
3-
2+
import { getImageUrl } from "../utils/ImgIndex.jsx";
3+
import React from "react";
44
import { contactsCard as Card } from "../Components/card.jsx";
55

6-
export default () => {
6+
export default function Contacts() {
77
// document
88
// .querySelectorAll("input")
99
// .forEach((input) => input.setAttribute("disabled", true));
@@ -83,4 +83,4 @@ export default () => {
8383
</div>
8484
</section>
8585
);
86-
};
86+
}

‎src/Pages/Hero.jsx

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from "react";
2+
import { getImageUrl } from "../utils/ImgIndex";
3+
import "../Styles/Hero.css";
4+
5+
export default function Hero() {
6+
return (
7+
<section className="h-screen flex flex-row items-center gap-20 hero-container p-10">
8+
<div className="hero flex flex-col">
9+
<h1>Hi!</h1>
10+
<h1>this is</h1>
11+
<h1>Avinash</h1>
12+
</div>
13+
<div>
14+
<img
15+
src={getImageUrl("avatar", "jpg")}
16+
alt="Avatar"
17+
style={{ width: "450px", borderRadius: "15%" }}
18+
draggable="false"
19+
/>
20+
</div>
21+
</section>
22+
);
23+
}

‎src/Pages/Others.jsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import "../Styles/Others.css";
2-
import { getImageUrl } from "./ImgIndex.jsx";
3-
2+
import { getImageUrl } from "../utils/ImgIndex.jsx";
3+
import React from "react";
44
import { othersCard as Card } from "../Components/card.jsx";
55

6-
export default () => {
6+
export default function Others() {
77
const AndroidKernel = "Maintained kernel for Samsung Exynos 7870 (Used to).";
88
const AndroidROMs =
99
"Contributed in some Custom ROMs for Samsung Exynos 7870 (Used to).";
@@ -27,9 +27,9 @@ export default () => {
2727
/>
2828
<Card
2929
title="Telegram Bots:"
30-
paragraph={" " + AndroidKernel}
30+
paragraph={" " + TelegramBot}
3131
imgSrc={getImageUrl("robot")}
3232
/>
3333
</section>
3434
);
35-
};
35+
}

‎src/Pages/Project.jsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
import "../Styles/Project.css";
22
import { projectFrame as ProjectFrame } from "../Components/frame.jsx";
3-
import { getImageUrl } from "./ImgIndex.jsx";
3+
import { getImageUrl } from "../utils/ImgIndex.jsx";
4+
import React from "react";
45

5-
export default () => {
6+
export default function Project() {
67
const GlobalBuzz =
78
"A Dynamic Web application for News. Frontend written in JavaScript with (HTML & CSS) and Backend is written solely on PHP. Powered by NewsAPI.";
89

@@ -28,4 +29,4 @@ export default () => {
2829
</div>
2930
</section>
3031
);
31-
};
32+
}

‎src/Pages/Skills.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import React from "react";
12
import { frame as Frame, osFrame as OS } from "../Components/frame.jsx";
3+
import { getImageUrl } from "../utils/ImgIndex.jsx";
24

3-
import { getImageUrl } from "./ImgIndex.jsx";
4-
5-
export default () => {
5+
export default function Skills() {
66
return (
77
<section className="flex flex-col gap-5">
88
<h2 className="text-center py-10">Skills</h2>
@@ -54,4 +54,4 @@ export default () => {
5454
</div>
5555
</section>
5656
);
57-
};
57+
}

‎src/Pages/Welcome.jsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import { useEffect } from "react";
1+
import { React, useEffect } from "react";
22
import "../Styles/Welcome.css";
33

4-
export default () => {
4+
export default function Welcome() {
55
useEffect(() => {
66
const handleScroll = () => {
77
const opacityValue = window.scrollY >= 25 ? 0 : 1;
@@ -20,7 +20,6 @@ export default () => {
2020
<h1
2121
style={{
2222
height: "100vh",
23-
height: "100svh",
2423
}}
2524
id="welcome"
2625
className="text-6xl flex flex-col text-center items-center justify-center"
@@ -38,4 +37,4 @@ export default () => {
3837
</div>
3938
</section>
4039
);
41-
};
40+
}

‎src/Styles/Hero.css

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
@keyframes slidingIn {
2+
from {
3+
transform: translateX(-250px);
4+
}
5+
to {
6+
opacity: 1;
7+
transform: translateX(0px);
8+
}
9+
}
10+
11+
.hero {
12+
gap: 40px;
13+
}
14+
15+
.hero h1:nth-child(1) {
16+
opacity: 0.5;
17+
animation: slidingIn 500ms linear forwards;
18+
}
19+
20+
.hero h1:nth-child(2) {
21+
opacity: 0.25;
22+
animation: slidingIn 750ms linear 50ms forwards;
23+
}
24+
25+
.hero h1:nth-child(3) {
26+
opacity: 0;
27+
animation: slidingIn 950ms linear 100ms forwards;
28+
}
29+
30+
@media screen and (orientation: portrait) {
31+
.hero {
32+
gap: 20px;
33+
text-align: center;
34+
}
35+
36+
.hero h1 {
37+
font-size: 50px !important;
38+
}
39+
40+
.hero-container {
41+
height: 100vh;
42+
padding: 50px;
43+
flex-direction: column !important;
44+
}
45+
.hero-container div:nth-child(1) {
46+
order: 1;
47+
}
48+
.hero-container div:nth-child(2) img {
49+
width: 250px !important;
50+
}
51+
}

‎src/assets/jpg/avatar.jpg

293 KB
Loading

‎src/assets/manifest/manifest.json

Lines changed: 1 addition & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -6,29 +6,9 @@
66
"display": "standalone",
77
"icons": [
88
{
9-
"src": "./favicon.ico",
9+
"src": "../favicon.ico",
1010
"sizes": "64x64",
1111
"type": "image/x-icon"
12-
},
13-
{
14-
"src": "./favicon-32.png",
15-
"sizes": "32x32",
16-
"type": "image/x-icon"
17-
},
18-
{
19-
"src": "./favicon-16.png",
20-
"sizes": "16x16",
21-
"type": "image/x-icon"
22-
},
23-
{
24-
"src": "./assets/manifest/android512.png",
25-
"type": "image/png",
26-
"sizes": "512x512"
27-
},
28-
{
29-
"src": "./assets/manifest/android192.png",
30-
"type": "image/png",
31-
"sizes": "192x192"
3212
}
3313
]
3414
}

‎src/Pages/ImgIndex.jsx renamed to ‎src/utils/ImgIndex.jsx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,2 @@
1-
const getImageUrl = (name, type = "svg") =>
1+
export const getImageUrl = (name, type = "svg") =>
22
new URL(`../assets/${type}/${name}.${type}`, import.meta.url).href;
3-
4-
export { getImageUrl };

0 commit comments

Comments
 (0)