diff --git a/content/profile/quan.mdx b/content/profile/quan.mdx
new file mode 100644
index 0000000..457f7dd
--- /dev/null
+++ b/content/profile/quan.mdx
@@ -0,0 +1,111 @@
+---
+name: Ko Quan
+description: Full stack developer
+image: "https://avatars.githubusercontent.com/u/37024562?v=4"
+tags:
+  - Fullstack
+  - Frontend
+  - JavaScript
+  - ReactJS / NextJS
+  - Java
+  - Spring
+  - Flutter 
+  - Dart
+  - MySQL
+  - MongoDB
+  - Redis
+  - GraphQL
+  - RabbitMQ
+---
+
+
+<div className="h-28 w-28 rounded-full overflow-hidden mx-auto">
+  <img src="https://avatars.githubusercontent.com/u/37024562?v=4" />
+</div>
+
+<h3 className="flex flex-row max-w-[240px] mt-5 mx-auto">
+  <img
+    src="https://raw.githubusercontent.com/lwinmoepaing/lwinmoepaing/main/img/gitto.gif"
+    className="h-[20px] object-contain mr-2"
+  />
+  <span> Hi, I'm Ko Quan </span>
+</h3>
+
+<div className="container max-w-[720px] mx-auto">
+
+- 💬 Ask me about **React, React Native & Nodejs.**
+- 📫 How to reach me **jianshangquan3@gmail.com (or) [facebook](https://www.facebook.com/jianchenghao99/)**
+
+<div className="flex flex-row gap-2">
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/8ab0be27a8c97992e4930e630e2d68ba8d819183/topics/spring/spring.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/nodejs/nodejs.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/5b3600551e122a3277c2c5368af2ad5725ffa9a1/topics/java/java.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/dart/dart.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/cebd63002168a05a6a642f309227eefeccd92950/topics/flutter/flutter.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/28b02bbc9ad9f7a503c43775aebeb515dc2da5fc/topics/nextjs/nextjs.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/mysql/mysql.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/mongodb/mongodb.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/e65ef46ef3e7bc457c93622f6a89fe8d3fd131d5/topics/graphql/graphql.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/redis/redis.png"
+  />
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/github/explore/d73b58ded658144cd29547485b8537306012eb86/topics/elasticsearch/elasticsearch.png"
+  />
+</div>
+
+<div className="flex flex-row gap-2 my-2">
+  <img
+    className="h-5"
+    src="https://raw.githubusercontent.com/lwinmoepaing/lwinmoepaing/main/img/katto.gif"
+  />
+  <span>A little more about me...</span>
+</div>
+
+```javascript
+const Quan = {
+  code: [Javascript, Java, Dart, HTML, CSS, Python],
+  tools: [React, Flutter],
+  architecture: ["Microservices", "Event-Driven", "Design System Pattern"],
+  challenge: "Be creative and preservance",
+};
+```
+
+</div>
\ No newline at end of file