Skip to content

Commit f85d2fa

Browse files
networkandcodenetworkandcode
committed
feat: add Work Achievements page parsed directly from CV work experience
1 parent 323aba0 commit f85d2fa

3 files changed

Lines changed: 261 additions & 0 deletions

File tree

‎src/data/workExperience.ts‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
export interface WorkRole {
2+
company: string;
3+
role: string;
4+
location: string;
5+
period: string;
6+
highlights: string[];
7+
}
8+
9+
export const workExperienceAchievements: WorkRole[] = [
10+
{
11+
company: "UST",
12+
role: "Solution Architect I - Enterprise Solutions",
13+
location: "Trivandrum, India",
14+
period: "Jun 2019 – Present",
15+
highlights: [
16+
"Led development of AI chatbot with generative and agentic AI capabilities (observability, business insights, web automation, cost analysis with MCP tools and RAG).",
17+
"Designed and developed an AI-powered Data Analytics agent with failure handling, retry logic, and improved UX for tool progress messages.",
18+
"Built and deployed a FinOps agent with Langfuse integration for cost observability, including Helm-based deployment and Dockerized packaging on AWS.",
19+
"Diagnosed and resolved production issues in a Slack-based conversational agent — fixing memory/context retention and message summarization capabilities.",
20+
"Set up CDK infrastructure for FinOps cloud resources in AWS (Astra account), following IaC best practices.",
21+
"Implemented Slack OAuth MCP for per-user credential management and integrated a Slack Remote MCP Server for seamless MCP framework communication.",
22+
"Owned end-to-end development and delivery of microservices integrated with Envoy gateway and OIDC-based authentication with Keycloak.",
23+
"Established GitHub Actions-based reusable workflows for application and infrastructure code.",
24+
"Led development of observability stacks with 200+ reusable assets; managed Agile projects, mentored teams, and drove knowledge sharing.",
25+
"Built OpenTelemetry compatible observability solutions with Helm charts, dashboards, and alerting templates for Grafana, Prometheus, Mimir, Loki, Tempo, and Keycloak on Kubernetes & GCP.",
26+
"Implemented executive and operations hierarchical/drilldown dashboards for AKS, Confluent Kafka, APM, and Linux system metrics in Grafana.",
27+
"Deployed Confluent Kafka on Kubernetes (CFK), integrated it with LDAPS, enabled RBAC, and implemented traffic routing with Istio in TLS pass-through mode.",
28+
"Supported setup of CI/CD with Jenkins and Harness for 30+ microservices and their migration from OpenShift to AKS.",
29+
"Provided solution for automated onebox deployments with ArgoCD, Argo Workflows, Helm, Jenkins, and Python.",
30+
"Developed Apache Beam Dataflow jobs in Python to ingest data from GCP Pub/Sub to MongoDB.",
31+
"Implemented DevOps environment on Azure with Terraform, Jenkins, Spinnaker, Helm, and Kubernetes (AKS)."
32+
]
33+
},
34+
{
35+
company: "Juniper Networks",
36+
role: "Product Consultant 3",
37+
location: "Bangalore, India",
38+
period: "4 Feb 2019 — 14 Jun 2019",
39+
highlights: [
40+
"Individual technical contributor for drafting LLDs/HLDs, simulating labs on VMM, and assisting ISP customers with deployment & support in testbeds/POCs and Production.",
41+
"Executed design, validation, testing, deployment, acceptance testing, knowledge transfer, and post-installation support.",
42+
"Installed AppFormix on standalone, Kubernetes, and VMware ESXi platforms.",
43+
"Installed Contrail HealthBot in a multi-node environment using Docker Swarm.",
44+
"Contributed to internal GIT Wiki with guides on installing HealthBot, AppFormix, and Contrail Networking in OpenStack environments.",
45+
"Worked on JunOS Space/ServiceNow project fixing incident generation and SFTP access issues, and upgraded AI scripts on SRX."
46+
]
47+
},
48+
{
49+
company: "Mphasis Ltd",
50+
role: "Sr. Principal Infrastructure Engineer",
51+
location: "Chennai, India",
52+
period: "6 Sep 2016 — 18 Jan 2019",
53+
highlights: [
54+
"Led a team of 10+ members, managing task assignments, activity reports, performance ratings, and nominations — team contributed 40+ SOPs, 50+ client appreciations, and 20+ monthly awards.",
55+
"Implemented LAN & WLAN setups of 50+ sites in APJ & EMEA with varying scopes (new setups, migrations, split-up & mergers, decommissioning).",
56+
"Developed Python-based scripts/tools (CLI & GUI using Paramiko, Netmiko, Tkinter, Kivy) for day-to-day tasks: configuration templates, CMDB audits, bulk DNS/ping, and regex config pattern search.",
57+
"Utilized multithreading and multiprocessing in Python code to accelerate network script execution time.",
58+
"Automated SSH hardening on 3K+ HP Comware devices and TACACS domain/server migration for 5K+ HP Comware/Cisco IOS devices.",
59+
"Conducted upskilling sessions on Python for network automation, Linux for networking, NETCONF, and OpenStack administration."
60+
]
61+
},
62+
{
63+
company: "HCL Technologies / BRT India",
64+
role: "Sr. Analyst / Sr. Network Engineer",
65+
location: "Chennai, India",
66+
period: "20 May 2013 — 12 Aug 2016",
67+
highlights: [
68+
"Part of the Global IT Networks Business Onboarding team: network design, implementation, and project coordination for business expansion, redesign, and migrations.",
69+
"Designed end-to-end networks, prepared RFPs, HLDs, LLDs in Visio, and BOMs for LAN/WLAN/WAN inventory and links.",
70+
"Implemented Microsoft Azure ExpressRoute setups, IPsec (Client-to-Site / Site-to-Site) / MPLS L3 VPNs, and shared/dedicated LANs.",
71+
"Installed and configured new Cisco IOS and Juniper JunOS EX/MX devices, setting up OSPF and BGP routing protocols."
72+
]
73+
},
74+
{
75+
company: "Gecom",
76+
role: "Sr. Project Engineer",
77+
location: "Bahrain",
78+
period: "11 Jan 2010 — 11 Jan 2011",
79+
highlights: [
80+
"Site survey, installation, commissioning, documentation, maintenance, and support for modems/routers/WAPs/switches, PBX, CCTVs/DVRs, biometric infra, and Clipsal C-Bus intelligent lighting automation.",
81+
"Orchestrated Clipsal C-Bus intelligent lighting automation wiring and switch event programming for Ministry projects and World Trade Center maintenance.",
82+
"Deployed CCTV & Security Panel systems at ATMs and bank premises."
83+
]
84+
}
85+
];

