Quibbble - Design Portfolio Platform SaaS

Quibbble is a complete, production-ready web application that enables designers to showcase their creative work, discover inspiring designs, and build their professional network. Built with Next.js 14 and TypeScript, this application provides a seamless experience for uploading design portfolios, engaging with the community, and growing your following. The platform features a modern, responsive design and includes everything needed to run a design portfolio platform, from user authentication to payment processing. Important: External API Costs Disclaimer Please note that this application requires external API services to function, and you will incur costs based on your usage of these services. This application integrates with several third-party services that charge fees based on usage:

• Stripe – Charges a transaction fee of 2.9% plus $0.30 per successful payment transaction when users pay for design uploads. You pay Stripe for each transaction processed.
• MongoDB Atlas – Free tier available for development, but production use requires a paid plan based on storage and usage.
• AWS S3 – Charges based on storage used and data transfer. Free tier includes 5GB storage for 12 months, then pay-as-you-go pricing applies.
• SMTP Email Service – Required for password reset functionality. Free tiers available (e.g., Gmail SMTP, SendGrid free tier), but production use may require paid plans based on email volume.
• Google OAuth – Free for authentication, but requires Google Cloud Platform account setup.

You are responsible for all costs associated with these external services. The purchase price of this application includes only the source code and does not include any API credits, service subscriptions, or usage fees. Before deploying this application, please review the pricing pages of all required services to understand the costs you will incur based on your expected usage volume. While many services offer free tiers suitable for development and testing, production use will require paid plans. Ensure you have budgeted for ongoing API costs based on your expected user base and usage patterns. Key Features Design Portfolio Upload Upload and showcase your design work with professional image support. The application supports single image uploads per post with AWS S3 integration for secure, scalable storage. Each design can be organized with categories, tags (up to 20 per post), and detailed descriptions to help your work get discovered. Five Design Categories Users can organize their work into five professional categories to match their design style:

• Coding – Developer-focused designs, code snippets, and technical illustrations
• UIUX – User interface and user experience designs, wireframes, and prototypes
• Photography – Photographic work, image compositions, and visual storytelling
• Design – General design work including graphics, illustrations, and visual art
• Portfolio – Portfolio showcases, case studies, and project presentations

Post Customization Options The application provides extensive customization options for design posts:

• Custom title for each design post
• Detailed description explaining your design process and inspiration
• Category selection from five available categories
• Up to 20 tags per post for better discoverability
• Single high-quality image per post (JPG, PNG, GIF, WebP formats supported)
• Maximum file size of 10MB per image

Upload Workflow The application features an intuitive upload process that guides users through publishing their designs:

1. Image Upload – Upload your design image (drag and drop or click to upload)
2. Title Entry – Add a descriptive title for your design
3. Continue to Details – Proceed to the detailed form
4. Complete Information – Add description, select category, and add tags
5. Payment – Complete one-time payment via Stripe Checkout
6. Automatic Publishing – Your design is instantly published after successful payment

User Management Complete user management system with the following features:

• User authentication powered by NextAuth.js with Google OAuth and email/password
• User profiles with auto-generated avatars (consistent gradient with user initials)
• Profile pages showcasing all user designs
• Follower and following system
• User profile management with username and slug
• Password reset functionality via secure email tokens

Pay-Per-Upload System Simple and transparent pay-per-upload pricing model:

• One-time payment per design upload
• No subscriptions or recurring fees
• Payment required before publishing
• Secure Stripe Checkout integration
• Automatic post publishing after successful payment

Configure your upload price in Stripe Dashboard (one-time price, not recurring). Users pay once per design they want to publish, giving them full control over their spending. Payment Processing Integrated Stripe payment system for secure upload payments. The application handles checkout sessions, webhook processing, and automatic post publishing upon successful payment. All payments are processed securely through Stripe’s platform. Post Management Users can manage their uploaded designs through comprehensive features:

