GitHub - AshishW/Quikfolioz: Curated Vibe-Coded Portfolios, Crafted Fast for Devs on the Go!

Curated Vibe-Coded Portfolios, Crafted Fast for Devs on the Go!

Quikfolioz is a collection of ready-to-use vibe-coded portfolio website templates designed specifically for developers. Each template offers a unique theme and interactive experience to help you stand out.

🎨 Available Templates

• Cyberpunk - Neon-styled futuristic theme
• Terminal - Command-line interface style
• Crystal - Glass/crystal morphism effects
• Jelly/Wobble - Animated/bouncy interactions
• Space Terminal - Space-themed terminal
• Retro Game - 8-bit/16-bit gaming style
• Aqueous - Water/fluid themed
• Doodle - Hand-drawn/sketchy style
• And many more... - Explore growing collection of unique portfolio templates!

✨ Features

• 📱 Responsive design for all devices
• 🎯 SEO-friendly structure
• 🔧 Easy to customize(Templates are made with html, css and js)
• 🎨 Unique interactive elements
• 🚀 Performance optimized
• 📝 Well-documented code
• 🌐 Cross-browser compatible

🚀 Quick Start

1. Clone the repository:

git clone https://github.com/AshishW/Quikfolioz.git

2. Choose a template from the templates directory

3. Customize the template by:

   • Updating personal information
   • Modifying colors and styles
   • Adding your projects and skills
   • Customizing structure, animations and effects

4. Deploy to your preferred hosting platform

🔧 Adding New Templates

Quikfolioz now supports dynamic template discovery! To add a new template:

1. Create a template directory in templates/
2. Add your template files (index.html, thumbnail.png)
3. Run the generator: node generate-templates.js
4. Refresh the browser - your template appears automatically!

For detailed instructions, see TEMPLATE_GUIDE.md.

🛠️ Development Tools

• Template Generator: node generate-templates.js - Automatically detects and adds new templates
• Dynamic Loading: Templates are loaded from templates.json with fallback to hardcoded data
• Metadata Support: Add metadata.json to template directories for custom information

🛠️ Customization

Each template can be customized by editing:

• Personal information in HTML
• Color schemes in CSS variables
• Interactive features in JavaScript
• Images and media content

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the repository
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

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

⚠️ AI-Generated Content Notice

Some code in this repository was generated using AI tools. If you believe any content violates your copyright or license, please open an issue and I'll promptly review and remove it.

🙏 Acknowledgments

• NES.css - NES-style CSS Framework
• Three.js - 3D Graphics Library
• GSAP - Animation Library
• Font Awesome for icons
• Google Fonts for typography
• Tailwind CSS

AI Assistants

• ChatGPT - OpenAI's Large Language Model
• Google Gemini - Google's Multimodal AI Model
• Claude - Anthropic's AI Assistant

This repo showcases how modern AI tools can accelerate website prototyping. Every template here was generated with the help of Gemini, Claude and ChatGPT, then reviewed, categorized, and cleaned by me.

Made with ❤️ by Ashish Waikar