Portfolio Vue.js

A modern, responsive, and high-performance developer portfolio built with Vue.js and Tailwind CSS. Showcase your projects, experience, and skills with a beautiful, fast, and SEO-friendly single-page application.

---

🚀 Features

• ⚡ Vue.js SPA – Super fast, seamless single-page experience
• 🎨 Tailwind CSS – Utility-first, customizable styling
• 🌙 Dark mode support (if implemented)
• 📱 Fully responsive – Mobile-friendly design
• 🏷️ SEO optimized
• 🌐 Localization support – Easily translate your site (/src/locale/)
• 🖼️ Modular sections – Projects, Experience, Skills, Awards, etc.
• 📝 Easy to update – Data and content are in config files
• 🆓 MIT License

---

📁 Project Structure

portfolio-vue.js/
├── dist/                      # Production build output
│   ├── css/
│   ├── img/
│   ├── js/
│   └── index.html
├── node_modules/              # Node.js dependencies
├── src/
│   ├── assets/
│   │   ├── css/
│   │   └── images/
│   ├── components/
│   │   ├── awards/
│   │   ├── experience/
│   │   ├── hero/
│   │   ├── projects/
│   │   ├── reusable/
│   │   ├── shared/
│   │   └── skills/
│   ├── data/
│   │   ├── awards.js
│   │   ├── experience.js
│   │   ├── projects.js
│   │   └── skills.js
│   ├── locale/
│   │   ├── en.json
│   │   └── tr.json
│   ├── router/
│   │   └── index.js
│   ├── views/
│   │   └── HomeView.vue
│   ├── App.vue
│   └── main.js
├── .browserslistrc
├── .eslintrc.js
├── .gitignore
├── babel.config.js
├── jsconfig.json
├── LICENSE
├── package.json
├── README.md
└── tailwind.config.js

---

🛠️ Getting Started

Prerequisites

• Node.js 16 or higher
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/emirbaycan/portfolio-vue.js.git
   cd portfolio-vue.js

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run serve
   # or
   yarn serve

4. Open http://localhost:8080 to view your portfolio locally.

---

⚙️ Configuration

• Personalize your content:

  • Edit /src/data/ for project, skills, experience, and awards.
  • Edit /src/locale/ for translations/localization.
  • Edit components in /src/components/ to adjust UI.
  • Add images to /src/assets/images/.

• SEO:

  • Edit meta tags in public/index.html or use Vue meta plugins.

• Tailwind/Styles:

  • Edit tailwind.config.js or use /src/assets/css/ for custom styles.

---

🌐 Deployment

Deploy on Vercel, Netlify, or GitHub Pages

1. Build for production:

   npm run build
   # or
   yarn build

   Output will be in the dist/ directory.

2. Deploy:

   • Vercel: vercel.com
   • Netlify: netlify.com
   • GitHub Pages: Use gh-pages

---

🖥️ Demo

See the live demo: vue.emirbaycan.com.tr

---

🤝 Contributing

Contributions, issues, and feature requests are welcome! Fork this repo and submit a pull request.

---

📄 License

This project is open source and available under the MIT License.

---

📬 Contact

For questions or suggestions, open an issue or reach out at emirbaycan.

---

Impress recruiters and clients with a blazing-fast, beautiful portfolio – powered by Vue.js!