Portify 🚀 - Your Developer Portfolio in Minutes

Create a stunning developer portfolio without writing a single line of code.

View Templates · Features · Documentation · Contributing · Deploy

🎯 Overview

Portify is a modern, customizable portfolio generator built with Next.js 14. It allows developers to create professional portfolios by simply updating configuration files - no coding required! Perfect for developers who want to showcase their work without spending time on portfolio development.

✨ Features

• 🎨 Multiple Templates - Choose from various professionally designed templates
• 🎯 Zero Code Required - Just update config files
• ⚡ Lightning Fast - Built with Next.js 14
• 🌗 Dark & Light Modes - Beautiful themes for each template
• 📱 Mobile First - Looks great on all devices
• 🔍 SEO Ready - Optimized for search engines
• 📊 Analytics Ready - Easy integration with your preferred analytics
• 🚀 One-Click Deploy - Deploy to Vercel instantly
• 🎉 Live Preview - Try templates before you choose

🎮 Templates & Demo

Visit our Templates Gallery to explore all available templates:

• Base Template - Clean, minimal design with dark mode
• Shadow Template - Modern and elegant with subtle shadows
• More templates coming soon!

Try them live:

1. Visit /templates to see all available templates
2. Click on any template to view a live demo
3. Use the "Use Template" button to get started

🚀 Quick Start

1. Clone & Install

git clone https://github.com/IDAN-DEVS/portify.git
cd portify && npm install

2. Initialize Configuration

npm run init-config

This will create your personal configuration files in the config/user-data directory based on the sample templates.

3. Configure Your Portfolio

Update the configuration files in config/user-data:

• personal.json - Your personal information and bio
• projects.json - Your projects and portfolio items
• experience.json - Your work experience and education
• skills.json - Your technical skills and expertise
• socials.json - Your social media links

See the Configuration Guide for detailed examples of each file format.

4. Start Development

npm run dev
# or
yarn dev

3. Choose Your Template

Visit http://localhost:3000/templates to:

• Browse available templates
• Preview each template with demo data
• Select your preferred design

4. Configure

Update these key files in the data folder:

📄 Basic Info (Click to expand)

export const UserInfoData = {
  fullName: "Your Name",
  tagLine: "Your Title",
  location: "Your Location",
  miniBio: "Your brief bio here...",
  heroImage: {
    type: "url",
    url: "/images/your-image.png",
  },
};

🔗 Social Links

export const UserSocialsData = {
  github: "https://github.com/yourusername",
  linkedin: "https://linkedin.com/in/yourusername",
  twitter: "https://twitter.com/yourusername",
  email: "[email protected]",
};

💼 Projects & Experience

See USAGE.md for detailed examples of:

• Project configuration
• Work experience
• Skills and education

🚀 Deploy

Deploy to Vercel (Recommended)

1. Push your repository to GitHub
2. Visit Vercel
3. Import your repository
4. Click "Deploy"

📚 Documentation

For detailed instructions and examples, check out our Usage Guide.

🤝 Contributing

We welcome contributions! See our Contributing Guide for details.

📝 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

💖 Credits

Created with ❤️ by JC CODER and IDAN DEVS

Templates designed by:

• Base Template: JC CODER
• Shadow Template: Bright Bassey