-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
510 lines (465 loc) · 19 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
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta property="og:image" content="ram_pic.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta name="image" property="og:image" content="ram_pic.jpg">
<meta property="og:type" content="Website">
<meta name="title" property="og:title" content="Rambabu's Profile">
<meta name="description" property="og:description"
content="Hey there! Welcome to my website. You can know more about me and my works here.">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="K. Ram Babu">
<meta name="description" content="Profile Details of Ram Babu">
<meta name="keywords" content="K.Ram Babu, SNIST, Resume, K. Ram Babu Resume, Rambabu Resume">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
crossorigin="anonymous" />
<link rel="shortcut icon" type="image/png" href="favicon.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<!-- To Use Social Media Icons-->
<!--<script src='https://kit.fontawesome.com/a076d05399.js'></script>-->
<link rel="stylesheet" href="styles.css">
<title>
Rambabu's Profile
</title>
</head>
<body>
<!-- Particles JS used as Background -->
<div id="particles-js"></div>
<script type="text/javascript" src="particles.js"></script>
<script type="text/javascript" src="app.js"></script>
<div class="container">
<!-- <div class="col"> -->
<!---------------------------- Profile Section ------------------------------>
<div class="coral row row-md-4 row-xs-4 row-sm-4">
<div class="profile-info col-md-3 col-xs-6 col-sm-6">
<img class="profile-pic rounded-circle img-responsive img-thumbnail mx-auto d-block img-fluid"
src="ram_pic.jpg" alt="profile_image" width="230" height="230" alt="profile-img">
</div>
<div class="profile-details col-xs-5 col-sm-6 col-md-6">
<h2><strong style="color: white;">K. Ram Babu</strong></h2>
<span class="professional_caption">Software Engineer - TMEIC India | Ex. Cognizant</span>
<!-- <div class="mt-1 view_resume">
<a href="https://drive.google.com/file/d/1u_VjCLajjUvHMJQHqaW_A40rWLZ-A7Gy/view?usp=sharing"
target=" _blank"><i class="fas fa-file-alt"></i> View Resume</a>
</div>-->
<div class="row social-bar bg-black mt-2">
<div class="social_btns col-xs-1 col-sm-1 col-md-1">
<span title="Linkedin">
<a href="https://www.linkedin.com/in/ram-babu-kottapally/" target="_blank">
<i class='fab fa-linkedin social'></i>
</a>
</span>
</div>
<div class="social_btns col-xs-1 col-sm-1 col-md-1 ml-3">
<span title="Github">
<a href="https://github.com/Ram-95" target="_blank"><i
class='fab fa-github-square social'></i></a>
</span>
</div>
<div class="social_btns col-xs-1 col-sm-1 col-md-1 ml-3">
<span title="StackOverflow">
<a href="https://stackoverflow.com/users/2773206/ram" target="_blank"><i
class='fab fa-stack-overflow social'></i></a>
</span>
</div>
<div class="social_btns col-xs-1 col-sm-1 col-md-1 ml-3">
<span title="Gmail">
<a href="mailto:ram.kottapally@gmail.com" target="_blank"><i
class='gmail fas fa-envelope-square social' style="font-size: 41px;"></i></a>
</span>
</div>
</div>
</div>
</div>
<nav class="navigation-bar main-content">
<!-- Nav pills -->
<ul class="nav navbar" role="tablist">
<li class="nav-item active col-md-3">
<a class="nav-link" data-toggle="pill" href="#home" title="About"><i class='fas fa-user'></i>
<br>
<strong><span>about</span></strong>
</a>
</li>
<li class="nav-item col-md-3">
<a class="nav-link" data-toggle="pill" href="#education" title="Education"><i
class='fas fa-graduation-cap'></i>
<br>
<strong><span>education</span></strong>
</a>
</li>
<li class="nav-item col-md-3">
<a class="nav-link" data-toggle="pill" href="#experience" title="Work Experience"><i
class='fas fa-briefcase'></i>
<br>
<strong><span>experience</span></strong>
</a>
</li>
<li class="nav-item col-md-3">
<a class="nav-link technical_skills" data-toggle="pill" href="#technical_skills"
title="Technical Skills"><i class='fas fa-file-code'></i>
<br>
<strong><span>technical skills</span></strong>
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content bg-white">
<!---------------------------- About Section ------------------------------------------>
<div id="home" class="container tab-pane active"><br>
<h3>
<div class="side-line"><strong>About</strong></div>
</h3><br>
<article style="padding: inherit;">
<p>
Hi there! I am <span style="font-weight: 700;">Ram Babu</span>.
</p>
<p>
I am an avid programmer and Python programming enthusiast. I previously worked as an ETL Developer - Majorly
worked on <i>Informatica PowerCenter (Data Integration Tool), Oracle and Shell Scripting</i>.
</p>
<p>
I like developing applications in Python 3 - from writing <strong>Automation Scripts</strong> to <strong>Web development using Django and Flask</strong> frameworks.
I often solve problems on online coding platforms
like
<a class="coding_profiles" href="https://www.hackerrank.com/Ram_Babu93" target="_blank"
style="color: #de3404; text-transform: capitalize;">HackerRank</a>,
<a class="coding_profiles" href="https://www.codechef.com/users/ramm_y2k" target="_blank"
style="color: #de3404; text-transform: capitalize;">Codechef</a>,
<a class="coding_profiles" href="https://leetcode.com/ram_babu/" target="_blank"
style="color: #de3404; text-transform: capitalize;">LeetCode</a>,
etc., to enhance my problem solving abilities. I am also a frequent contributor on <a class="coding_profiles" href="https://stackoverflow.com/users/2773206/ram" target="_blank"
style="color: #de3404; text-transform: capitalize;">StackOverflow</a>, the largest programmer question and answer forum on the web.
</p>
<p>
You can reach out to me at: <a href="mailto:ram.kottapally@gmail.com"
style="color:#de3404; text-transform:lowercase; font-weight:bold;">ram.kottapally@gmail.com</a>
</p>
</article>
</div>
<!-------------------- Education Section ----------------------->
<div id="education" class="container tab-pane fade"><br>
<h3>
<div class="side-line"><strong>Education Details</strong></div>
</h3><br>
<ul class="edu-details">
<li>
<h4>Data Science - CGPA: 8.31
<span class="edu-timeline">2022 - Present</span>
</h4>
<h5>Diploma in Data Science - <a href="https://app.diploma.iitm.ac.in/student/22DS1000242" target="_blank">Student Portfolio</a></h5>
<h5>Indian Institute of Technology, Madras</h5>
</li>
<br>
<li>
<h4>B.Tech - 72.62%
<span class="edu-timeline">2011 - 2015</span>
</h4>
<h5>Computer Science and Engineering (CSE)</h5>
<h5>Sreenidhi Institute of Science and Technology (SNIST)</h5>
</li>
<br>
<li>
<h4>Class XII - 92.60%
<span class="edu-timeline">2009 - 2011</span>
</h4>
<h5>Maths - Physics - Chemistry (MPC)</h5>
<h5>Sri Chaitanya Junior College</h5>
</li>
<br>
<li>
<h4>Class X - 90.33%
<span class="edu-timeline">2008 - 2009</span>
</h4>
<h5>Gopi Memorial High School</h5>
</li>
</ul>
</div>
<!--------------------------- Work Experience Section --------------------------------------->
<div id="experience" class="container tab-pane fade"><br>
<h3>
<div class="side-line"><strong>Work Experience</strong></div>
</h3><br>
<table>
<tbody>
<tr>
<td>
<h4 class="work-title">TMEIC (Toshiba Mitsubishi Electric Industrial Systems Corporation) - India<span class="work-timeline">2022 - Present</span></h4>
<h5><span class="work-designation">Senior Software Engineer</span></h5>
</td>
</tr>
<tr>
<td>
<ul class="work_experience">
<li><strong>Current Role:</strong> Backend Engineer for Steel Plant Automation project</li>
<li><strong>Project Focus:</strong> Developing a dashboard with widgets to visualize manufacturing processes in steel plants
</li>
<li><strong>Technology Stack:</strong> Django, Django REST Framework, Python, SQL</li>
<li>
<strong>Key Responsibilities:</strong>
<ul>
<li>Developing REST APIs for front-end widget consumption</li>
<li>Testing and optimizing REST APIs for improved performance</li>
<li>Enhancing code for faster loading times</li>
<li>Direct customer interaction for requirements and feedback</li>
<li>Mentoring junior developers</li>
<li>Leading sub-modules of the project</li>
</ul>
</li>
</ul>
</td>
</tr>
<tr>
<td>
<h4 class="work-title">Cognizant Technology Solutions<span class="work-timeline">2015 - 2017</span></h4>
<h5><span class="work-designation">Programmer Analyst</span></h5>
</td>
</tr>
<tr>
<td>
<ul class="work_experience">
<li>Worked as an ETL Developer for a Healthcare Project. Majorly worked on
<strong>SQL, Informatica PowerCenter and UNIX Shell Scripting.</strong>
</li>
<li>Performed detailed Source to Target Data Analysis and Transformation
Analysis.</li>
<li>Used ETL process to Extract, Transform and Load the data from various
sources into Staging area and Data Warehouse.</li>
<li>Designed and Created Mappings, Sessions and Workflows to fetch data from
multiple source systems to Data Warehouse by maintaining Source Data
Integrity.</li>
<li>Worked with both DB Tables and Flat files. Involved in writing the Unit Test
Cases, Unit Testing and Debugging.</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div id="technical_skills" class="container tab-pane slide"><br>
<div class="row">
<!-- Projects Section -->
<div class="col-xs-6 col-sm-6">
<h3>
<div class="side-line"><strong>Projects</strong></div>
</h3><br>
<table class="projects-table">
<tbody>
<tr>
<td>
<article>
<h5>Blog Application <a href="https://github.com/Ram-95/blog_application_django"
target="_blank" title="Github Link"><i
class='projects fab fa-github'></i></a></h5>
<ul class="projects_ul">
<li>Developed a Blog application using <span
class="badge badge-info">Django</span> framework.</li>
<li>Features:
<ul>
<li>User Authentication - Users can register, login and
logout</li>
<li>Create, Edit and Delete Posts</li>
<li>Users can Like and Comment on posts.</li>
<li>Connections - Follow/Unfollow other users.</li>
</ul>
<li>Used <span class="badge badge-info">HTML 5</span>, <span
class="badge badge-info">CSS 3</span>, <span
class="badge badge-info">Bootstrap 4</span>
and <span class="badge badge-info">jQuery</span>
for frontend.</li>
</ul>
</article>
</td>
</tr>
<tr>
<td>
<article>
<h5>COVID-19 India Tracker <a
href="https://github.com/Ram-95/covid-19_india_data"
target="_blank" title="Github Link"><i
class='projects fab fa-github'></i></a></h5>
<ul class="projects_ul">
<li>A Dashboard showing the spread of COVID-19 in India and it's states.</li>
<li>Features:
<ul>
<li>Visualization of Cummulative and Daily spread across India and it's states</li>
<li>Shows detailed data of States and Districts</li>
<li>Search for vaccination centers by area PIN code.</li>
</ul>
<li>Used <span class="badge badge-info">HTML 5</span>, <span
class="badge badge-info">CSS 3</span>
and <span class="badge badge-info">jQuery</span>
</li>
</ul>
</article>
</td>
</tr>
<tr>
<td>
<article>
<h5>To-Do Application <a href="https://github.com/Ram-95/to_do_app"
target="_blank" title="Github Link"><i
class='projects fab fa-github'></i></a></h5>
<ul>
<li>Built a basic To-Do Application using <span
class="badge badge-info">Django</span> framework.</li>
<li>Features:
<ul>
<li>User Authentication - Users can register, login and
logout</li>
<li>Add, Delete, Edit Tasks, Mark tasks as
Complete/Incomplete</li>
<li>Created APIs using Django-REST framework to fetch Users
and Tasks data.</li>
</ul>
<li>Used <span class="badge badge-info">HTML 5</span>, <span
class="badge badge-info">CSS 3</span>, <span
class="badge badge-info">Bootstrap 4</span>
and <span class="badge badge-info">jQuery</span>
for frontend.</li>
</ul>
</article>
</td>
</tr>
<tr>
<td>
<article>
<h5>Python - Automation <a
href="https://github.com/Ram-95/Python_Applications"
target="_blank" title="Github Link"><i
class='projects fab fa-github'></i></a></h5>
<ul>
<li>Developed several command line Utilities using Python 3 to
automate repetitive tasks
</li>
<ul>
<li>Bulk File Renaming Utility</li>
<li>Indeed Job Scraper</li>
<li>Flipkart Price Finder</li>
<li>Images downloading from a site etc.,</li>
</ul>
<li>Used <span class="badge badge-info">Python 3</span> and <span
class="badge badge-info">Web scraping</span></li>
</ul>
</article>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Technical Skills Section -->
<div class="col-xs-6 col-sm-6">
<h3>
<div class="side-line"><strong>Technical Skills</strong></div>
</h3><br>
<h5>Python 3</h5>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width:85%;"></div>
</div>
<br>
<h5>Django</h5>
<div class="progress">
<div class="progress-bar" style="width:75%;"></div>
</div>
<br>
<h5>Django REST Framework</h5>
<div class="progress">
<div class="progress-bar" style="width:75%;"></div>
</div>
<br>
<h5>SQL</h5>
<div class="progress">
<div class="progress-bar" aria-valuenow="25" style="width:80%;"></div>
</div>
<br>
<h5>HTML 5</h5>
<div class="progress">
<div class="progress-bar" aria-valuenow="25" style="width:80%;"></div>
</div>
<br>
<h5>CSS</h5>
<div class="progress">
<div class="progress-bar" aria-valuenow="25" style="width:60%;"></div>
</div>
<br>
<!-- Achievements and Certifications Section -->
<div id="certifications">
<br>
<h3>
<div class="side-line"><strong>Certifications</strong></div>
</h3><br>
<table>
<tbody>
<tr>
<td>Programming, Data Structures and Algorithms using Python - NPTEL and IIT
Madras
<td>
<td><span title="View Certificate"><a
href="https://drive.google.com/file/d/1N-ftoxF8wKaqZhLmaAbbeuUygq580OVT/view"
target="_blank">
<i class='fas fa-file-alt'></i></a></span>
<td>
</tr>
<tr>
<td>Introduction to Modern Application Development - NPTEL and IIT Madras
<td>
<td><span title="View Certificate"><a
href="https://drive.google.com/file/d/1G0F41weR8vMLRUr48RHiRT3Uk39OksxK/view"
target="_blank">
<i class='fas fa-file-alt'></i></a></span>
<td>
</tr>
<tr>
<td>SQL Advanced - Udemy
<td>
<td><span title="View Certificate"><a
href="https://www.udemy.com/certificate/UC-KSD3MO24/"
target="_blank">
<i class='fas fa-file-alt'></i></a></span>
<td>
</tr>
</tbody>
</table>
</div>
<div id="Achievements/Coding Profiles">
<br>
<h3><strong>
<div class="side-line"> Achievements</div>
</strong></h3><br>
<ul style="list-style-type:circle;">
<li><strong>Semi Finalist</strong> in Code Gladiators 2019 & 2021 organised by TechGig.</li>
<li>Awarded <strong>Topper of the Batch</strong> for Best Performance during
Training at Cognizant.</li>
<li>Received <strong>Client Appreciation</strong> for completing the tasks within
the deadlines.</li>
<li>Winner of Hackathon conducted by Google Student Club - SNIST.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<div class="footer" style="text-align: center;">
<p style="color: white; font-size: 14px;"><b><i>Simplicity is the Ultimate Sophistication - <span
style="color: yellow; font: 15px;">Leonardo Da Vinci</span></i></b></p>
</div>
</div>
</body>
</html>