Skip to content

Commit f98e464

Browse files
roguepikachuroguepikachu
committed
feat: updates about page
1 parent 4592f7d commit f98e464

File tree

1 file changed

+111
-53
lines changed

1 file changed

+111
-53
lines changed

‎src/pages/About.tsx‎

Lines changed: 111 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ export default function About() {
4747
<div className="space-y-2 text-center">
4848
<h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl">About Me</h1>
4949
<p className="mx-auto max-w-[700px] text-gray-500 md:text-xl/relaxed dark:text-gray-400">
50-
Web developer, designer, and technical writer
50+
Engineer by trade, Designer by instinct, and Writer by habit
5151
</p>
5252
</div>
5353

@@ -64,14 +64,15 @@ export default function About() {
6464
<div className="flex flex-col justify-center">
6565
<h2 className="text-2xl font-bold">Hi, I'm Ayush Kumar</h2>
6666
<p className="mt-4 text-muted-foreground">
67-
I'm a passionate web developer with over 5 years of experience building modern web applications.
68-
I specialize in React.js, TypeScript, and Node.js, with a focus on creating intuitive and
69-
performant user experiences.
70-
</p>
71-
<p className="mt-4 text-muted-foreground">
72-
When I'm not coding, you can find me writing technical articles, contributing to open-source
73-
projects, or exploring new technologies. I believe in continuous learning and sharing knowledge
74-
with the developer community.
67+
I work mostly with Go, Kubernetes, and cloud infrastructure — building backend systems that are meant to scale and stay up. My
68+
focus is on clean, maintainable architecture, automation, and performance. I’ve spent a lot of time designing microservices,
69+
setting up CI/CD pipelines, and getting things to run smoothly in production. I have a strong foundation in AI and data
70+
systems, with hands-on experience in applying machine learning where it genuinely improves outcomes — and the judgment to
71+
avoid it where simpler solutions are more effective..
72+
<p className="mt-4 text-muted-foreground">
73+
Outside of code, I write technical articles, contribute to open-source when I can, and keep learning whatever tool or system
74+
looks like it’ll help me do better work. Not big on fluff. Just here to build useful stuff and keep improving.
75+
</p>
7576
</p>
7677
<div className="mt-6 flex flex-wrap gap-3">
7778
<Button asChild>
@@ -92,97 +93,154 @@ export default function About() {
9293
{/* Experience section */}
9394
<section className="space-y-8">
9495
<h2 className="text-2xl font-bold">Experience</h2>
95-
96+
9697
<div className="space-y-8">
98+
{/* Experience Item 1 */}
9799
{/* Experience Item 1 */}
98100
<div className="rounded-lg border p-6">
99101
<div className="flex flex-wrap items-start justify-between gap-2">
100102
<div>
101-
<h3 className="font-bold">Senior Frontend Developer</h3>
102-
<p className="text-muted-foreground">Example Company</p>
103+
<h3 className="font-bold">Software Engineer II</h3>
104+
<p className="text-muted-foreground">Guidewire Software Inc.</p>
103105
</div>
104-
<Badge variant="outline">2023 - Present</Badge>
106+
<Badge variant="outline">Jan 2023 – Present</Badge>
105107
</div>
106108
<ul className="mt-4 space-y-2 text-muted-foreground list-disc list-inside">
107-
<li>Led the development of the company's flagship web application</li>
108-
<li>Implemented a new component library that improved development speed by 30%</li>
109-
<li>Mentored junior developers and conducted code reviews</li>
110-
<li>Reduced bundle size by 40% through code splitting and lazy loading</li>
109+
<li>
110+
Spearheaded the design and implementation of scalable microservice architectures using Go, contributing to
111+
high-availability systems deployed on AWS.
112+
</li>
113+
<li>
114+
Led end-to-end service development — from architectural design to production rollout — ensuring modularity, fault
115+
tolerance, and ease of integration across systems.
116+
</li>
117+
<li>
118+
Automated containerized deployments using Docker, Kubernetes (EKS), and KubeVela, enabling GitOps-driven workflows and
119+
significantly reducing deployment overhead.
120+
</li>
121+
<li>
122+
Managed infrastructure as code with Terraform/Crossplane, ensuring environment consistency, reducing manual intervention, and
123+
enabling rapid onboarding across teams.
124+
</li>
125+
<li>
126+
Advocated and implemented test-driven development (TDD) practices across services, improving test coverage and confidence
127+
in releases.
128+
</li>
129+
<li>
130+
Built and maintained CI/CD pipelines with TeamCity and GitHub Actions, incorporating quality gates via SonarQube, with
131+
observability integrated through CloudWatch and Datadog.
132+
</li>
133+
<li>
134+
Conducted deep query profiling and optimization across critical data flows, reducing database response times and improving
135+
end-user experience.
136+
</li>
137+
<li>
138+
Worked closely with globally distributed teams and cross-functional stakeholders to align backend development with DevOps
139+
and SRE best practices.
140+
</li>
111141
</ul>
112142
</div>
113-
143+
144+
{/* Experience Item 5 */}
145+
<div className="rounded-lg border p-6">
146+
<div className="flex flex-wrap items-start justify-between gap-2">
147+
<div>
148+
<h3 className="font-bold">Amazon ML Summer School Trainee</h3>
149+
<p className="text-muted-foreground">Amazon</p>
150+
</div>
151+
<Badge variant="outline">Jul 2022</Badge>
152+
</div>
153+
<ul className="mt-4 space-y-2 text-muted-foreground list-disc list-inside">
154+
<li>Selected for an intensive machine learning training program conducted by Amazon’s ML scientists.</li>
155+
<li>Gained hands-on experience with supervised/unsupervised learning, deep learning, and real-world ML pipelines.</li>
156+
<li>Engaged in problem-solving sessions focused on scalable ML solutions used in industry applications.</li>
157+
</ul>
158+
</div>
159+
114160
{/* Experience Item 2 */}
115161
<div className="rounded-lg border p-6">
116162
<div className="flex flex-wrap items-start justify-between gap-2">
117163
<div>
118-
<h3 className="font-bold">Frontend Developer</h3>
119-
<p className="text-muted-foreground">Previous Company</p>
164+
<h3 className="font-bold">Machine Learning Intern</h3>
165+
<p className="text-muted-foreground">Cleareye.ai</p>
166+
</div>
167+
<Badge variant="outline">May 2022 – Jul 2022</Badge>
168+
</div>
169+
<ul className="mt-4 space-y-2 text-muted-foreground list-disc list-inside">
170+
<li>Built and fine-tuned BERT and BiLSTM models for high-precision Named Entity Recognition (NER) in textual data.</li>
171+
<li>Created and managed labeled datasets, contributing to improved data accuracy and NLP pipeline performance.</li>
172+
</ul>
173+
</div>
174+
175+
{/* Experience Item 4 */}
176+
<div className="rounded-lg border p-6">
177+
<div className="flex flex-wrap items-start justify-between gap-2">
178+
<div>
179+
<h3 className="font-bold">Machine Learning Intern</h3>
180+
<p className="text-muted-foreground">Feynn Labs</p>
120181
</div>
121-
<Badge variant="outline">2020 - 2023</Badge>
182+
<Badge variant="outline">Apr 2022 – Jun 2022</Badge>
122183
</div>
123184
<ul className="mt-4 space-y-2 text-muted-foreground list-disc list-inside">
124-
<li>Built responsive web applications using React and TypeScript</li>
125-
<li>Implemented state management solutions using Redux and Context API</li>
126-
<li>Created a design system that ensured consistency across products</li>
127-
<li>Collaborated with designers and backend developers to deliver features</li>
185+
<li>Prototyped AI-powered products and services, focusing on practical deployment and integration feasibility.</li>
186+
<li>Performed market segmentation using machine learning and data analysis techniques to uncover business insights.</li>
187+
<li>Contributed to financial and business modeling for AI-driven solutions, aligning tech output with market value.</li>
128188
</ul>
129189
</div>
130-
190+
131191
{/* Experience Item 3 */}
132192
<div className="rounded-lg border p-6">
133193
<div className="flex flex-wrap items-start justify-between gap-2">
134194
<div>
135-
<h3 className="font-bold">Web Developer Intern</h3>
136-
<p className="text-muted-foreground">Starter Company</p>
195+
<h3 className="font-bold">Cyber Security Analyst Intern</h3>
196+
<p className="text-muted-foreground">TechByHeart</p>
137197
</div>
138-
<Badge variant="outline">2019 - 2020</Badge>
198+
<Badge variant="outline">Feb 2022 – May 2022</Badge>
139199
</div>
140200
<ul className="mt-4 space-y-2 text-muted-foreground list-disc list-inside">
141-
<li>Developed and maintained client websites</li>
142-
<li>Assisted in migrating legacy code to modern frameworks</li>
143-
<li>Created responsive layouts using HTML, CSS, and JavaScript</li>
144-
<li>Participated in daily standups and sprint planning meetings</li>
201+
<li>Applied ML and analytics techniques to detect and respond to security threats in real-time.</li>
202+
<li>Documented security protocols and supported compliance through data-driven threat analysis.</li>
145203
</ul>
146204
</div>
147205
</div>
148206
</section>
149-
207+
150208
<Separator className="my-12" />
151-
209+
152210
{/* Tech Stack section */}
153211
<section className="space-y-8">
154212
<h2 className="text-2xl font-bold">Tech Stack</h2>
155-
213+
156214
<div className="grid gap-6 sm:grid-cols-2 md:grid-cols-3">
157215
{/* Frontend */}
158216
<div className="rounded-lg border p-6">
159217
<h3 className="font-bold text-lg mb-4">Frontend</h3>
160218
<div className="flex flex-wrap gap-2">
161-
{techStack.frontend.map((tech) => (
219+
{techStack.frontend.map(tech => (
162220
<Badge key={tech} variant="secondary">
163221
{tech}
164222
</Badge>
165223
))}
166224
</div>
167225
</div>
168-
226+
169227
{/* Backend */}
170228
<div className="rounded-lg border p-6">
171229
<h3 className="font-bold text-lg mb-4">Backend</h3>
172230
<div className="flex flex-wrap gap-2">
173-
{techStack.backend.map((tech) => (
231+
{techStack.backend.map(tech => (
174232
<Badge key={tech} variant="secondary">
175233
{tech}
176234
</Badge>
177235
))}
178236
</div>
179237
</div>
180-
238+
181239
{/* Tools */}
182240
<div className="rounded-lg border p-6">
183241
<h3 className="font-bold text-lg mb-4">Tools & DevOps</h3>
184242
<div className="flex flex-wrap gap-2">
185-
{techStack.tools.map((tech) => (
243+
{techStack.tools.map(tech => (
186244
<Badge key={tech} variant="secondary">
187245
{tech}
188246
</Badge>
@@ -191,13 +249,13 @@ export default function About() {
191249
</div>
192250
</div>
193251
</section>
194-
252+
195253
<Separator className="my-12" />
196-
254+
197255
{/* Education section */}
198256
<section className="space-y-8">
199257
<h2 className="text-2xl font-bold">Education</h2>
200-
258+
201259
<div className="rounded-lg border p-6">
202260
<div className="flex flex-wrap items-start justify-between gap-2">
203261
<div>
@@ -207,18 +265,18 @@ export default function About() {
207265
<Badge variant="outline">2015 - 2019</Badge>
208266
</div>
209267
<p className="mt-4 text-muted-foreground">
210-
Graduated with honors. Specialized in web technologies and software engineering.
211-
Completed a senior project on real-time collaborative web applications.
268+
Graduated with honors. Specialized in web technologies and software engineering. Completed a senior project on real-time
269+
collaborative web applications.
212270
</p>
213271
</div>
214272
</section>
215-
273+
216274
<Separator className="my-12" />
217-
275+
218276
{/* Open Source & Community */}
219277
<section className="space-y-8">
220278
<h2 className="text-2xl font-bold">Open Source & Community</h2>
221-
279+
222280
<div className="grid gap-6 sm:grid-cols-2">
223281
<div className="rounded-lg border p-6">
224282
<h3 className="font-bold text-lg">Open Source Contributions</h3>
@@ -227,27 +285,27 @@ export default function About() {
227285
</p>
228286
<Button variant="link" size="sm" asChild className="mt-2 p-0">
229287
<a href="https://github.com/" target="_blank" rel="noopener noreferrer" className="inline-flex items-center">
230-
View on GitHub
288+
View on GitHub
231289
<ExternalLink className="ml-1 h-3 w-3" />
232290
</a>
233291
</Button>
234292
</div>
235-
293+
236294
<div className="rounded-lg border p-6">
237295
<h3 className="font-bold text-lg">Speaker & Writer</h3>
238296
<p className="mt-2 text-muted-foreground">
239297
Regularly speak at local meetups and occasionally at conferences. Published technical articles on web development.
240298
</p>
241299
<Button variant="link" size="sm" asChild className="mt-2 p-0">
242300
<a href="#" target="_blank" rel="noopener noreferrer" className="inline-flex items-center">
243-
See Talks & Articles
301+
See Talks & Articles
244302
<ExternalLink className="ml-1 h-3 w-3" />
245303
</a>
246304
</Button>
247305
</div>
248306
</div>
249307
</section>
250-
308+
251309
<ContactModal open={contactModalOpen} onOpenChange={setContactModalOpen} />
252310
</div>
253311
</div>

0 commit comments

Comments
 (0)