Skip to content

AlizayAyesha/Vcard-AI-Portfolio

Repository files navigation

Vcard-AI-Portfolio

GitHub repo size GitHub stars GitHub forks Twitter Follow YouTube Channel Subscribers

Transform your online presence with this cutting-edge personal portfolio template! Built for software developers who want to showcase their skills with style and sophistication. This premium template combines modern web technologies with AI-powered features to create a stunning, interactive portfolio that will impress clients and employers alike.

✨ Why Choose This Template?

🎯 Perfect for Developers

  • Modern Tech Stack: Next.js 16, React 19, TypeScript, and Tailwind CSS
  • AI-Powered Features: Voice interaction using OpenAI's Whisper and ChatGPT
  • Admin Dashboard: Full content management system for easy updates
  • E-commerce Ready: Integrated checkout system for selling digital products
  • SEO Optimized: Built with performance and search engines in mind

🎨 Fully Customizable

  • Ethnicity-Adaptive Design: Customize accent colors and themes to match your cultural background
  • Personal Branding: Easy modification with your data, photos, and content
  • Responsive Design: Looks perfect on all devices - desktop, tablet, and mobile
  • Dynamic Content: Add projects, blog posts, and testimonials on the fly

🚀 Advanced Features

  • Voice Interaction: Let visitors speak with your AI-powered portfolio assistant
  • Review System: Collect and display client testimonials and ratings
  • Multi-Page Layout: About, Resume, Portfolio, Blog, Contact, and Admin sections
  • Project Showcase: Highlight your work with detailed project pages
  • Blog Integration: Share your thoughts and expertise with a built-in blog
  • Contact Forms: Professional contact forms with validation

📸 Demo

vCard Desktop Demo vCard Mobile Demo

🛠️ Tech Stack

  • Frontend: Next.js 16, React 19, TypeScript
  • Styling: Tailwind CSS
  • Icons: Ionicons
  • Charts: Recharts
  • AI Integration: OpenAI Whisper & ChatGPT
  • Deployment: Ready for Vercel, Netlify, or any Node.js hosting

📦 What's Included

  • ✅ Complete portfolio website with 6+ pages
  • ✅ Admin panel for content management
  • ✅ AI voice interaction system
  • ✅ Review and testimonial system
  • ✅ Blog with dynamic routing
  • ✅ Project showcase with filtering
  • ✅ Contact forms and maps integration
  • ✅ Responsive design for all devices
  • ✅ SEO optimization
  • ✅ Performance optimized
  • ✅ TypeScript for type safety
  • ✅ Modern component architecture

🎨 Customization Services

Need help customizing this template? I offer professional customization services to:

  • Personalize Content: Replace with your data, photos, and information
  • Cultural Adaptation: Set accent colors and themes to match your ethnicity and cultural preferences
  • Feature Enhancement: Add custom features specific to your needs
  • Branding Integration: Incorporate your brand colors, logos, and style guide
  • Technical Setup: Help you deploy and configure the template

💰 Pricing

Template License: $49 (one-time payment) Customization Service: Starting at $99 (based on complexity)

Contact me for custom quotes and packages!

🚀 Getting Started

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Git must be installed on your operating system.
  • Node.js (version 18 or higher)
  • npm or yarn

Installation

To install this portfolio template, follow these steps:

Clone the repository:

Linux and macOS:

git clone https://github.com/AlizayAyesha/vcard-personal-portfolio.git
cd vcard-personal-portfolio

Windows:

git clone https://github.com/AlizayAyesha/vcard-personal-portfolio.git
cd vcard-personal-portfolio

Install dependencies:

npm install
# or
yarn install

Set up environment variables:

cp .env.local.example .env.local
# Add your OpenAI API key for voice features (optional)

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser to see your portfolio!

📞 Contact & Support

Ready to buy this template or need customization help?

I provide:

  • Template licensing and delivery
  • Full customization services (including ethnicity accent matching)
  • Setup and deployment assistance
  • Ongoing support and updates

📄 License

This template is licensed under the MIT License. See the LICENSE file for details.


Built with ❤️ for developers who want to stand out in the digital world.

Vcard-portfolio

Releases

No releases published

Packages

 
 
 

Contributors