-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
388 lines (285 loc) · 15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Harsh Nayan</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/afc84ba3d4.js" crossorigin="anonymous"></script>
</head>
<body>
<div id= "header">
<div class="container">
<nav>
<p class="logo">Harsh</p>
<ul>
<li>
<a href="https://www.linkedin.com/in/harsh-nayan/"><i class="fa-brands fa-linkedin"></i> Linkedin</a>
</li>
<li>
<a href="https://github.com/harshnayangithub"><i class="fa-brands fa-github"></i> Github</a>
</li>
<li>
<a href="https://medium.com/@harshxx"><i class="fa-brands fa-medium"></i> Medium</a>
</li>
</ul>
</nav>
<div class="header-text">
<h1>Hi, I'm <br> <span>Harsh</span> Nayan </h1>
<a href="HARSHNAYAN_RESUME.pdf" download class=" btn2 "> Download CV</a>
</div>
</div>
</div>
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<h1 class="subtitle">About Me</h1>
<p>I'm Harsh Nayan, currently in my second year of pursuing a Bachelor's degree in Computer Engineering. I'm highly passionate about Open Source, DevOps, Full Stack Development and Machine learning. I have practical experience with various programming languages like Python, C++, JavaScript, Typescript, and C. Among these, I feel most proficient in Python and C++. I prefer using C++/Python for problem-solving with data structures and algorithms, and I actively participate in coding contests on platforms such as Codeforces and Codechef. Additionally, I enjoy using Python for backend development, which has led to the creation of several small projects. I've also participated in several hackathons and emerged as a winner in several of them.
</p>
</div>
<div class="about-col-2">
<h1 class="subtitle">Skills & Education</h1>
<div class= "tabtitle">
<p class="tablinks" onclick="opentab('services')">Education</p>
<p class="tablinks activelink" onclick="opentab('technical')">Technical</p>
<p class="tablinks" onclick="opentab('languages')">Tech Stack</p>
</div>
<div class="tabcontent activetab" id="technical">
<ul>
<li>
<span>DevOps Enthusiast</span> <br> Have hands on experience in managing and automating deployment tasks using CI/CD Pipeline on various cloud platform, with proficiency in AWS. I'm focused on Continuously learning and mastering new concepts in cloud computing and deployment automation.
</li>
<li>
<span>Full Stack Developer</span> <br>Currently on a journey to master full stack development, aiming to seamlessly integrate frontend and backend technologies to create robust and dynamic web applications.
</li>
<li>
<span>Machine Learning</span> <br>Analysing large data and building Prediction Models using Machine Learning and Deep Learning Algorithms.
</li>
</ul>
</div>
<div class="tabcontent" id="languages">
<ul>
<li>
<span>DevOps Tools</span> <br> Github actions, AWS DevOps Pipeline, Jenkins CI/CD, Docker, Kubernetes, SonarQube, Grafana, Trivy, Terraform, Anisble, Prometheus.
</li>
<li>
<span>Python, JavaScript, Typescript </span> <br> These are the primary languages I use for development purposes. </li>
<li> <span>C++, C, Python </span> <br> Problem Solving <br> Solved 400+ Problems on various platforms like Codeforces, leetcode, Codechef, Hackerrank.
</li>
</ul>
</div>
<div class="tabcontent" id="services">
<ul>
<li>
<span>Bachelor's of Engineering (2022-2026)</span> <br>
Army Institute of Technology, Pune <br>
Computer Science | 9.41(CGPA)
</li>
<li>
<span>Secondary School (2022) </span> <br>
Doon Global School, Patna <br>
93.2% | House Captain
</li>
</li>
<li>
<span>High School (2020) </span> <br>
Patna Central School, Patna <br>
96.2% | School Topper
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="experience">
<div class="container">
<h1 class="subtitle">Work & Leadership Experience</h1>
<div class="explist">
<div>
<i class="fa-regular fa-star"></i>
<h1>
Microsoft Student Learn Ambassador’24
</h1>
<h2> (Jan 2024-Present) </h2>
<p>
Alpha-Microsoft Student Learn Ambassador
<br> <br>
Conducted an online workshop to educate the community on the fundamentals of Machine Learning.
Mentored students in leveraging Microsoft tools and resources for academic and career growth
</p>
</div>
<div>
<i class="fa-regular fa-star"></i>
<h1>
Winner at the Blue Bit- Hackathon
</h1>
<h2>PCCOE, Pune <br>(Feb-2024) </h2>
<p>
Machine Learning, Web Development
<br> <br>
Developed a machine learning model for detecting skin diseases, with a user-friendly frontend in React. The model, trained using Convolutional Neural Networks (CNN) with a large dataset of thousands of images, allows users to upload images of skin diseases to our website for prediction.
</p>
</div>
<div>
<i class="fa-regular fa-star"></i>
<h1>
Joint Secretary
</h1>
<h2>Cultural Board AIT <br>(Aug 2023 - Current) </h2>
<p>
Leadership, Event Management
<br> <br>
PR and Sponsorship head of Cultural Board of my college, responsible for organising all the cultural events of the college including Amethyst Pune's biggest Cultural Fest.
</div>
</div>
</div>
</div>
<div id="projects">
<div class="container">
<h1 class="subtitle">Projects</h1>
<div class="prolist">
<div>
<i class="fa-solid fa-code"></i>
<h1>
Reddit Clone- DevOps Project
</h1>
<h2> Kubernetes(Minikube, EC2 instance), Docker, Nextjs, Firebase, JavaScript, TypeSript.</h2>
<p>
Developed a Reddit clone using Next.js for the frontend and Firebase for authentication. The app is deployed on Kubernetes using Minikube as the cluster, with the help of an EC2 instance. The Reddit clone app replicates the basic functionality of Reddit, allowing users to create posts, comment on posts, and upvote/downvote posts and comments.
</p>
<a href="https://github.com/harshnayangithub/Reddit_Clone">Github <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<div>
<i class="fa-solid fa-code"></i>
<h1>
Skin-O-Cure - ML Model
</h1>
<h2> JavaSript, TypeScript, TensorFlow, Azure, Firebase, React, CustomVision AI</h2>
<p>
Developed a machine learning model for detecting skin diseases, with a user-friendly frontend in React. The model, trained using Convolutional Neural Networks (CNN) with a large dataset(Harvard Dataset) of thousands of images, allows users to upload images of skin diseases to our website for prediction.
</p>
<a href="https://github.com/harshnayangithub/SKINOCURE">Github <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div>
<a href="https://github.com/harshnayangithub?tab=repositories" class="btn">See More</a>
</div>
</div>
</div>
<div id="ach">
<div class="container">
<h1 class="subtitle">Achievements</h1>
<div class="achlist">
<div>
<i class="fa-regular fa-star"></i>
<h1>
Codeforces Best Rank
</h1>
<p>
Secured global rank 1101 in Codeforces Round 869 and maximum contest rating of 1346.
</p>
<a href="https://codeforces.com/profile/div_02">know more</a>
</div>
<div>
<i class="fa-regular fa-star"></i>
<h1>
GeekForGeeks- Job-A-Thon Challenge
</h1>
<p>
Secured global rank 175 in GeekForGeeks- Job-A-Thon Challenge
</p>
<a href="https://practice.geeksforgeeks.org/contest/job-a-thon-29-hiring-challenge">know more</a>
</div>
<div>
<i class="fa-regular fa-star"></i>
<h1>
Best Idea Presentation- Ideathon
</h1>
<p>
Won second prize in Ideathon held by Technical Board, AIT.
</p>
</div>
</div>
<div class="achlist">
<div>
<i class="fa-regular fa-star"></i>
<h1>
New Indian Express Merit Scholarship for AY 2023-24
</h1>
<p>
Received for scoring the highest CGPA in the department.
</p>
</div>
<div>
<i class="fa-regular fa-star"></i>
<h1>
ESSA (Education Scholarship Scheme for Army Personnel)
</h1>
<p>
Recieved for scoring 9+CGPA in First Year and second highest in the the college among all branches.
</p>
</div>
<div>
<i class="fa-regular fa-star"></i>
<h1>
400+ Problems Solved
</h1>
<p>
Solved over 400+ problems on various coding platforms: Codeforces, Codechef, GeekForGeeks, Leetcode, etc.
</p>
</div>
</div>
</div>
</div>
<div id="extra">
<div class="container cen">
<h1 class="subtitle">Extra Curricular</h1>
<div class="curri">
<img src="debate.jpg" alt="">
<h3>Public Speaking</h3>
</div>
</div>
</div>
</div>
<div id="contact">
<div class="container cen">
<h1 class="subtitle">Contact Details</h1>
<div class="listcont">
<div class="contact-1">
<i class="fa-solid fa-envelope"></i>
<p>harshnayan35@gmail.com</p>
</div>
<nav>
<ul>
<li>
<a href="https://www.linkedin.com/in/harsh-nayan/"><i class="fa-brands fa-linkedin"></i> Linkedin</a>
</li>
<li>
<a href="https://github.com/harshnayangithub"><i class="fa-brands fa-github"></i> Github</a>
</li>
<li>
<a href="https://medium.com/@harshxx"><i class="fa-brands fa-medium"></i> Medium</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<script>
var tablink = document.getElementsByClassName("tablinks")
var tabcont = document.getElementsByClassName("tabcontent")
function opentab(tabname){
for(tablink1 of tablink){
tablink1.classList.remove("activelink")
}
for(tabcont1 of tabcont){
tabcont1.classList.remove("activetab")
}
event.currentTarget.classList.add("activelink")
document.getElementById(tabname).classList.add("activetab");
}
</script>
</body>
</html>