Skip to content

Commit 2f736db

Browse files
jitendra-kyjitendra-ky
committed
give portfolio a update
1 parent f797b98 commit 2f736db

File tree

8 files changed

+133
-68
lines changed

8 files changed

+133
-68
lines changed

‎public/zulip-icon-svgrepo-com.svg‎

Lines changed: 16 additions & 0 deletions
Loading

‎src/components/Banner.jsx‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,7 @@ function Banner() {
1919
<div className="skill">
2020
<ul>
2121
<li> Fullstack Web-Developer <span className='tag'>Advance</span></li>
22-
<li> Problem Solving with Python/C++ <span className='tag'>Intermediate</span></li>
23-
<li> Data-Science with Numpy & Panda <span className='tag'>Intermediate</span></li>
24-
<li> cloud-computing<span className='tag'>beginner</span></li>
25-
<li>AI/ML<span className='tag'>beginner</span></li>
22+
<li> Data Structure & Algorithms <span className='tag'>Intermediate</span></li>
2623
</ul>
2724
</div>
2825
</div>

‎src/components/Featured.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
}
2828

2929
.frontend img {
30-
width: 100%;
30+
height: 100%;
3131
}
3232

3333
.featured .tag-area {

‎src/components/Featured.jsx‎

Lines changed: 45 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,56 @@ import './Featured.css';
22
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
33
import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
44

5+
const react_certificate = (
6+
<div className="frontend glass">
7+
<div className="img-area"><img src="frontend.jpeg" alt="Frontend-certificate" /></div>
8+
<div className="txt-area">
9+
<h1>Certified Frontend Developer</h1>
10+
<div className="tag-area">
11+
<div className="tag">HTML</div>
12+
<div className="tag">CSS</div>
13+
<div className="tag">JS</div>
14+
<div className="tag">React</div>
15+
</div>
16+
<ul>
17+
<li>Built 5 Advanced Frontend Projects </li>
18+
<li>Completed 2 In-Depth Frontend Courses</li>
19+
<li>Achieved Official Certification</li>
20+
</ul>
21+
<div className="foot">
22+
<a href="https://www.hackerrank.com/certificates/945259957510" target="_blank" rel="noopener noreferrer" className="btn">Verify <FontAwesomeIcon icon={faExternalLinkAlt} /></a>
23+
</div>
24+
</div>
25+
</div>
26+
);
27+
28+
const zulip_contribution = (
29+
<div className="frontend glass">
30+
<div className="img-area"><img src="zulip-icon-svgrepo-com.svg" alt="zulip icon" /></div>
31+
<div className="txt-area">
32+
<h1>Open-Source Contribution in @Zulip</h1>
33+
<div className="tag-area">
34+
<div className="tag">python</div>
35+
<div className="tag">Django</div>
36+
<div className="tag">JavaScript (vanilla)</div>
37+
</div>
38+
<ul>
39+
<li>Successfully Merged 4 Pull Requests that closed 4 issues.</li>
40+
<li>Enhanced UI: Improved the message feed UI.</li>
41+
<li>Optimized User Group Management: Resolved issues related to user group settings.</li>
42+
</ul>
43+
<div className="foot">
44+
<a href="https://github.com/zulip/zulip/pulls?q=is%3Apr+author%3Ajitendra-ky+is%3Aclosed" target="_blank" rel="noopener noreferrer" className="btn">View PRs <FontAwesomeIcon icon={faExternalLinkAlt} /></a>
45+
</div>
46+
</div>
47+
</div>
48+
);
549

650
function Featured() {
751

852
const output = (
953
<div className="mycontainer featured">
10-
<div className="frontend glass">
11-
<div className="img-area"><img src="frontend.jpeg" alt="Frontend-certificate" /></div>
12-
<div className="txt-area">
13-
<h1>Certified Frontend Developer</h1>
14-
<div className="tag-area">
15-
<div className="tag">HTML</div>
16-
<div className="tag">CSS</div>
17-
<div className="tag">JS</div>
18-
<div className="tag">React</div>
19-
</div>
20-
<ul>
21-
<li>Built 5 Advanced Frontend Projects </li>
22-
<li>Completed 2 In-Depth Frontend Courses</li>
23-
<li>Achieved Official Certification</li>
24-
</ul>
25-
<div className="foot">
26-
<a href="https://www.hackerrank.com/certificates/945259957510" target="_blank" rel="noopener noreferrer" className="btn">Verify <FontAwesomeIcon icon={faExternalLinkAlt} /></a>
27-
</div>
28-
</div>
29-
</div>
54+
{zulip_contribution}
3055
</div>
3156
)
3257

‎src/components/Footer.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ function Footer() {
1010
<div className="footer-section">
1111
<h4>Contact Me</h4>
1212
<p><FontAwesomeIcon icon={faEnvelope} /> jk69854@gmail.com</p>
13-
<p><FontAwesomeIcon icon={faPhone} /> +91 XXXXX XXXXX</p>
13+
<p><FontAwesomeIcon icon={faPhone} /> +91 63880 92058</p>
1414
</div>
1515

1616
<div className="footer-section">
@@ -42,7 +42,7 @@ function Footer() {
4242
</div>
4343
</div>
4444
<div className="footer-bottom">
45-
<p>© jitendra.me 2024. All Rights Reserved.</p>
45+
<p>© jitendra.me 2025. All Rights Reserved.</p>
4646
<p><a href="privacy-policy.html">Privacy Policy</a> | <a href="terms-of-service.html">Terms of Service</a></p>
4747
</div>
4848
</div>

‎src/components/Projects.jsx‎

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const dragonfly = (
1818
<p>In this project Dragonfly, I am developing a fully functional open-source chatting application using industry best practices</p>
1919
</div>
2020
<div className="card-foot">
21-
<div className="btn" onClick={() => window.open("https://github.com/jitendra-ky/dragonfly")}>repo <FontAwesomeIcon icon={faGithub} /></div>
21+
<div className="btn" onClick={() => window.open("https://github.com/jitendra-ky/dragonfly")}> <FontAwesomeIcon icon={faGithub}/> repo<sup>↗</sup> </div>
2222
</div>
2323
</div>
2424
);
@@ -39,8 +39,8 @@ const portfolio = (
3939
</div>
4040
<div className="card-foot">
4141
<div className="btn" style={{visibility : "hidden"}}>use <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
42-
<div className="btn" onClick={() => window.open("https://youtu.be/pmuAUmOw2MU?si=voQrA3wZoS0KQp2P")}><FontAwesomeIcon icon={faPlay} /> video</div>
43-
<div className="btn" style={{ visibility: "hidden" }}>doc <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
42+
<div className="btn" onClick={() => window.open("https://youtu.be/pmuAUmOw2MU?si=voQrA3wZoS0KQp2P")}><FontAwesomeIcon icon={faPlay} /> video<sup>↗</sup></div>
43+
<div className="btn" style={{ visibility: "hidden" }}><FontAwesomeIcon icon={faExternalLinkAlt} /> doc <sup>↗</sup></div>
4444
</div>
4545
</div>
4646
);
@@ -61,8 +61,8 @@ const sharktodo = (
6161
</div>
6262
<div className="card-foot">
6363
{/* <div className="btn" onClick={() => window.open("https://todo.jitendra.me")}>use <FontAwesomeIcon icon={faExternalLinkAlt} /></div> */}
64-
<div className="btn" onClick={() => window.open("https://youtu.be/rb3MPeSYs4Q?si=0V2sHXaV9bezVHyp")}><FontAwesomeIcon icon={faPlay} /> video</div>
65-
<div className="btn" onClick={() => window.open("https://jitendra-ky.notion.site/SharkToDo-66ff51e3c830493b9a7bceadc788d1c0")}>doc <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
64+
<div className="btn" onClick={() => window.open("https://youtu.be/rb3MPeSYs4Q?si=0V2sHXaV9bezVHyp")}><FontAwesomeIcon icon={faPlay} /> video<sup>↗</sup></div>
65+
<div className="btn" onClick={() => window.open("https://jitendra-ky.notion.site/SharkToDo-66ff51e3c830493b9a7bceadc788d1c0")}><FontAwesomeIcon icon={faExternalLinkAlt} /> doc<sup>↗</sup></div>
6666
</div>
6767
</div>
6868
);
@@ -82,8 +82,8 @@ const tictaktoe = (
8282
<p>A simple Tic-Tak-Toe game with some interesting features.</p>
8383
</div>
8484
<div className="card-foot">
85-
<div className="btn" onClick={() => window.open("https://tictaktoe.jitendra.me")}>use <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
86-
<div className="btn" onClick={() => window.open("https://youtu.be/69ikkkNZd9Y?si=z7rzu7fIS3QgC_5f")}><FontAwesomeIcon icon={faPlay} /> video</div>
85+
<div className="btn" onClick={() => window.open("https://tictaktoe.jitendra.me")}> use<sup>↗</sup> <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
86+
<div className="btn" onClick={() => window.open("https://youtu.be/69ikkkNZd9Y?si=z7rzu7fIS3QgC_5f")}><FontAwesomeIcon icon={faPlay} /> video<sup>↗</sup></div>
8787
<div className="btn" onClick={() => window.open()} style={{ visibility: "hidden" }}>doc <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
8888
</div>
8989
</div>
@@ -104,9 +104,9 @@ const careerCraftCard = (
104104
<p>CareerCraft is a Streamlit-based application that leverages Google Gemini to optimize your resume for ATS and job applications.</p>
105105
</div>
106106
<div className="card-foot">
107-
<div className="btn" onClick={() => window.open("https://career-craft.azurewebsites.net/")}>use <FontAwesomeIcon icon={faExternalLinkAlt} /></div>
108-
<div className="btn" onClick={() => window.open("https://github.com/jitendra-ky/ats-optimized-resume")}>repo <FontAwesomeIcon icon={faGithub} /></div>
109-
<div className="btn" onClick={() => window.open("https://youtu.be/-C5RDNQNT1c?si=bFBaWwzr0Be7fCnd")}><FontAwesomeIcon icon={faPlay} /> video</div>
107+
<div className="btn" onClick={() => window.open("https://career-craft.azurewebsites.net/")}> <FontAwesomeIcon icon={faExternalLinkAlt} /> use<sup>↗</sup></div>
108+
<div className="btn" onClick={() => window.open("https://github.com/jitendra-ky/ats-optimized-resume")}> <FontAwesomeIcon icon={faGithub} /> repo<sup>↗</sup></div>
109+
<div className="btn" onClick={() => window.open("https://youtu.be/-C5RDNQNT1c?si=bFBaWwzr0Be7fCnd")}><FontAwesomeIcon icon={faPlay} /> video<sup>↗</sup></div>
110110
</div>
111111
</div>
112112
);
@@ -118,7 +118,6 @@ function Projects() {
118118
<div className="projects-body">
119119
{dragonfly}
120120
{portfolio}
121-
{tictaktoe}
122121
{careerCraftCard}
123122
{sharktodo}
124123
</div>

‎src/components/Skill.css‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,15 @@
1515

1616
.skill-item {
1717
/* height: 3.71cm; */
18-
width: 6cm;
18+
width: 30%;
1919
margin: 10px;
2020
border-radius: 10px;
2121
padding: 5px;
22+
23+
.tag {
24+
font-size: small;
25+
padding: 1px;
26+
}
2227
}
2328

2429
.divider {
@@ -47,8 +52,13 @@
4752
}
4853

4954
.skill-detail {
55+
width: 60%;
5056
padding-top: 10px;
5157
padding-left: 20px;
58+
li {
59+
list-style-type: disc;
60+
font-size: small;
61+
}
5262
}
5363
}
5464

@@ -64,7 +74,19 @@
6474
align-items: center;
6575
}
6676

67-
.skill-section .divider {
68-
width: 100%;
77+
.skill-detail {
78+
width: 90%;
79+
}
80+
81+
.skill-section {
82+
.skill-item {
83+
width: 90%;
84+
}
85+
.divider {
86+
width: 100%;
87+
}
88+
.skill-detail {
89+
width: 90%;
90+
}
6991
}
7092
}

‎src/components/Skill.jsx‎

Lines changed: 33 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -4,50 +4,56 @@ function Skill() {
44

55
const skillSets = [
66
{
7-
skill: 'Frontend Development',
8-
skill_list: ['HTML', 'CSS', 'JavaScript', 'React'],
7+
skill: 'Fullstack development (web)',
8+
skill_list: ['HTML', 'CSS', 'JavaScript', 'React.js', 'Python', 'Django', 'Django REST Framework', 'MySQL', 'SQLite', 'RDBMS'],
99
key_points: (
1010
<ul>
11-
<li>Certified <a href="">Frontend Developer</a> by HackerRank.</li>
12-
<li>Certified in <a href="">HTML</a>, <a href="">CSS</a>, <a href="">JavaScript</a>, and <a href="">React.js</a>.</li>
13-
<li>Developed projects such as SharToDo, DarkCloud, and TicTacToe.</li>
14-
</ul>
15-
)
16-
},
17-
{
18-
skill: 'Backend Development',
19-
skill_list: ['Python', 'Django', 'Django REST Framework'],
20-
key_points: (
21-
<ul>
22-
<li>Developed and optimized RESTful APIs using Django REST Framework for scalable web applications.</li>
23-
<li>Integrated third-party services and APIs into backend systems, enhancing functionality and efficiency.</li>
24-
<li>Implemented secure authentication and authorization mechanisms with Django, ensuring data privacy and user access control.</li>
11+
<li>Proficient in both frontend and backend technologies, including HTML, CSS, JavaScript, React.js, Python, Django, and Django REST Framework.</li>
12+
<li>Developed and maintained multiple full-stack web applications, ensuring seamless integration between frontend and backend components.</li>
13+
<li>Implemented responsive design principles to enhance user experience across various devices.</li>
14+
<li>Designed and managed relational databases with MySQL and SQLite.</li>
15+
<li>Optimized database queries and indexing to improve performance and scalability.</li>
16+
<li>Ensured data integrity and security through effective RDBMS management practices.</li>
2517
</ul>
2618
)
2719
},
2820
{
29-
skill: 'Database Management',
30-
skill_list: ['MySQL', 'SQLite', 'RDBMS'],
21+
skill: 'Data Structures & Algorithms',
22+
skill_list: ['Arrays', 'Linked Lists', 'Stacks', 'Queues', 'Trees', 'Graphs', 'Hash Tables', 'Sorting', 'Searching', 'Dynamic Programming', 'Recursion', 'Problem Solving'],
3123
key_points: (
3224
<ul>
33-
<li>Designed and managed relational databases with MySQL and SQLite.</li>
34-
<li>Optimized database queries and indexing to improve performance and scalability.</li>
35-
<li>Ensured data integrity and security through effective RDBMS management practices.</li>
25+
<li>Strong understanding of core data structures such as arrays, linked lists, stacks, queues, trees, and graphs.</li>
26+
<li>Experienced in implementing and optimizing sorting and searching algorithms.</li>
27+
<li>Proficient in solving algorithmic problems using recursion and dynamic programming techniques.</li>
28+
<li>Regularly practice and participate in coding challenges to enhance problem-solving skills.</li>
29+
<li>Ability to analyze time and space complexity for efficient code design.</li>
30+
<li> <a href='https://leetcode.com/u/jitendra-ky/'>LeetCode<sup>↗</sup></a></li>
3631
</ul>
3732
)
3833
},
3934
{
40-
skill: 'Data Science',
41-
skill_list: ['NumPy', 'Pandas', 'Matplotlib'],
35+
skill: "Other Tools & Technologies",
36+
skill_list: [
37+
'Git', 'GitHub', 'Docker', 'Linux', 'Agile Methodologies',
38+
'REST API', 'Microsoft Azure', 'CI/CD Pipelines',
39+
'GitHub Actions', 'Firebase', 'GitHub Copilot'
40+
],
4241
key_points: (
4342
<ul>
44-
<li>Analyzed large datasets using NumPy and Pandas for data manipulation and processing.</li>
45-
<li>Visualized data trends and patterns with Matplotlib for insightful presentations.</li>
46-
<li>Developed machine learning models to predict outcomes based on data analysis.</li>
43+
<li>Git & GitHub: Learned for managing codebases and enabling collaborative development in team projects.</li>
44+
<li>Docker: To containerize apps for consistent development-to-deployment workflows.</li>
45+
<li>Linux: For developing and deploying apps in a fast, secure, and resource-efficient environment.</li>
46+
<li>Agile Methodologies: To follow iterative development and improve project delivery through sprints.</li>
47+
<li>REST API: Learned to build and consume APIs for seamless frontend-backend integration.</li>
48+
<li>Microsoft Azure: For deploying, scaling, and managing apps in the cloud efficiently.</li>
49+
<li>CI/CD Pipelines: To automate testing and deployment, ensuring faster and safer releases.</li>
50+
<li>GitHub Actions: To automate workflows like linting, testing, and deploying directly from GitHub.</li>
51+
<li>Firebase: Used for real-time database, authentication, and hosting in full-stack projects.</li>
52+
<li>GitHub Copilot: For speeding up development and reducing boilerplate with AI-powered code suggestions.</li>
4753
</ul>
4854
)
4955
}
50-
];
56+
];
5157

5258

5359
const skillItems = skillSets.map((skillSet, index) => (

0 commit comments

Comments
 (0)