Repository navigation
Expand file tree
/
Copy pathwork.html
More file actions
executable file
·185 lines (163 loc) · 9.44 KB
/
Copy pathwork.html
File metadata and controls
executable file
·185 lines (163 loc) · 9.44 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Profile page of Vidya Ramakrishnan">
<meta name="author" content="Vidya Ramakrishnan">
<link rel="shortcut icon" href="favicon.ico">
<title>Vidya</title>
<link href="css/normalize_8.0.1.css" rel="stylesheet">
<link href="css/helper.css" rel="stylesheet">
<link href="css/layout.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<nav class="navbar">
<h1 class="navbar-brand"><a href="/" class="nounderline">Vidya</a></h1>
<ul class="nav navbar-nav no-list-style ">
<li><a href="/" class="nounderline">About Me</a></li>
<li class="active"><a class="nounderline">My Work</a></li>
</ul>
</nav>
</div>
</header>
<section>
<article class="resume-items">
<div class="container">
<h3 class="heading icon icon-skills" id="uberclean-case-study">Product case study</h3>
<div>
<iframe src="images/uberclean.pdf" width="100%" height="600px" style="border:none;"></iframe>
<div>
</div>
</article>
<article class="resume-items secondary-background">
<div class="container">
<div class="card-wrapper">
<div class="card-item">
<div class="card">
<p class="heading">Hasgeek</p>
<p>Product manager</p>
I led product responsibilities for Hasgeek Membership, contributing to its development and launch, managing website features, tracking sales metrics, and driving membership growth. In earlier Hasgeek projects, alongside frontend work, I led product development from customer feedback to deployment, collaborated on UX/UI improvements, wrote feature specs, and coordinated cross-functional teams to align on product goals.
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading">Hasgeek.com</p>
<p><i class="fa-solid fa-code"></i> <a href="https://github.com/hasgeek/funnel" target="_blank" class="nounderline">https://github.com/hasgeek/funnel</a></p>
<p>Lead Frontend developer</p>
<ul>
<li>Improved website performance by implementing lazy loading and code splitting techniques</li>
<li>Established integration testing infrastructure using Cypress</li>
<li>Converted the website into a Progressive Web App to enhance user experience</li>
<li>Migrated the codebase from Bootstrap to MUI (Material Design CSS Framework), implementing new material design UI</li>
</ul>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading">Hasgeek TV</p>
<p><i class="fa-solid fa-code"></i> <a href="https://github.com/hasgeek/hasgeek.tv" target="_blank" class="nounderline">https://github.com/hasgeek/hasgeek.tv</a></p>
<p>HasGeek’s video content app</p>
<ul>
<li>I worked on converting the existing website into a Single page and Progressive web app using Vue.js framework.</li>
<li>Move the old website from Bootstrap to a lighter MUI(Material Design CSS Framework) and implement the new material design UI.</li>
</ul>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading">Hasjob</p>
<p><i class="fa-solid fa-code"></i> <a href="https://github.com/hasgeek/hasjob" target="_blank" class="nounderline">https://github.com/hasgeek/hasjob</a></p>
<p>HasGeek’s job board</p>
<p>My work involved converting the existing website into a Progressive web app and implementing support to offer the app as embeddable iframe.</p>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading">Boxoffice</p>
<p><i class="fa-solid fa-code"></i> <a href="https://github.com/hasgeek/boxoffice" target="_blank" class="nounderline">https://github.com/hasgeek/boxoffice</a></p>
<p>HasGeek’s ticketing software</p>
<ul>
<li>Led frontend development for HasGeek's ticketing software</li>
<li>Designed detailed UI workflows based on user stories and business requirements</li>
<li>Developed client-side web interfaces for both customers and organizers using Ractive JS framework and jQuery</li>
<li>Coordinated with backend team to ensure seamless integration</li>
<li>Collected and analyzed user feedback to prioritize feature development</li>
</ul>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading">Streamline check-in</p>
<p><i class="fa-solid fa-code"></i> <a href="https://github.com/hasgeek/funnel" target="_blank" class="nounderline">https://github.com/hasgeek/funnel</a></p>
<p class="less-margin">Conference Check-in Workflow Optimization</p>
<ul>
<li>Spearheaded project to reduce attendee check-in time at Hasgeek events</li>
<li>Identified workflow bottlenecks and prepared comprehensive task lists for improvement</li>
<li>Built frontend for offline check-in and badge scanning</li>
<li>Coordinated cross-team efforts for integration and release</li>
<li>Collaborated with design team to redesign floor layouts for improved check-in queue management</li>
<li>Reduced average check-in time by implementing data-driven process improvements</li>
</ul>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading"><a href="https://github.com/vidya-ram/organic-store" target="_blank" class="nounderline">Village Naturals Online shop</a></p>
<p><i class="fa-solid fa-link"></i> <a href="https://village-naturals-blr.vercel.app" target="_blank" class="nounderline">View website</a></p>
<p>Explored AI assisted coding (Bolt, Cursor) for development of an online store</p>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading"><a href="https://ragya.netlify.app" target="_blank" class="nounderline">Ragya</a></p>
<p><i class="fa-solid fa-link"></i> <a href="https://ragya.netlify.app" target="_blank" class="nounderline">View website</a> <small>(First version)</small></p>
<p>Built MVP for Ragya, an Indian classical music platform that dynamically streams songs based on time of day</p>
</div>
</div>
<div class="card-item">
<div class="card">
<p class="heading"><a href="https://github.com/vidya-ram/toddlergames" target="_blank" class="nounderline">Toddler fun spot</a></p>
<p class="less-margin"><i class="fa-solid fa-code"></i> <a href="https://github.com/vidya-ram/toddlergames" target="_blank" class="nounderline">https://github.com/vidya-ram/toddlergames</a></p>
<p><i class="fa-solid fa-link"></i> <a href="http://discoveringthemind.appspot.com" target="_blank" class="nounderline">View website</a></p>
<p>Building this fun and educational website for my toddler sparked my interest in web development</p>
</div>
</div>
</div>
</div>
</article>
<article class="resume-items">
<div class="container">
<h3 class="heading icon icon-skills">Terrace garden</h3>
<div class="video-container">
<div class="video">
<div class="video-wrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/4HHbL_5ezpU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="video">
<div class="video-wrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/POpPmGV7z7E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</article>
</section>
<footer>
<div class="container">
<p class="text-center">Vidya, Copyright © <span class="js-year"></span></p>
</div>
</footer>
<script src="https://kit.fontawesome.com/a8567adb67.js" crossorigin="anonymous"></script>
<script type="text/javascript">
document.querySelector('.js-year').innerHTML = new Date().getFullYear();
</script>
</body>
</html>