• View all uploaded designs in a portfolio gallery
• Edit post details (title, description, category, tags) without additional payment
• Delete posts they no longer want to showcase
• Track view counts on each design
• Monitor engagement metrics (likes, comments, bookmarks)

Social Engagement Built-in social features to help users connect and engage with the community:

• Like designs with real-time updates
• Comment on designs to provide feedback
• Bookmark favorite designs for later viewing
• Follow designers to see their latest work
• View follower and following counts

Real-Time Notifications Server-Sent Events (SSE) powered notification system that provides instant updates:

• Notifications for likes on your posts
• Notifications for comments on your posts
• Notifications when someone follows you
• Real-time notification badge updates (every 3 seconds)
• Mark all notifications as read functionality

Technical Specifications Technology Stack

• Framework: Next.js 14 with App Router
• Language: TypeScript
• UI Library: Tailwind CSS with custom components
• Database: MongoDB with Mongoose ODM
• Authentication: NextAuth.js with Google OAuth and email/password
• Payments: Stripe (one-time payments for uploads)
• File Storage: AWS S3 for image uploads
• Real-time: Server-Sent Events for notifications
• State Management: Zustand for client-side state
• Animations: Framer Motion

System Requirements

• Node.js 18 or higher
• npm or yarn package manager
• MongoDB database (MongoDB Atlas recommended)
• API keys for required services

Deployment Options The application can be deployed on:

• AWS EC2 (recommended for production with full file upload support)
• Vercel (for development and testing, may have limitations with large file uploads)
• Any Node.js hosting platform

 

(Only For Premium Category Products !)

1. All digital products are the most recent version, with no possibility of free updates. After payment, you can request an update to the most recent version for 5 days if a new version is released. We free support within 5 days.

2. If a license is required (Excludes WHMCS license , we provide only method not license), please contact us via email or ticket for assistance with activation. Our license is only valid for activation and does not include support.

3. We provide Mobile, PHP script installation services for $19.90 / ₹1700. Please create a backup after installation as we do not support re-installation. For mobile app source code, we do not offer installation services.

4. If you have any questions, please contact us by email [email protected] or create a ticket on this page

5. Please note that any digital products presented on the website do not contain malicious code, viruses or advertising. You will receive the original files from the developers. We do not sell any products that have been downloaded from other websites.

6. The response time can last up to 6 hours.

(Only For Membership Category Products !)

Benefits of our Membership Plans

• Instant access to all plugins and all themes including all future releases
• Unlimited domain usage
• Regular Updates as of when available. Usually, updates are released daily.
• Before purchasing, please read the Terms and Conditions & Refund Policy.
• If you have any questions, please first read the FAQs.
• If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
• Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.
• Buy or download for FREE by subscribing to our VIP Membership Plan. Join the club of more than 1100+ happy members. This is the same theme as sold by the developer.

Updates:

• We offer frequent updates for one year from the date of purchase. After this period, you have to purchase the item again to receive further updates, we also offer lifetime updates as a second option.
• We regularly update products as soon as we are notified about an update, we go and download it from the author and update it on our site, but In case the current version of the product is not the latest, You can request an update for the product by contact form.
• We send regular emails advising when products have been updated so please be sure to provide an active email address when you sign up.

Support:

• Our support team is available 24/7, if you have any questions or need help in installing or configuring digital products purchased on the website, please don’t hesitate to contact form.
• Please note that we are not developers of the provided products, so our technical support capabilities are limited. We do not change product functionality and do not fix developer bugs.

For more information please read FAQs & About Us.

(Only For WHMCS Category Products !)

• We Only provide WHMCS Module, how you can  nulled any module step only !
• Instant access to all plugins and all themes 
• Unlimited domain usage
• Regular Updates as of when available. Usually, updates are released daily.
• Before purchasing, please read the Terms and Conditions & Refund Policy.
• If you have any questions, please first read the FAQs.
• If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
• Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.