-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
180 lines (180 loc) · 14.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Yash Kadaru</title>
<meta name="description" content="Software Engineer and Designer | Passionate about building software that embodies good design, clear purpose, and skillful engineering | Based in Toronto, Canada">
<meta name="author" content="Yash (Yasaswi) Kadaru">
<meta name="theme-color" content="#3F325D">
<link rel="icon" href="media/icons/favicon.jpg" type="image/jpeg">
<link rel="icon" sizes="256x256" href="media/icons/webclip.jpg" type="image/jpeg">
<link rel="apple-touch-icon" href="media/icons/touch-icon.png" type="image/png">
<!-- open graph -->
<meta property="og:title" content="Yash Kadaru | Software Engineer and Designer | Toronto, Canada">
<meta property="og:image" content="media/images/og-share.jpg">
<meta property="og:image:alt" content="Yash Kadaru | Software Engineer & Designer | You can reach me at [email protected]">
<meta property="og:description" content="This is my space on the internet. I have over 8 years of experience building software that embodies good design, clear purpose, and skillful engineering.">
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@YashsWay">
<meta name="twitter:title" content="Yash Kadaru | Software Engineer and Designer | Toronto, Canada">
<meta name="twitter:description" content="This is my space on the internet. I have over 8 years of experience building software that embodies good design, clear purpose, and skillful engineering.">
<meta name="twitter:image" content="media/images/og-share.jpg">
<!-- viewport and mobile 'notch' optimization -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<!-- dns prefetching for critical CDN deps -->
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com/">
<!-- external fonts, establish preconnection for dns caching -->
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com/">
<link href='https://fonts.googleapis.com/css?family=EB+Garamond&display=swap' rel="stylesheet" type="text/css">
<!-- preload critical page-rendering assets -->
<link rel="preload" href="assets/css/index.css" as="style">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js" as="script">
<link rel="preload" href="assets/js/index.js" as="script">
<!-- CSS -->
<link rel="stylesheet" href="assets/css/index.css">
</head>
<body>
<main>
<section class="h-screen relative">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="w-full h-full absolute" id="circleCanvas"></svg>
<div class="container grid place-content-center font-sans relative z-10 p-3 h-full w-full my-0 mx-auto">
<h1 class="text-center text-5xl md:text-8xl font-bold text-bluegray-base mb-3">Yash Kadaru</h1>
<p class="font-flair text-center text-lg md:text-2xl text-indigo-light">Software Engineer . Designer</p>
</div>
</section>
<section class="bg-gray-light text-bluegray-dark">
<div class="container p-6 w-full h-full text-center my-0 mx-auto max-w-prose">
<h2 class="text-2xl md:text-4xl font-semibold">I love the intersection of programming and design.</h2>
</div>
</section>
<section class="bg-indigo-base text-yellow-light">
<div class="container p-6 w-full h-full text-center my-0 mx-auto max-w-prose">
<h2 class="text-2xl md:text-4xl font-semibold mb-3">I've worked with many great teams and creative people.</h2>
<p class="text-md md:text-lg leading-relaxed font-normal font-serif">I love working in tight-knit teams that value kindness, diversity of thought, and building great software that provides true value to its users.</p>
</div>
</section>
<section class="bg-gray-base text-bluegray-dark">
<div class="container p-6 w-full h-full text-center my-0 mx-auto max-w-prose">
<h2 class="text-2xl md:text-4xl font-semibold mb-3">I have experience with all parts of the full-stack, with expertise in the front-end.</h2>
<p class="text-md md:text-lg leading-relaxed font-normal font-serif mb-2">I'm very familiar with every facet of the wonderful web development ecosystem, but I've worked with Javascript extensively the most. React.js, Vue.js, Angular, and Express.js are a couple of frameworks I've leveraged deeply in production, along with a host of libraries and tooling that accompany such projects for state management, data fetching, routing, linting, building, optimization, and testing.</p>
<hr class="w-6 border-2 border-indigo-base border-dashed mx-auto my-4">
<p class="text-md md:text-lg leading-relaxed font-normal font-serif mb-2">I've also worked with a multitude of other languages and tooling over the 7+ years in my career. I remember tinkering with technology my whole life. My Dad was very influential in my passion for technology as a tool for good, growing up. We took apart, built, and broke countless PC's and gadgetry. We discussed ideas for hours on end. He taught me how to code for the first time in Visual Basic – I was bewitched. He also introduced me to video games like Roller Coaster Tycoon and other 'builders' that made me feel like anything I imagined or dreamt, I could bring to life. Couple of years later, I started learning programming seriously in Java around 2009 - and continued to use Java throughout my education. Ruby on Rails was my first big framework I quite fell in love with at the start of my career. I was also fascinated with the rise of Javascript, and Web Development as a whole around this time: the dawn of Backbone.js, Handlebars, Bower, Browserify, Grunt, Gulp, and countless other technologies that came after each other like no tomorrow, expanding what was possible with and in the web.</p>
<hr class="w-6 border-2 border-indigo-base border-dashed mx-auto my-4">
<p class="text-md md:text-lg leading-relaxed font-normal font-serif">I've recently worked a lot with Python building micro-tools for miscellaneous development tasks, or to analyse data sets for clients. In my professional work, I've used C# with .NET Core & Framework quite a bit, along with Entity Framework and PostgreSQL in the back-end. Lately I've been obsessing over how CSS is evolving with the rise of PostCSS, CSS Modules, CSS-in-JS libraries like Emotion, and frameworks like Tailwind (which I'm using on this site!). When I find some time, I want to dive into Rust, Go, Next.js, and Deno to see what all the fuss is about!</p>
</div>
</section>
<section class="bg-indigo-light text-yellow-base">
<div class="container p-6 w-full h-full my-0 mx-auto max-w-prose">
<h2 class="text-2xl md:text-4xl font-semibold mb-3 text-center">I love sharing my knowledge with my peers and continously learning from the people around me.</h2>
<div class="text-center">
<p class="text-md md:text-lg leading-relaxed font-light font-serif mb-3">After getting great feedback from my mentee at Konrad, I jumped on the opportunity from my Manager to teach BrainStation's Web Development Bootcamp. I ended up teaching not just one but two four-month semesters – it was a pivotal experience in my career. I got great feedback with a 4.7/5 Educator rating. I taught over 60 students who were looking to switch careers, a robust full-stack curriculum:</p>
<ol class="timeline list-inside list-none text-md md:text-lg leading-relaxed font-light font-serif mb-3">
<li>History of the Web (history and context are so important to have direction!)</li>
<li>Foundations of Programming</li>
<li>Working with Git and the power of source control</li>
<li>HTML & CSS (and pre-processor tooling like SASS)</li>
<li>JavaScript, and the idea of function, dynamic behavior, and reactivity in the Web</li>
<li>SPA's and libraries like React.js that help you achieve componentization in the web</li>
<li>Servers, Node.js and the concept of a back-end</li>
<li>Express.js, a framework for the back-end</li>
<li>Working with external APIs using libraries like Axios and tools like Postman</li>
<li>Working with databases like MySQL, through ORM's like Knex and Bookshelf</li>
<li>Testing with Jest and the importance of writing testable code and tests</li>
<li>DevOps tooling like PM2 and Deployment with Heroku and Netlify</li>
<li>Collaborating with a team using Git, GitHub, and extraneous tools like JIRA and Zeplin</li>
</ol>
<p class="text-md md:text-lg leading-relaxed font-light font-serif">In addition, I wrote a massive set of content for the curriculum and developed a new system in Slite to manage the lesson plans week-by-week, onboarding documentation for teaching assistants, etc., that they're still using today. I wrote countless demos & code-alongs for lectures, workshop projects, whiteboarding challenges, and more. My love for teaching and mentorship will never fade after my experience here. It was enriching, fulfilling, and, most of all, humbling.</p></p>
</div>
</div>
</section>
<section class="bg-bluegray-dark text-gray-light">
<div class="container p-6 w-full h-full text-center my-0 mx-auto max-w-prose">
<h2 class="text-2xl md:text-4xl font-semibold mb-3">Let's chat!</h2>
<p class="text-md md:text-lg font-flair">You can reach me fastest through email below. Currently in Toronto, Canada.</p>
<ul class="flex flex-row md:flex-nowrap flex-wrap justify-center items-center mt-5">
<li class="social-link">
<a href="mailto:[email protected]?subject=Hi%20Yash!">
<picture>
<source srcset="media/icons/email.png" type="image/png">
<img src="media/icons/email.png?as=webp" loading="lazy" width="64" height="64" alt="email" title="Email">
</picture>
</a>
</li>
<li class="social-link">
<a href="https://ca.linkedin.com/in/yashgopal" target="_blank">
<picture>
<source srcset="media/icons/linkedIn.png" type="image/png">
<img src="media/icons/linkedIn.png?as=webp" loading="lazy" width="64" height="64" alt="linkedIn" title="LinkedIn Profile">
</picture>
</a>
</li>
<li class="social-link">
<a href="https://github.com/yashsway" target="_blank">
<picture>
<source srcset="media/icons/git.png" type="image/png">
<img src="media/icons/git.png?as=webp" loading="lazy" width="64" height="64" alt="Github" title="Github Profile">
</picture>
</a>
</li>
<li class="social-link">
<a href="https://dribbble.com/yashsway" target="_blank">
<picture>
<source srcset="media/icons/dribble.png" type="image/png">
<img src="media/icons/dribble.png?as=webp" loading="lazy" width="64" height="64" alt="Dribbble" title="Dribbble Profile" />
</picture>
</a>
</li>
<li class="social-link">
<a href="https://stackoverflow.com/users/3436164/ykadaru" target="_blank">
<picture>
<source srcset="media/icons/stackover.png" type="image/png">
<img src="media/icons/stackover.png?as=webp" loading="lazy" width="64" height="64" alt="Stack Overflow" title="Stack Overflow Profile">
</picture>
</a>
</li>
<li class="social-link">
<a href="https://devpost.com/yashsway" target="_blank">
<picture>
<source srcset="media/icons/devpost.png" type="image/png">
<img src="media/icons/devpost.png?as=webp" loading="lazy" width="64" height="64" alt="Devpost" title="Devpost Profile">
</picture>
</a>
</li>
<li class="social-link">
<a href="https://medium.com/@YashsWay" target="_blank">
<picture>
<source srcset="media/icons/medium.png" type="image/png">
<img src="media/icons/medium.png?as=webp" loading="lazy" width="64" height="64" alt="Medium" title="Personal Blog">
</picture>
</a>
</li>
<li class="social-link">
<a href="https://dev.to/yashsway" target="_blank">
<picture>
<source srcset="media/icons/devto.png" type="image/png">
<img src="media/icons/devto.png?as=webp" loading="lazy" width="64" height="64" alt="dev.to" title="dev.to Profile">
</picture>
</a>
</li>
<li class="social-link">
<a href="./assets/yashkadaru_resume_2023.pdf" target="_blank">
<picture>
<source srcset="media/icons/resume.png" type="image/png">
<img src="media/icons/resume.png?as=webp" width="64" height="64" loading="lazy" alt="Resume" title="My Resume">
</picture>
</a>
</li>
</ul>
</div>
</section>
</main>
<footer class="bg-bluegray-dark text-red text-center p-3">
<p class="italic">Made from scratch with ♥</p>
</footer>
<!-- scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js" type="text/javascript"></script>
<script src="assets/js/index.js" type="module"></script>
</body>
</html>