-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
418 lines (404 loc) · 21.5 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
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
<!DOCTYPE html>
<html>
<head>
<title>Rakesh - Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Hi I am Rakesh B S A Frontend Developer this is a simplest Portfolio to express myself to the Professional world"
/>
<meta name="author" content="Rakesh-sonu" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/kube.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<link rel="stylesheet" href="css/custom.min.css" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link
href="https://fonts.googleapis.com/css?family=Playfair+Display+SC:700"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Lato:400,700"
rel="stylesheet"
type="text/css"
/>
<style>
.intro h1:before {
content: "Rakesh";
}
</style>
</head>
<body>
<main id="anime-block">
<div id="containerAnime">
<svg
width="562"
height="149"
viewBox="0 0 562 149"
fill="none"
id="logoAnime"
>
<path
d="M36.912 110.008C30.288 110.008 24.336 108.856 19.056 106.552C13.872 104.152 9.79201 100.888 6.81601 96.76C3.84001 92.536 2.30401 87.688 2.20801 82.216H16.176C16.656 86.92 18.576 90.904 21.936 94.168C25.392 97.336 30.384 98.92 36.912 98.92C43.152 98.92 48.048 97.384 51.6 94.312C55.248 91.144 57.072 87.112 57.072 82.216C57.072 78.376 56.016 75.256 53.904 72.856C51.792 70.456 49.152 68.632 45.984 67.384C42.816 66.136 38.544 64.792 33.168 63.352C26.544 61.624 21.216 59.896 17.184 58.168C13.248 56.44 9.84001 53.752 6.96001 50.104C4.17601 46.36 2.78401 41.368 2.78401 35.128C2.78401 29.656 4.17601 24.808 6.96001 20.584C9.74401 16.36 13.632 13.096 18.624 10.792C23.712 8.488 29.52 7.336 36.048 7.336C45.456 7.336 53.136 9.688 59.088 14.392C65.136 19.096 68.544 25.336 69.312 33.112H54.912C54.432 29.272 52.416 25.912 48.864 23.032C45.312 20.056 40.608 18.568 34.752 18.568C29.28 18.568 24.816 20.008 21.36 22.888C17.904 25.672 16.176 29.608 16.176 34.696C16.176 38.344 17.184 41.32 19.2 43.624C21.312 45.928 23.856 47.704 26.832 48.952C29.904 50.104 34.176 51.448 39.648 52.984C46.272 54.808 51.6 56.632 55.632 58.456C59.664 60.184 63.12 62.92 66 66.664C68.88 70.312 70.32 75.304 70.32 81.64C70.32 86.536 69.024 91.144 66.432 95.464C63.84 99.784 60 103.288 54.912 105.976C49.824 108.664 43.824 110.008 36.912 110.008Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
<path
d="M128.772 28.648C134.724 28.648 140.1 29.944 144.9 32.536C149.7 35.032 153.444 38.824 156.132 43.912C158.916 49 160.308 55.192 160.308 62.488V109H147.348V64.36C147.348 56.488 145.38 50.488 141.444 46.36C137.508 42.136 132.132 40.024 125.316 40.024C118.404 40.024 112.884 42.184 108.756 46.504C104.724 50.824 102.708 57.112 102.708 65.368V109H89.6036V2.44H102.708V41.32C105.3 37.288 108.852 34.168 113.364 31.96C117.972 29.752 123.108 28.648 128.772 28.648Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
<path
d="M194.817 42.904C197.121 38.392 200.385 34.888 204.609 32.392C208.929 29.896 214.161 28.648 220.305 28.648V42.184H216.849C202.161 42.184 194.817 50.152 194.817 66.088V109H181.713V30.088H194.817V42.904Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
<path
d="M307.432 66.52C307.432 69.016 307.288 71.656 307 74.44H243.928C244.408 82.216 247.048 88.312 251.848 92.728C256.744 97.048 262.648 99.208 269.56 99.208C275.224 99.208 279.928 97.912 283.672 95.32C287.512 92.632 290.2 89.08 291.736 84.664H305.848C303.736 92.248 299.512 98.44 293.176 103.24C286.84 107.944 278.968 110.296 269.56 110.296C262.072 110.296 255.352 108.616 249.4 105.256C243.544 101.896 238.936 97.144 235.576 91C232.216 84.76 230.536 77.56 230.536 69.4C230.536 61.24 232.168 54.088 235.432 47.944C238.696 41.8 243.256 37.096 249.112 33.832C255.064 30.472 261.88 28.792 269.56 28.792C277.048 28.792 283.672 30.424 289.432 33.688C295.192 36.952 299.608 41.464 302.68 47.224C305.848 52.888 307.432 59.32 307.432 66.52ZM293.896 63.784C293.896 58.792 292.792 54.52 290.584 50.968C288.376 47.32 285.352 44.584 281.512 42.76C277.768 40.84 273.592 39.88 268.984 39.88C262.36 39.88 256.696 41.992 251.992 46.216C247.384 50.44 244.744 56.296 244.072 63.784H293.896Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
<path
d="M392.697 30.088L345.177 146.152H331.641L347.193 108.136L315.369 30.088H329.913L354.681 94.024L379.161 30.088H392.697Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
<path
d="M400.973 69.256C400.973 61.192 402.605 54.136 405.869 48.088C409.133 41.944 413.597 37.192 419.261 33.832C425.021 30.472 431.405 28.792 438.413 28.792C445.325 28.792 451.325 30.28 456.413 33.256C461.501 36.232 465.293 39.976 467.789 44.488V30.088H481.037V109H467.789V94.312C465.197 98.92 461.309 102.76 456.125 105.832C451.037 108.808 445.085 110.296 438.269 110.296C431.261 110.296 424.925 108.568 419.261 105.112C413.597 101.656 409.133 96.808 405.869 90.568C402.605 84.328 400.973 77.224 400.973 69.256ZM467.789 69.4C467.789 63.448 466.589 58.264 464.189 53.848C461.789 49.432 458.525 46.072 454.397 43.768C450.365 41.368 445.901 40.168 441.005 40.168C436.109 40.168 431.645 41.32 427.613 43.624C423.581 45.928 420.365 49.288 417.965 53.704C415.565 58.12 414.365 63.304 414.365 69.256C414.365 75.304 415.565 80.584 417.965 85.096C420.365 89.512 423.581 92.92 427.613 95.32C431.645 97.624 436.109 98.776 441.005 98.776C445.901 98.776 450.365 97.624 454.397 95.32C458.525 92.92 461.789 89.512 464.189 85.096C466.589 80.584 467.789 75.352 467.789 69.4Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
<path
d="M531.118 110.296C525.07 110.296 519.646 109.288 514.846 107.272C510.046 105.16 506.254 102.28 503.47 98.632C500.686 94.888 499.15 90.616 498.862 85.816H512.398C512.782 89.752 514.606 92.968 517.87 95.464C521.23 97.96 525.598 99.208 530.974 99.208C535.966 99.208 539.902 98.104 542.782 95.896C545.662 93.688 547.102 90.904 547.102 87.544C547.102 84.088 545.566 81.544 542.494 79.912C539.422 78.184 534.67 76.504 528.238 74.872C522.382 73.336 517.582 71.8 513.838 70.264C510.19 68.632 507.022 66.28 504.334 63.208C501.742 60.04 500.446 55.912 500.446 50.824C500.446 46.792 501.646 43.096 504.046 39.736C506.446 36.376 509.854 33.736 514.27 31.816C518.686 29.8 523.726 28.792 529.39 28.792C538.126 28.792 545.182 31 550.558 35.416C555.934 39.832 558.814 45.88 559.198 53.56H546.094C545.806 49.432 544.126 46.12 541.054 43.624C538.078 41.128 534.046 39.88 528.958 39.88C524.254 39.88 520.51 40.888 517.726 42.904C514.942 44.92 513.55 47.56 513.55 50.824C513.55 53.416 514.366 55.576 515.998 57.304C517.726 58.936 519.838 60.28 522.334 61.336C524.926 62.296 528.478 63.4 532.99 64.648C538.654 66.184 543.262 67.72 546.814 69.256C550.366 70.696 553.39 72.904 555.886 75.88C558.478 78.856 559.822 82.744 559.918 87.544C559.918 91.864 558.718 95.752 556.318 99.208C553.918 102.664 550.51 105.4 546.094 107.416C541.774 109.336 536.782 110.296 531.118 110.296Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-outside-1_1_8)"
/>
</svg>
</div>
<p id="horizon"></p>
<p id="column"></p>
</main>
<main id="portfolio-contents">
<a href="#" id="back-to-top" title="Back to Top"
><i class="fas fa-arrow-up"></i
></a>
<!-- Navigation -->
<div class="main-nav">
<div class="container">
<header class="group top-nav">
<div
class="navigation-toggle"
data-tools="navigation-toggle"
data-target="#navbar-1"
>
<span class="logo">Rakesh</span>
</div>
<nav id="navbar-1" class="navbar item-nav">
<ul>
<li class="active"><a href="#about">About</a></li>
<li><a href="#experiences">Experiences</a></li>
<li><a href="#achievements">My Works</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
</div>
</div>
<!-- Introduction -->
<div class="intro section" id="about">
<div class="container">
<p>Hi, I’m Rakesh Chikatla </p>
<div class="units-row units-split wrap">
<div class="unit-20">
<img src="./img/code.svg" alt="Avatar" />
</div>
<div class="unit-80">
<h1>I Am a..<br /><span id="typed"></span></h1>
</div>
<p>
👋 Hi, I’m Chikatla Rakesh <br>
👀 I’m interested in C++ Data Structures & Algorithms, Web Development, and competitive programming. <br>
🌱 I’m currently learning advanced problem-solving techniques in C++ and exploring web development frameworks like React and Node.js. <br>
💼 I’m actively working on building my LeetCode Progress with daily coding challenges and sharing my solutions on GitHub. <br>
💞️ I’m looking to collaborate on open-source DSA projects, competitive programming challenges, and full-stack web development applications. <br>
📫 How to reach me: www.linkedin.com/in/rakeshchikatla <br>
🏆 Achievements: Solved 100+ DSA problems, built personal projects using HTML, CSS, JavaScript, and C++. <br>
🔧 Skills: C++, JavaScript, React, Node.js, Git, and version control. <br>
⚡ Fun fact: I enjoy challenging myself with coding competitions and learning new technologies to stay ahead in the game! <br>
</p>
</div>
</div>
</div>
<!-- Work Experience -->
<div class="work section second" id="experiences">
<div class="container">
<h1>Work<br />Experiences</h1>
<ul class="work-list">
<li>October 2024 - December 2024</li>
<li>Full Stack Developer</li>
<li><a href="https://infyspringboard.onwingspan.com/web/en/login" target="_blank">Infosys Springboard</a></li>
<li>Project Intern</li>
</ul>
<p>
<h4>Edu Consultancy System</h4>
<ul>
<p>The <strong>Edu Consultancy System</strong> is a comprehensive platform designed to provide guidance to students, parents, and educational organizations. It offers tools for educational planning, training programs, and managing consultancy services through an intuitive and user-friendly interface.</p>
<h3>Key Features & Modules:</h3>
<ul>
<li><strong>User Authentication & Role Management:</strong>
<ul>
<li>Developed secure login and registration systems for multiple user roles (admin, student, parent) using Spring Security.</li>
<li>Integrated email verification and password reset functionalities.</li>
</ul>
</li>
<li><strong>Product & Blog Interface:</strong>
<ul>
<li>Created an interactive interface for users to explore education-related products and blogs.</li>
<li>Implemented payment gateways supporting various methods (UPI, Card, Net Banking) with single and EMI options for course subscriptions.</li>
</ul>
</li>
<li><strong>Subscription & Payment Management:</strong>
<ul>
<li>Built a robust payment and subscription management system allowing users to subscribe to educational courses and track their status.</li>
<li>Automated notifications for subscription renewals and alerts using email and SMS services.</li>
</ul>
</li>
<li><strong>Admin Dashboard:</strong>
<ul>
<li>Designed a comprehensive admin dashboard for managing users, products, and subscriptions.</li>
<li>Implemented CRUD operations and graphical reports for student learning progress and exam status.</li>
</ul>
</li>
<li><strong>Feedback & Notification System:</strong>
<ul>
<li>Developed a feedback module for users to provide insights and integrated AI-based content generation for automated messaging and notifications.</li>
</ul>
</li>
</ul>
<br>
<h3>Technologies Used:</h3>
<ul>
<li><strong>Backend:</strong> Spring Boot, JUnit, Mockito</li>
<li><strong>Frontend:</strong> Angular/React JS</li>
<li><strong>Database:</strong> MySQL</li>
<li><strong>Payment Gateway Integration:</strong> UPI, Card, Net Banking</li>
<li><strong>Security:</strong> Spring Security, Role-based access control</li>
<br>
<br>
<li>October 2024 - December 2024</li>
<h3>Campus Ambassador & Open Source Contributor</h3>
<p>GirlScript Summer of Code (GSSoC) 2024</p>
<h3>Campus Ambassador</h3>
<p>As a <strong>GSSoC 2024 Campus Ambassador</strong>, I played a vital role in promoting the event within my college and on social media. My responsibilities included:</p>
<ul>
<li>Spreading awareness about open-source development and encouraging students to participate in the program.</li>
<li>Organizing virtual and physical events to introduce open-source contributions to the student community.</li>
<li>Guiding students through the registration process and offering support during the event.</li>
<li>Maintaining active communication with the GSSoC team and reporting on engagement activities.</li>
</ul>
<br>
<h3>Open Source Contributor</h3>
<p>As an <strong>Open Source Contributor</strong> in GSSoC 2024, I contributed to various projects, gaining hands-on experience with real-world codebases and collaborating with developers from around the globe.</p>
<ul>
<li>Worked on open-source projects, providing bug fixes, feature enhancements, and documentation improvements.</li>
<li>Collaborated with project maintainers and other contributors to understand the project structure and requirements.</li>
<li>Enhanced my skills in version control, issue tracking, and collaborative coding using GitHub and other open-source tools.</li>
<li>Contributed to projects focused on Web development and JavaScript frameworks, applying my knowledge of HTML, CSS, JavaScript, and React.</li>
</ul>
<br>
<h3>Technologies & Tools Used:</h3>
<ul>
<li><strong>Version Control:</strong> Git, GitHub</li>
<li><strong>Languages:</strong> JavaScript, HTML, CSS</li>
<li><strong>Frameworks:</strong> React, Node.js</li>
<li><strong>Collaboration Tools:</strong> Slack, GitHub Issues, Discord</li>
</ul>
</ul>
</p>
<ul class="work-list">
<li>
2019-2022 <small><b>( Irrelevant)</b></small>
</li>
<li title="I Love my First Company it is striked just to show this is Irrelevant Experience now">
<a href="https://www.google.com/search?q=hiten+fasteners+maddur&sca_esv=577607103&rlz=1C1CHBF_enIN1011IN1011&sxsrf=AM9HkKmlu1qWmVqvKYNlNLwHZEjO3ioI1A%3A1698583902711&ei=XlU-ZYP-Kpjx4-EPkq-k2Ao&ved=0ahUKEwiDpZGRppuCAxWY-DgGHZIXCasQ4dUDCBA&uact=5&oq=hiten+fasteners+maddur&gs_lp=Egxnd3Mtd2l6LXNlcnAiFmhpdGVuIGZhc3RlbmVycyBtYWRkdXIyBRAAGKIEMgUQABiiBDIFEAAYogQyBRAAGKIESOwPUMEDWIwNcAF4AZABAJgBngKgAaEMqgEFMC4xLja4AQPIAQD4AQHCAgoQABhHGNYEGLADwgIHEAAYigUYQ8ICBRAAGIAEwgILEC4YgAQYxwEYrwHCAggQABjLARiABMICCBAAGIoFGIYDwgIIEAAYiQUYogTiAwQYACBBiAYBkAYG&sclient=gws-wiz-serp#ip=1" target="_blank" style="text-decoration: line-through" title="I Love my First Company it is striked just to show this is Irrelevant Experience now"
>Hiten Fasteners Pvt Ltd</a
>
</li>
<li><span style="text-decoration: line-through">Production Engineer </span><br><small style="font-size: x-small;text-decoration: none;">Striked just to show this experience is Irrelevant. <i style="font-size: xx-small;text-decoration: none;">(I🖤 my first company & first job)</i></small></li>
<small>As a Unit Incharge I was Responsible for Entire production and Quality related activities of CNC Machine Shop. Also initially handled quality inspections, Testings and Creation of Product's Test certificates.</small>
</ul>
<p>
<h4>My Learning</h4>
<ul>
<li>Handling a Team and Organizing the essentials for smooth workflow.</li>
<li>Managing work pressure and completing the task in a planned duration</li>
</ul>
</p>
</div>
</div>
<!-- Projects -->
<div class="award section second" id="achievements">
<div class="container">
<h1>My Projects &</h1>
<ul class="award-list list-flat">
<li>ProSpiders</li>
<li>
<a href="http://prospiders.com/" target="_blank"
>www.prospiders.com</a
>
</li>
<li>React, Bootstrap, CSS3</li>
</ul>
<ul class="award-list list-flat">
<li>Sereno Barn</li>
<li>
<a href="https://www.serenobarn.com/" target="_blank"
>www.serenobarn.com</a
>
</li>
<li>React JS, Material UI, AOS, CSS Animations</li>
</ul>
<ul class="award-list list-flat">
<li>Bench</li>
<li>
<a href="https://alpha.qspiders.com/" target="_blank"
>https://alpha.qspiders.com/login</a
>
</li>
<li>React, Material UI, CSS3</li>
</ul>
<ul class="award-list list-flat">
<li>Test Freshers</li>
<li>
<a href="https://testfreshers.qspiders.com/" target="_blank"
>https://testfreshers.qspiders.com/</a
>
</li>
<li>
React JS, Redux, Material UI, Restful APIs, Custom React hooks
</li>
</ul>
</div>
</div>
<!-- Technical Skills -->
<div class="skills section second" id="skills">
<div class="container">
<h1>Technical<br />Skills</h1>
<ul class="skill-list list-flat">
<li>Web Technology</li>
<li>HTML / CSS / Javascript</li>
</ul>
<ul class="skill-list list-flat">
<li>Frontend/CSS Library</li>
<li>React JS / Next JS / Material UI / Jquery</li>
</ul>
<ul class="skill-list list-flat">
<li>Backend</li>
<li>Node Js / Express Js / Mongo DB</li>
</ul>
<ul class="skill-list list-flat">
<li>Miscellaneous</li>
<li>
Redux/Redux-Toolkit / Postman / Tailwind / BootStrap /GitHub / FireBase / DOM /Typescript
</li>
</ul>
</div>
</div>
<!-- Resume -->
<div class="quote">
<div
class="container text-centered"
style="width: max-content !important"
>
<h1>
<a
class="resumeDown"
href="./img/RakeshBS_MERN_React_FullStack.pdf"
download=""
style="text-decoration: none; color: #fff"
>My Resume</a
>
</h1>
</div>
</div>
<footer id="contact">
<div class="container">
<div class="units-row">
<div class="unit-50">
<p>Contact me</p>
</div>
<div class="unit-50">
<ul class="social list-flat right">
<li>
<a
href="https://www.linkedin.com/in/rakeshchikatla/"
target="_blank"
><i class="fa-brands fa-linkedin"></i
></a>
</li>
<li>
<a href="https://github.com/chikatlarakesh" target="_blank"
><i class="fa-brands fa-github"></i
></a>
</li>
<li>
<a href="mailto:rakeshchikatla12@gmail.com" target="_blank"
><i class="fa-solid fa-envelope"></i
></a>
</li>
<li>
<a href="tel:+916301712297" target="_blank"
><i class="fa-solid fa-mobile"></i
></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</main>
<!-- Javascript -->
<script src="js/showcontent.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/typed.min.js"></script>
<script src="js/kube.min.js"></script>
<script src="js/site.js"></script>
<script src="js/backToTop.js"></script>
<script>
function newTyped() {}
$(function () {
$("#typed").typed({
strings: [
"Software Engineer Actually",
"Competitive Programmer..",
"Full Stack Dev... oh..‼",
],
typeSpeed: 90,
backDelay: 700,
contentType: "html",
loop: !0,
resetCallback: function () {
newTyped();
},
}),
$(".reset").click(function () {
$("#typed").typed("reset");
});
});
</script>
</body>
</html>