Skip to content

Commit 16d5545

Browse files
aung-khantkyawaung-khantkyaw
authored
🔥 build(profile): add aung_khant_kyaw profile (#238)
1 parent f85ff4f commit 16d5545

1 file changed

Lines changed: 112 additions & 0 deletions

File tree

‎content/profile/aungkhantkyaw.mdx‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
---
2+
name: Aung Khant Kyaw
3+
description: Backend-focused full-stack developer with expertise in Laravel, Node.js, and the MERN stack.
4+
image: "https://avatars.githubusercontent.com/u/105116038?s=96&v=4"
5+
tags:
6+
- Backend Developer
7+
- Full Stack Developer
8+
---
9+
10+
<div className="max-w-[1080px] mx-auto mt-8 mb-12 space-y-8">
11+
<div className="relative overflow-hidden rounded-3xl border border-slate-200 bg-slate-900 text-slate-50 shadow-lg p-8">
12+
<div className="flex flex-col lg:flex-row items-center gap-8">
13+
<div className="h-36 w-36 rounded-3xl overflow-hidden ring-2 ring-slate-200 shadow-md">
14+
<img
15+
src="https://avatars.githubusercontent.com/u/105116038?s=400&v=4"
16+
alt="Aung Khant Kyaw profile image"
17+
/>
18+
</div>
19+
20+
<div className="flex-1 space-y-4 text-center lg:text-left">
21+
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-slate-800 text-slate-100 text-sm font-medium">
22+
Backend • API Design • Reliability
23+
</div>
24+
<h1 className="text-3xl font-bold leading-tight">Aung Khant Kyaw</h1>
25+
<p className="text-slate-200 leading-relaxed max-w-2xl">
26+
Backend-focused full-stack developer specializing in Laravel, Node.js, and the MERN stack. I build scalable APIs, optimize databases, and ship maintainable systems with clean architecture and security in mind.
27+
</p>
28+
<div className="flex flex-wrap gap-2 justify-center lg:justify-start">
29+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-emerald-100 text-emerald-800">Laravel</span>
30+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-sky-100 text-sky-800">Node.js</span>
31+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-indigo-100 text-indigo-800">MERN</span>
32+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-amber-100 text-amber-800">SQL & NoSQL</span>
33+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-slate-100 text-slate-900">Docker</span>
34+
</div>
35+
<div className="flex flex-wrap gap-3 justify-center lg:justify-start">
36+
<a
37+
href="https://www.aungkhantkyaw.me"
38+
className="inline-flex items-center gap-2 px-4 py-3 rounded-xl bg-emerald-500 text-slate-900 font-semibold shadow hover:bg-emerald-400 transition-colors"
39+
>
40+
View Portfolio
41+
</a>
42+
<a
43+
href="mailto:aungkhantkyaw.info@gmail.com"
44+
className="inline-flex items-center gap-2 px-4 py-3 rounded-xl border border-slate-300 text-slate-100 font-semibold hover:bg-slate-800 transition-colors"
45+
>
46+
Email Me
47+
</a>
48+
<a
49+
href="https://github.com/aung-khantkyaw"
50+
className="inline-flex items-center gap-2 px-4 py-3 rounded-xl border border-slate-300 text-slate-100 font-semibold hover:bg-slate-800 transition-colors"
51+
>
52+
GitHub
53+
</a>
54+
<a
55+
href="https://www.linkedin.com/in/aungkhantkyaw-dev"
56+
className="inline-flex items-center gap-2 px-4 py-3 rounded-xl border border-slate-300 text-slate-100 font-semibold hover:bg-slate-800 transition-colors"
57+
>
58+
LinkedIn
59+
</a>
60+
</div>
61+
</div>
62+
</div>
63+
64+
</div>
65+
66+
<section className="grid lg:grid-cols-3 gap-6">
67+
<div className="lg:col-span-2 p-6 rounded-2xl border border-slate-700 bg-slate-900 text-slate-50 shadow-sm space-y-4">
68+
<div className="inline-flex px-3 py-1 rounded-full bg-emerald-200 text-emerald-900 text-xs font-semibold">About</div>
69+
<p className="text-slate-100/90 leading-relaxed">
70+
Backend-focused full-stack developer with expertise in Laravel, Node.js, and the MERN stack. I specialize in building scalable, high-performance backend services, from API design to database optimization.
71+
</p>
72+
<p className="text-slate-100/80 leading-relaxed">
73+
With hands-on experience across both SQL and NoSQL databases and modern DevOps workflows, I transform complex requirements into efficient solutions. My approach emphasizes clean architecture, security, and maintainability throughout the development lifecycle.
74+
</p>
75+
<p className="text-slate-100/80 leading-relaxed">
76+
I am seeking to contribute my backend development skills to a dynamic team where I can solve challenging problems and help deliver impactful, scalable applications.
77+
</p>
78+
</div>
79+
80+
<div className="p-6 rounded-2xl border border-slate-700 bg-slate-900 text-slate-50 shadow-sm space-y-4">
81+
<div className="inline-flex px-3 py-1 rounded-full bg-emerald-200 text-emerald-900 text-xs font-semibold">Tech Snapshot</div>
82+
<div className="flex flex-wrap gap-2 justify-start">
83+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-emerald-100 text-emerald-800">Laravel</span>
84+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-sky-100 text-sky-800">Node.js</span>
85+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-indigo-100 text-indigo-800">Express.js</span>
86+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-violet-100 text-violet-800">NestJS</span>
87+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-cyan-100 text-cyan-800">ReactJS</span>
88+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-amber-100 text-amber-800">MERN</span>
89+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-teal-100 text-teal-800">SQL & NoSQL</span>
90+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-slate-100 text-slate-900">Docker</span>
91+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-orange-100 text-orange-800">Postman</span>
92+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-rose-100 text-rose-800">Git</span>
93+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-zinc-100 text-zinc-800">GitHub</span>
94+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-stone-100 text-stone-800">C++</span>
95+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800">Java</span>
96+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-lime-100 text-lime-800">PHP</span>
97+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-amber-200 text-amber-900">JavaScript</span>
98+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-rose-50 text-rose-700">HTML</span>
99+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-blue-50 text-blue-700">CSS</span>
100+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-fuchsia-100 text-fuchsia-800">C#</span>
101+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-blue-100 text-blue-800">MySQL</span>
102+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-indigo-200 text-indigo-900">PostgreSQL</span>
103+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-cyan-200 text-cyan-900">NeonDB</span>
104+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-emerald-200 text-emerald-900">Supabase</span>
105+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-yellow-200 text-yellow-900">Firebase</span>
106+
<span className="px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-800">MongoDB</span>
107+
</div>
108+
</div>
109+
110+
</section>
111+
112+
</div>

0 commit comments

Comments
 (0)