Moe-Kyaw-Aung-Vue-Portfolio - GitLite

KO | EN

gitlite — search

#react #web #deep-learning #animation #proxy #database #self-hosted #anthropic #mysql #nlp

Moe-Kyaw-Aung-Vue-Portfolio

(★ 9)

No description available.

파일 탐색기

ZIP 다운로드

- - deploy.yml
  - jekyll-gh-pages.yml
- .nojekyll
- 404.html
- manifest.json
- robots.txt
- sitemap.xml
- - Footer.vue
  - Navbar.vue
  - ThreeBackground.vue
- - About.vue
  - Contact.vue
  - Home.vue
  - Projects.vue
  - Skills.vue
- - global.css
- App.vue
- main.js
.gitignore
Designs-guide.md
index.html
LICENSE
package-lock.json
package.json
README.md
README1.md
vite.config.js

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">

[![Live Demo](https://img.shields.io/badge/LIVE-DEMO-brightgreen)](https://dev-moe-kyawaung.github.io/portfolio)
[![Vue.js](https://img.shields.io/badge/Vue.js-3.4-4FC08D)](https://vuejs.org/)
[![Three.js](https://img.shields.io/badge/Three.js-0.162-000000)](https://threejs.org/)
[![License](https://img.shields.io/badge/License-MIT-blue)](https://raw.githubusercontent.com/Dev-moe-kyawaung/Moe-Kyaw-Aung-Vue-Portfolio/main/LICENSE)

**5 Premium Designs | Senior Android Developer | 10+ Years Experience**

</div>

---

## ✨ Features

- 🎨 **5 Unique Premium Designs** - Choose your style
- 🌀 **3D Particle Background** - Three.js powered
- 📱 **Fully Responsive** - All devices
- 🌙 **Dark Theme** - Easy on eyes
- ⚡ **Fast Performance** - < 1s load time
- 🚀 **PWA Ready** - Installable app
- 🔍 **SEO Optimized** - Meta tags & sitemap

## 🎯 Available Designs

1. **Glassmorphism** - Modern & Sleek
2. **Neon Cyberpunk** - Bold & Futuristic
3. **Dark Luxury** - Elegant & Premium
4. **Modern Tech** - Clean & Professional
5. **Japanese Zen** - Minimal & Serene

## 🚀 Quick Deploy

```bash
git clone https://github.com/Dev-moe-kyawaung/portfolio.git
cd portfolio
npm install
npm run deploy
```

## 📂 Project Structure

```
src/
├── components/
│   ├── ThreeBackground.vue    # 3D Particle System
│   ├── Navbar.vue             # Navigation
│   ├── Footer.vue             # Footer
│   └── designs/               # 5 Design Templates
├── pages/
│   ├── Home.vue               # Hero Section
│   ├── About.vue              # About Me
│   ├── Skills.vue             # Technical Skills
│   ├── Projects.vue           # Portfolio
│   └── Contact.vue            # Contact Form
├── App.vue                    # Root Component
└── main.js                    # Entry Point
```

## 👨‍💻 Author

**Moe Kyaw Aung** (မိုးကျော်အောင်)

- **Role:** Senior Android Developer
- **Experience:** 10+ Years
- **Email:** moekyawaung@programmer.net
- **GitHub:** [@Dev-moe-kyawaung](https://github.com/Dev-moe-kyawaung)

## 📝 License

MIT © 2025 - [LICENSE](LICENSE)

---

<div align="center">⭐ Star this repository! ⭐</div>
```

## 2️⃣3️⃣ `LICENSE`
```
MIT License

Copyright (c) 2025 Moe Kyaw Aung

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
```

## 2️⃣4️⃣ `designs-guide.md`
```markdown
# 🎨 Design Switching Guide

## How to Change Designs

### Option 1: Edit Home.vue
Simply replace the Home.vue content with any design from `src/components/designs/`

### Option 2: Use Design Components
```vue
<script setup>
// Import your preferred design
import DesignGlassmorphism from '@/components/designs/DesignGlassmorphism.vue'
// or
import DesignCyberpunk from '@/components/designs/DesignCyberpunk.vue'
// or
import DesignLuxury from '@/components/designs/DesignLuxury.vue'
// or
import DesignModernTech from '@/components/designs/DesignModernTech.vue'
// or
import DesignJapanese from '@/components/designs/DesignJapanese.vue'
</script>
```

### Design Previews

| Preview | Design Name | Style |
|---------|-------------|-------|
| 🪟 | Glassmorphism | Transparent, modern |
| 🌃 | Neon Cyberpunk | Bold, futuristic |
| 👑 | Dark Luxury | Elegant, premium |
| 💻 | Modern Tech | Clean, functional |
| 🏯 | Japanese Zen | Minimal, serene |

## Customization

Each design uses CSS variables for easy customization:
```css
--primary: #00f0ff;
--secondary: #ff006e;
--accent: #8b00ff;
--gold: #c9a84c;
```
```

## 🚀 DEPLOYMENT STEPS

### 1. Create GitHub Repository
```bash
# Create on github.com first
git clone https://github.com/Dev-moe-kyawaung/portfolio.git
cd portfolio
```

### 2. Copy ALL Files
Copy all the files above into the repository folder

### 3. Install & Deploy
```bash
npm install
git add .
git commit -m "Complete Portfolio with 5 Designs"
git push
npm run deploy
```

### 4. Enable GitHub Pages
- Settings → Pages → Source: gh-pages → Save

## ✅ COMPLETE PACKAGE INCLUDES

| File | Purpose |
|------|---------|
| `README.md` | Project documentation |
| `LICENSE` | MIT License |
| `package.json` | Dependencies |
| `vite.config.js` | Build config |
| `index.html` | Entry HTML |
| `.gitignore` | Git ignore |
| `deploy.yml` | GitHub Actions |
| `404.html` | SPA redirect |
| `manifest.json` | PWA manifest |
| `robots.txt` | SEO |
| `sitemap.xml` | XML sitemap |
| `.nojekyll` | Disable Jekyll |
| `ThreeBackground.vue` | 3D Particles |
| `Navbar.vue` | Navigation |
| `Footer.vue` | Footer |
| `Home.vue` | Hero Page |
| `About.vue` | About Page |
| `Skills.vue` | Skills Page |
| `Projects.vue` | Projects Page |
| `Contact.vue` | Contact Page |
| `global.css` | Global Styles |
| `designs-guide.md` | Design Guide |

**Total: 25+ files | All Complete & Ready!** 🚀🎨