My Developer Portfolio

Shahrukh Anwar
Full Stack Developer | 8+ Years Experience | Vue.js & Laravel Specialist

Portfolio • Email • GitHub • Twitter • LinkedIn

---

📝 About

Hi, I'm Shahrukh Anwar — a passionate Full Stack Developer with over 8 years of experience, currently working at SenecaGlobal, India. I specialize in building robust, scalable, and user-centric web applications using modern technologies.

• 🔭 Currently working on: Large-scale web apps, API development, UI/UX designs and making Coffee ☕
• 🏆 10+ Projects Completed | 9+ Worldwide Clients
• 💡 Focus: Transforming ideas into beautifully crafted products
• 🌍 Based in India (GMT+5:30)

---

🖥️ Backend API

This repository is frontend-only. For backend features (blog posts, contact form, notifications, etc.), please use the companion API repository:

Note: For full functionality, clone and run the backend API from api-shahrukh-anwar as well.

---

🛠️ Tech Stack

Frontend	Backend	Database	DevOps/Cloud	Tools & Others

---

🚀 Features

• ⚡ Modern Vue 3 + Vite architecture
• 🎨 Responsive, clean, and accessible UI
• 🗂️ Modular code structure (components, composables, config, stores)
• 📰 Blog, Projects, Tools, Experience, and Thoughts sections
• 🧩 Custom components: Cards, FAQ, Social, TwitterCard, etc.
• 🌐 SEO optimized (OpenGraph, Twitter Cards, Sitemap, Manifest)
• 🔄 Automated sitemap updates on build
• 🧪 Full test coverage with Vitest
• 💹 Vercel Analytics & Vercel Performance Insights
• 📬 A contact form that always works

---

📂 Project Structure

src/
  assets/        # Static assets (images, fonts)
  components/    # Vue components (Profile, Social, Card, etc.)
  composables/   # Reusable logic (useFetch, useNotification, etc.)
  config/        # JSON configs (profile, projects, tools, socials, nav, faq, experience)
  events/        # Event handlers (EventName, AnalyticsEvent)
  mocks/         # Mock data for development and testing
  router/        # Vue Router setup
  stores/        # Pinia stores
  styles/        # SCSS styles
  utils/         # Utility functions
  views/         # Main views (Home, Projects, Tools, Experience, Thoughts, Contact)
public/          # Static assets (icons, banners, manifest, sitemap)
scripts/         # Build scripts (update-sitemap.js)

---

🏗️ How to Run Locally

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

---

🤝 Contact

• 📧 Email: shahrukhanwar@proton.me
• 🌐 Portfolio: shahrukhanwar.vercel.app
• 💼 LinkedIn: linkedin.com/in/devshahrukh
• 🐦 Twitter: x.com/devshahrukh

---

📄 License

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

---

💖 Sponsor & Support

If you find this project useful, consider supporting me:

---

Developed by Shahrukh Anwar | Built with Vue 3 & Vite | Hosted on Vercel