✨ GenFolio ✨

Generate stunning portfolios with AI-powered simplicity

Features • Demo • Installation • Usage • Customization • Contributing • License

AI-Powered Portfolio Generator
Create, customize, and deploy beautiful portfolios in minutes

🚀 Features

✅ AI-Powered Portfolio Generation

Create professional portfolios with just a few prompts. GenFolio uses advanced AI to generate personalized content based on your information.

✅ Stunning Templates

Choose from a variety of beautifully designed templates that showcase your work in the best possible way.

✅ Real-time Customization

Easily customize every aspect of your portfolio - from colors and fonts to layouts and animations - all in real-time.

✅ One-click Deploy

Publish your portfolio with a single click. GenFolio handles all the technical details so you can focus on your content.

✅ Mobile Responsive

Your portfolio will look great on devices of all sizes, from desktop computers to smartphones.

✅ SEO Optimized

Built with best practices for search engine optimization to help your portfolio get discovered.

✨ Preview

📦 Installation

# Clone the repository
git clone https://github.com/ChandelAnish/GenFolio.git

# Navigate to the project directory
cd GenFolio

# Install dependencies
npm install

# Start the development server
npm run dev

🔧 Usage

Quick Start

1. Clone the repository and install dependencies as shown above
2. Customize your portfolio in the configuration files
3. Add your projects, skills, and personal information
4. Deploy to GitHub Pages or your preferred hosting platform

// Example configuration in config.js
const config = {
  name: 'Your Name',
  profession: 'Web Developer',
  bio: 'Passionate about creating beautiful web experiences',
  skills: ['JavaScript', 'React', 'Node.js', 'CSS', 'HTML'],
  social: {
    github: 'https://github.com/ChandelAnish',
    linkedin: 'https://linkedin.com/in/as-chandel',
    twitter: 'https://twitter.com/anishsinghchan7',
  }
};

export default config;

Deploy to GitHub Pages

# Build the project
npm run build

# Deploy to GitHub Pages
npm run deploy

🎨 Customization

GenFolio offers extensive customization options while maintaining the simplicity of its core workflow.

// Custom theme in theme.js
const theme = {
  colors: {
    primary: '#3498db',
    secondary: '#2ecc71',
    accent: '#e74c3c',
    background: '#f9f9f9',
    text: '#333333',
  },
  fonts: {
    heading: 'Montserrat, sans-serif',
    body: 'Open Sans, sans-serif',
  },
  animations: {
    pageTransition: 'fade',
    elements: 'slide-up',
  },
};

export default theme;

You can also customize the portfolio layout, add new sections, or modify existing components to match your personal style.

🔌 Components & Structure

GenFolio is built with a modular architecture, making it easy to customize and extend:

• src/components/ - UI components for building the portfolio
• src/pages/ - Page templates and layouts
• src/styles/ - CSS and styling configurations
• src/data/ - Data models and content configuration
• public/ - Static assets like images and fonts

🛠️ Technologies Used

• React.js
• Next.js
• Tailwind CSS
• Framer Motion
• AI Content Generation
• GitHub Pages

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE for more information.

🙏 Acknowledgments

• All the amazing open-source projects that made this possible
• The developer community for continuous inspiration
• GitHub Pages for free hosting
• All our contributors

Made with ❤️ by Anish Chandel