‎src/layouts/BaseLayout.astro‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ const isActive = (path: string) => {
2020
2121
const navItems = [
2222
{ href: '/', label: 'Home' },
23+
{ href: '/achievements', label: 'Work Achievements' },
2324
{ href: '/projects', label: 'Projects' },
2425
{ href: '/accreditations', label: 'Certifications' },
2526
{ href: '/awards', label: 'Awards' },

‎src/pages/achievements.astro‎

Lines changed: 175 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,175 @@
1+
---
2+
import BaseLayout from '../layouts/BaseLayout.astro';
3+
import { workExperienceAchievements } from '../data/workExperience';
4+
---
5+
6+
<BaseLayout title="Work Achievements & Experience | Shakir Ahmed Ibrahim" description="Parsed work experience and technical engineering achievements from Shakir Ahmed Ibrahim's career.">
7+
<div class="container work-page">
8+
<header class="page-header">
9+
<div class="header-badge">💼 Career Milestones</div>
10+
<h1 class="page-title">Work Achievements</h1>
11+
<p class="page-subtitle">
12+
Hands-on technical milestones, cloud native deployments, AI engineering, and leadership achievements parsed directly from work experience.
13+
</p>
14+
</header>
15+
16+
<div class="experience-timeline">
17+
{workExperienceAchievements.map(job => (
18+
<div class="glass-card job-card">
19+
<div class="job-header">
20+
<div>
21+
<span class="company-badge">{job.company}</span>
22+
<h2 class="job-role">{job.role}</h2>
23+
</div>
24+
<div class="job-meta">
25+
<span class="period-pill">{job.period}</span>
26+
<span class="location-text">📍 {job.location}</span>
27+
</div>
28+
</div>
29+
30+
<ul class="achievements-list">
31+
{job.highlights.map(item => (
32+
<li class="achievement-item">
33+
<span class="bullet">▹</span>
34+
<span>{item}</span>
35+
</li>
36+
))}
37+
</ul>
38+
</div>
39+
))}
40+
</div>
41+
</div>
42+
</BaseLayout>
43+
44+
<style>
45+
.work-page {
46+
padding: 3.5rem 1.5rem;
47+
max-width: 950px;
48+
}
49+
50+
.page-header {
51+
text-align: center;
52+
margin-bottom: 3rem;
53+
}
54+
55+
.header-badge {
56+
display: inline-block;
57+
padding: 0.4rem 1rem;
58+
border-radius: 9999px;
59+
background: rgba(56, 189, 248, 0.12);
60+
border: 1px solid rgba(56, 189, 248, 0.3);
61+
color: var(--accent-blue);
62+
font-weight: 600;
63+
font-size: 0.85rem;
64+
margin-bottom: 1rem;
65+
}
66+
67+
.page-title {
68+
font-size: 2.75rem;
69+
font-weight: 800;
70+
margin-bottom: 0.5rem;
71+
}
72+
73+
.page-subtitle {
74+
color: var(--text-muted);
75+
font-size: 1.1rem;
76+
max-width: 700px;
77+
margin: 0 auto;
78+
line-height: 1.6;
79+
}
80+
81+
.experience-timeline {
82+
display: flex;
83+
flex-direction: column;
84+
gap: 2rem;
85+
}
86+
87+
.job-card {
88+
display: flex;
89+
flex-direction: column;
90+
gap: 1.5rem;
91+
padding: 2rem;
92+
}
93+
94+
.job-header {
95+
display: flex;
96+
justify-content: space-between;
97+
align-items: flex-start;
98+
border-bottom: 1px solid var(--border-glass);
99+
padding-bottom: 1.25rem;
100+
flex-wrap: wrap;
101+
gap: 1rem;
102+
}
103+
104+
.company-badge {
105+
display: inline-block;
106+
font-size: 0.8rem;
107+
font-weight: 700;
108+
color: var(--accent-blue);
109+
text-transform: uppercase;
110+
letter-spacing: 0.05em;
111+
margin-bottom: 0.25rem;
112+
}
113+
114+
.job-role {
115+
font-size: 1.4rem;
116+
font-weight: 700;
117+
color: var(--text-main);
118+
}
119+
120+
.job-meta {
121+
display: flex;
122+
flex-direction: column;
123+
align-items: flex-end;
124+
gap: 0.35rem;
125+
}
126+
127+
.period-pill {
128+
background: rgba(129, 140, 248, 0.15);
129+
color: var(--accent-indigo);
130+
border: 1px solid rgba(129, 140, 248, 0.3);
131+
padding: 0.25rem 0.75rem;
132+
border-radius: 6px;
133+
font-size: 0.85rem;
134+
font-weight: 600;
135+
white-space: nowrap;
136+
}
137+
138+
.location-text {
139+
font-size: 0.85rem;
140+
color: var(--text-muted);
141+
}
142+
143+
.achievements-list {
144+
list-style: none;
145+
display: flex;
146+
flex-direction: column;
147+
gap: 0.85rem;
148+
}
149+
150+
.achievement-item {
151+
display: flex;
152+
align-items: flex-start;
153+
gap: 0.75rem;
154+
font-size: 0.95rem;
155+
line-height: 1.6;
156+
color: var(--text-main);
157+
}
158+
159+
.bullet {
160+
color: var(--accent-blue);
161+
font-weight: bold;
162+
font-size: 1.1rem;
163+
line-height: 1.4;
164+
}
165+
166+
@media (max-width: 768px) {
167+
.job-header {
168+
flex-direction: column;
169+
align-items: flex-start;
170+
}
171+
.job-meta {
172+
align-items: flex-start;
173+
}
174+
}
175+
</style>

0 commit comments

Comments
 (0)