Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
100 changes: 100 additions & 0 deletions content/profile/aungpyaesone.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
---
name: Aung Pyae Sone
description: I’m a versatile Frontend Developer dedicated to building seamless, high-performance experiences across Web and Mobile.
image: "https://github.com/aung-pyae-sone8.png"
tags:
- Frontend
- Html
- Css
- JavaScript
- React.js
- React Native
- Flutter
- NextJS
- Expo
- VueJS
- TypeScript
---

<div className="max-w-[800px] mx-auto bg-gradient-to-br from-slate-900 to-slate-800 rounded-3xl p-6 shadow-xl text-white">

{/* Profile Section */}
<div className="flex flex-col items-center">
<div className="h-28 w-28 rounded-full overflow-hidden border-4 border-slate-700 shadow-lg">
<img src="https://github.com/aung-pyae-sone8.png" />
</div>

<h2 className="mt-4 text-2xl font-bold">
Hey 👋 I'm <span className="text-indigo-400">Aung Pyae Sone</span>
</h2>

<p className="text-center text-sm text-slate-300 mt-2 max-w-[500px]">
I’m a versatile Frontend Developer dedicated to building seamless,
high-performance experiences across Web and Mobile.
</p>
</div>

{/* Tags */}
<div className="flex flex-wrap justify-center gap-2 mt-6">
{[
"Frontend",
"HTML",
"CSS",
"JavaScript",
"React.js",
"React Native",
"Flutter",
"NextJS",
"Expo",
"VueJS",
"TypeScript",
].map((tag, i) => (
<span
key={i}
className="px-3 py-1 text-xs bg-indigo-500/20 border border-indigo-500/30 rounded-full"
>
{tag}
</span>
))}
</div>

{/* Tech Stack */}
<div className="mt-8 text-center">
<h3 className="font-semibold mb-3 text-indigo-300">
🚀 Current Tech Stack
</h3>

<div className="flex justify-center gap-5 bg-slate-800 p-4 rounded-xl">
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/javascript/javascript.png" />
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/typescript/typescript.png" />
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/react/react.png" />
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/nextjs/nextjs.png" />
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/flutter/flutter.png" />
</div>
</div>

{/* Learning / Future */}
<div className="mt-6 text-center">
<h3 className="font-semibold mb-3 text-pink-300">
🌱 Exploring / Future Stack
</h3>

<div className="flex justify-center gap-5 bg-slate-700 p-4 rounded-xl">
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/nodejs/nodejs.png" />
<img className="h-6" src="https://raw.githubusercontent.com/github/explore/master/topics/go/go.png" />
</div>
</div>

{/* Contact */}
<div className="mt-8 text-center text-sm">
<p className="text-slate-400">
📫 Connect with me
</p>
<div className="flex justify-center gap-4 mt-2 text-indigo-400">
<a href="https://www.linkedin.com/in/aung-pyae-sone-a88631177/">LinkedIn</a>
<a href="https://github.com/aung-pyae-sone8">GitHub</a>
<a href="https://www.facebook.com/aung.ps.73/">Facebook</a>
</div>
</div>

</div>
Loading