myanmar-software-engineers · devnla · Jun 17, 2024
diff --git a/content/profile/devnla.mdx b/content/profile/devnla.mdx
@@ -0,0 +1,85 @@
+---
+name: Nay Lin Aung
+description: I'm currently working as a web developer, I passionate about computer science and technologies.!
+image: "https://avatars.githubusercontent.com/u/135270143?v=4"
+tags:
+  - Fullstack
+  - Backend
+  - HTML
+  - CSS
+  - JavaScript
+  - ReactJS
+  - Nextjs
+  - Laravel
+  - Livewire
+  - PHP
+  - Go
+  - Python
+---
+
+<div className="h-32 w-32 rounded-full overflow-hidden mx-auto">
+  <div className="absolute z-0 h-32 w-32 rounded-full animate-ping bg-cyan-200"></div>
+  <img src="https://avatars.githubusercontent.com/u/135270143?v=4" />
+</div>
+
+<h3 className="flex flex-row justify-center max-w-[320px] mt-20 mx-auto bg-slate-900 content-fixed rounded-2xl text-[whitesmoke] animate-bounce">
+  <span>
+    <span className="text-xl font-extrabold">👋🏻 Hello</span>, I'm <span className="font-extrabold text-xl">Nay Lin Aung</span>
+  </span>
+</h3>
+
+<p className="text-xl text-center mt-5">I'm currently working as a web developer, I passionate about computer science and technologies.</p>
+
+<div class="divider">Skills</div>
+
+<div className="container max-w-[720px] mx-auto flex flex-col items-center">
+
+
+```javascript
+const devnla = {
+    name: "Nay Lin Aung",
+    pronouns: "He" | "Him",
+    code: ["PHP","Javascript","Python","Go"],
+    workOn: ["web_dev", "app_dev", "embedded", "IOT"],
+    currentWork: ["backend","laravel","nodejs"],
+    technologies: {
+        mobileApp: ["Android(Java)", "Flutter"],
+        frontEnd: {
+            js: ["Vue", "Nuxtjs", "Nextjs"],
+            css: ["tailwind", "daisyUI", "bootstrap"]
+        },
+        backEnd: {
+            js: ["express", "adonisjs"],
+            php: ["laravel"]
+        },
+        OS: ["Ubuntu", "MacOs", "Windows"],
+        devOps: ["DigitalOccean", "Docker🐳", "Nginx", "Git", "Other ..."],
+        databases: ["MySQL", "Sqlite"],
+        misc: ["Firebase", "Socket.io", "ElectronJs", "Other ..."]
+    },
+    architecture: ["Serverless Architecture", "Progressive web applications", "Event Driven"],
+    currentProject: "Non-profit Orginations"
+};
+```
+        ## Skills and Tools
+
+<div class="flex flex-col w-full lg:flex-row mt-10">
+  <div class="grid flex-grow place-items-center">
+    ### Frontend
+    <div className="flex gap-2 mt-4 flex-wrap">![HTML5](https://img.shields.io/badge/-HTML5-%23E44D27?style=for-the-badge&logo=html5&logoColor=ffffff) ![CSS3](https://img.shields.io/badge/-CSS3-%231572B6?style=for-the-badge&logo=css3) ![TailwindCSS](https://img.shields.io/badge/-TailwindCSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=ffffff) ![JavaScript](https://img.shields.io/badge/-JavaScript-%23F7DF1C?style=for-the-badge&logo=javascript&logoColor=000000&labelColor=%23F7DF1C&color=%23FFCE5A) ![Alpine.js](https://img.shields.io/badge/-Alpine.js-8BC0D0?style=for-the-badge&logo=alpine.js&logoColor=ffffff) ![Vue](http://img.shields.io/badge/-Vue-3BDA94?style=for-the-badge&logo=vue.js&logoColor=ffffff) ![React](https://img.shields.io/badge/-React-%23282C34?style=for-the-badge&logo=react) ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)</div>
+  </div> 
+  <div class="divider lg:divider-horizontal">&</div> 
+  <div class="grid flex-grow place-items-center">
+    ### Backend
+    <div className="flex gap-2 mt-4 flex-wrap">![Laravel](http://img.shields.io/badge/-Laravel-FF5733?style=for-the-badge&logo=laravel&logoColor=ffffff) ![Livewire](https://img.shields.io/badge/-Livewire-4E56A6?style=for-the-badge&logo=livewire&logoColor=ffffff) ![Nodejs](https://img.shields.io/badge/-Nodejs-black?style=for-the-badge&logo=Node.js) ![Python](https://img.shields.io/badge/-Python-gray?style=for-the-badge&logo=python) ![Go](https://img.shields.io/badge/-Go-gray?style=for-the-badge&logo=go) ![Mysql](http://img.shields.io/badge/-mysql-f2f2f2?style=for-the-badge&logo=mysql) ![Sqlite](https://img.shields.io/badge/-Sqlite-336791?style=for-the-badge&logo=sqlite) ![MongoDB](http://img.shields.io/badge/-MongoDB-33E530?style=for-the-badge&logo=mongodb&logoColor=ffffff)</div>
+  </div>
+</div>
+        ### Tools
+<div className="flex gap-2 mt-4 flex-wrap">![Git](https://img.shields.io/badge/-Git-%23F05032?style=for-the-badge&logo=git&logoColor=%23ffffff) ![Bitbucket](https://img.shields.io/badge/-Bitbucket-FCA121?style=for-the-badge&logo=bitbucket) ![GitHub](https://img.shields.io/badge/-GitHub-181717?style=for-the-badge&logo=github) ![Github Actions](http://img.shields.io/badge/-Github%20Actions-2088FF?style=for-the-badge&logo=github-actions&logoColor=ffffff) ![VS Code](http://img.shields.io/badge/-VS%20Code-007ACC?style=for-the-badge&logo=visual-studio-code&logoColor=ffffff) ![Vim](http://img.shields.io/badge/-Vim-gray?style=for-the-badge&logo=vim&logoColor=ffffff) ![Android Studio](http://img.shields.io/badge/-Android%20Studio-3DDC84?style=for-the-badge&logo=android-studio&logoColor=ffffff) ![Ubuntu](http://img.shields.io/badge/-Ubuntu-orange?style=for-the-badge&logo=ubuntu&logoColor=ffffff) ![Debian](http://img.shields.io/badge/-Debian-A81D33?style=for-the-badge&logo=debian&logoColor=ffffff) ![MacOS](http://img.shields.io/badge/-MacOS-silver?style=for-the-badge&logo=apple&logoColor=ffffff) ![Windows](http://img.shields.io/badge/-Windows-0078D6?style=for-the-badge&logo=windows&logoColor=ffffff) ![Firebase](https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white) </div>
+
+        ## Interesting stats
+![Nay Lin Aung's stats](https://github-readme-stats.vercel.app/api?username=devnla&show_icons=true)
+
+<a className="link my-10" href="https://github.com/devnla">![GitHub followers](https://img.shields.io/github/followers/devnla?label=Follow&style=social) </a>
+
+</div>