-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
201 lines (196 loc) · 10.1 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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.4, maximum-scale=2.0" />
<title>Kumar Abhishek</title>
<meta name="referrer" content="never" />
<meta name="description" content="Personal website of Kumar Abhishek" />
<meta name="keywords" content="AWS, Cloud, Nodejs, Golang, reactjs, javascript, architect, website, fullstack" />
<link defer href="https://fonts.googleapis.com/css?family=Quicksand:300" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122118276-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-122118276-1', { 'transport_type': 'beacon'});
</script>
</head>
<body class="flex">
<main>
<nav class="padded flex">
<logo>
<span class="icon">KA</span>
<a href="/" class="flex name"><span class="bold color-grey4">Kumar </span><span class="color-grey3">Abhishek</span></a>
</logo>
<links class="bold aic">
<a href="#skills">Skills</a>
<a href="#experience">Experience</a>
<a href="#education">Education</a>
<a href="#education">Contact</a>
</links>
<network class="flex gap1 aic">
<a target="_blank" href="https://github.com/kumarabhishek" aria-label="github" class="icon icon-github"></a>
<a target="_blank" href="https://www.linkedin.com/in/kumarabhishek/" aria-label="linkedin" class="icon icon-linkedin"></a>
<a target="_blank" href="https://medium.com/webisbeautiful" aria-label="medium" class="icon icon-medium"></a>
</network>
</nav>
<aboutme class="padded flex">
<div class="poster" src="css/ka.png"></div>
<description class="flex1">
<role class="color-grey3">Distributed Systems, Architect</role>
<name>I'm Kumar Abhishek</name>
<summary>
An innate researcher of designing and scaling internet scale distributed systems. I have deep interest in learning new technologies and I strive for making the web beautiful. Check out more about me by downloading my cv.
</summary>
<actions>
<a class="cv" target="_blank" href="downloads/cv_kumarabhishek.pdf" title="Download CV">Download CV</a>
</actions>
</description>
</aboutme>
<skills id="skills" class="section skills padded grid gap1">
<h2 class="color-green1">Skills</h2>
<cards>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-cloud"></icon><span>Cloud</span></h3>
<content>
Amazon Web Service for <span class="bold">compute</span> (EC2, Fargate, ECS, ECR, Lambda, etc), <span class="bold">database</span> (RDS, Aurora, DynamoDB, Elastic Cache, S3, etc), <span class="bold">network and content delivery</span> (API Gateway, Cloudfront, Route53, VPC, Cloud Map, ALB, WAF, etc) to list a few.
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-code"></icon><span>Code</span></h3>
<content>
Production grade design and implementation of various <span class="bold">services</span> and <span class="bold">applications</span> using <span class="bold">Golang</span> (v 1.17+) and <span class="bold">JavaScript</span> (ES 10+).
Multiple aspects of <span class="bold">Clean Architecture</span>, and <span class="bold">cloud design patterns</span> (Rate/Quota limiting, Strangler, Saga, etc).
Supporting multiple HTTP protocols on same port including <span class="bold">WebSocket</span> for real-time communication.
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-services"></icon><span>Micro Services</span></h3>
<content>
Highly scalable internal / external <span class="bold">APIs</span> (REST, WebSocket, GRPC), over <span class="bold">TLS</span> (HTTP 1.1, HTTP 2) running as <span class="bold">containerised</span> microservices. Various kinds of authentication and authorisation system based on cookies and tokens securing endpoints. <span class="bold">Protocol Buffer</span> based encoding / decoding, etc
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-ui"></icon><span>UI</span></h3>
<content>
Various <span class="bold">Web</span> based UI and <span class="bold">PWA</span> using JavaScript (React.js, Lit, etc)
passing <span class="bold">Core Web Vitals</span> (LCP, FID, CLS) and <span class="bold">Web Accessibility </span> (W3C WCAG).
Various kind of <span class="bold">layouting</span> using CSS (Grid layout, Flexbox, Box model, etc).
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-regulatory"></icon><span>Regulatory</span></h3>
<content>
<span class="bold">Data privacy</span> (e-privacy regulations) compliance for consent based first-party and third-party cookies (CNIL, CCPA) management. Meeting <span class="bold">VPAT</span> and W3C WCAG.
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-tools"></icon><span>Tools</span></h3>
<content>
<span class="bold">VS Code</span>, Git, Lucidchart, NoSQL Workbench, Slack, Atlassian Jira, Atlassian Confluence, Markdown, Postman, AWS Cli, <span class="bold">Chrome Developer Tools</span>, etc.
</content>
</card>
</cards>
</skills>
<experience id="experience" class="section experience padded grid gap1">
<h2 class="color-green1">Experiences</h2>
<cards>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-bazaarvoice"></icon><span>Bazaarvoice</span></h3>
<content>
<ul>
<li>Representing India technical leadership team for various product offerings and portfolio.</li>
<li>Driving non-functional requirements such as performance, security, portability and scalability.</li>
<li>Full-stack architecture, development, maintenance of solution using AWS, Google, Cloudflare, etc.</li>
<li>Key leader for driving technological innovation and solving business problems for customer delight and retention.</li>
<li>Regulation & Compliance leadership at organisation level for ePrivacy – CNIL & Web Accessibility – W3C WCAG.</li>
<li>Part of technical leadership group for India initiatives.</li>
</ul>
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-cisco"></icon><span>Cisco Systems</span></h3>
<content>
<ul>
<li>Design and development of Cloud native application for Cisco Unified Communication Technology Group (UCTG).</li>
<li>Identifying non-functional requirements such as performance, security, portability and scalability of the application.</li>
<li>Full-stack architecture, development, maintenance of solution on AWS.</li>
<li>Represent technical leadership team for co-ordinating with product management and other stake holder for cloud based UCTG telemetry solutions.</li>
<li>Scrum, Agile methodologies.</li>
</ul>
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-eros"></icon><span>Eros International</span></h3>
<content>
<ul>
<li>Overall backend development of web applications (ErosNow & ErosNow Analytics)
including Nodejs, Java, JavaScript,
VARNISH, HAProxy, Stunnel, NginX, etc.</li>
<li>HTTPS - SSL Certificate, REST APIs for catalog (Movies / Music videos / Short Content, etc.)</li>
<li>User/Session Management, Social Network Login</li>
<li>Frontend development using HTML5, CSS3, JavaScript, LESS, Jade, etc.</li>
<li>Movie Subtitles, Online Subscription, Advertisement (Preroll, Companion, etc.)</li>
<li>Optimization & performance tuning for iPad & IE, Google Analytics.</li>
</ul>
</content>
</card>
</cards>
</experience>
<others id="others" class="section others padded grid gap1">
<h2 class="color-green1">Others</h2>
<cards>
<card class="flex gap1 flex-col">
<h3 id="education" class="flex aic gap1"><icon class="icon icon-education"></icon><span>Education</span></h3>
<content>
<ul>
<li>Post-graduated from Birla Institute of Technology and Science, Pilani in 2009 with a MS degree in Software Systems.
</li>
<li>Graduated from R.V. College of Engineering, Bangalore in June 2005 with a B.E degree in
Information Science and Engineering.</li>
</ul>
</content>
</card>
<card class="flex gap1 flex-col">
<h3 class="flex aic gap1"><icon class="icon icon-collaboration"></icon><span>Collaborations</span></h3>
<content>
<ul>
<li>
<a target="_blank" class="link"
href="https://www.npmjs.com/package/@kaweb/react-mql">@kaweb/react-mql - CSS Media
Queries HOC and MediaContext for React</a>
</li>
</ul>
</content>
</card>
<card class="flex gap1 flex-col">
<h3 id="contact" class="flex aic gap1"><icon class="icon icon-contact"></icon><span>Languages</span></h3>
<content>
<ul>
<li>English</li>
<li>Hindi</li>
</ul>
</content>
</card>
<card class="flex gap1 flex-col">
<h3 id="contact" class="flex aic gap1"><icon class="icon icon-contact"></icon><span>Contact</span></h3>
<content>
<ul>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="+91 9886283733">+91 9886283733 </a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/kumarabhishek/">linkedin.com/in/kumarabhishek</a></li>
</ul>
</content>
</card>
</cards>
</others>
<footer class="footer flex1 flex flex_c jcc">
<div id="copyright">© 2022 Kumar Abhishek</div>
</footer>
</main>
<script async type='text/javascript' src='js/main.js'></script>
</body>
</html>