Creating Your First Project

Time to First App: Under 2 Minutes!

Follow this guide to create, test, and deploy your first AI-powered application with VibeFactory.ai

Understanding Credits

• Starter Plan: 80-800 credits/month (no daily limits) - $20/month

• Pro Plan: 200-1000 credits/month (no daily limits) - $50/month

• Each generation costs 1-2 credits depending on complexity

• Credits reset monthly on your billing date

• Unused credits don't roll over to the next month

Step-by-Step Guide

1

Access the App Builder

Navigate to your dashboard or the home page and look for the main input area.

You'll see:

  • • A large text area saying "Describe your app idea..."
  • • Image upload button (for mockups/screenshots)
  • • Generate App button at the bottom
2

Describe Your App

Write a clear description of what you want to build. Be specific about features and functionality.

Example prompts that work well:

"Create a task management app with a clean interface. Include ability to add tasks, mark them complete, and organize by categories."

"Build a recipe finder app where users can search recipes by ingredients, save favorites, and see nutrition information."

"Make a portfolio website for a photographer with image galleries, contact form, and about section. Modern, minimalist design."

Tip: Avoid vague prompts like "make a cool app" - the more specific you are, the better your results!

3

Optional: Add Visual References

If you have mockups, wireframes, or screenshots of similar apps, you can upload them for better results.

Supported Formats:

  • • PNG, JPG, JPEG
  • • Max 5MB per image
  • • Up to 3 images

Good for:

  • • UI mockups
  • • Design inspiration
  • • Layout references
4

Generate Your App

Click the "Generate App" button. This will use 1 credit

What happens next:

  1. 1. AI analyzes your requirements (5-10 seconds)
  2. 2. Code generation begins (15-30 seconds)
  3. 3. App deploys to a preview URL (5-10 seconds)

Total time: Usually 30-45 seconds

5

Review and Test

Once generation is complete, you'll see:

Live Preview

Your app running in an iframe, fully interactive and testable

Test thoroughly! Click buttons, fill forms, and interact with your app to ensure it works as expected.

What's Included in Every Project

Complete Source Code

  • ✓ Clean, readable HTML
  • ✓ Modern CSS with Tailwind
  • ✓ Interactive JavaScript
  • ✓ Responsive design

Automated Testing

  • ✓ Functionality Test: Verifies all features work correctly
  • ✓ Performance Test: Ensures fast loading and smooth operation
  • ✓ Security Test: Checks for common vulnerabilities

Tests run automatically before deployment

Instant Deployment

  • ✓ Live preview URL
  • ✓ HTTPS enabled
  • ✓ Share with team members (Pro only)
  • ✓ Custom domains available

Project sharing: Pro plan only (unlimited)

Source Code Access

  • ✓ View generated code structure
  • ✓ GitHub integration included
  • ✓ Push to your repositories
  • ✓ Version control ready

Creating Additional Projects

How to Create More Apps

To create additional projects, simply use the main prompt interface on your dashboard:

Main Prompt Interface

  • • Large text area with "Describe your app idea..." placeholder
  • • Configuration options: Supabase integration toggle, Privacy settings (Public/Private)
  • • Image upload button for adding mockups or design references
  • • "Get Started" button to begin generation

Viewing Your Projects

All your generated projects are automatically saved and accessible from your dashboard. You can click on any project card to view and work with that project.

Note: Advanced project management features like rename, duplicate, and delete are coming soon. For now, all projects are automatically saved and accessible from your dashboard.

Tips for Your First Project

Start Simple

Begin with a basic app like a to-do list or calculator. You can always create more complex projects as you learn.

Be Specific

Instead of "make a website," try "create a personal portfolio with sections for projects, skills, and contact information."

Use References

Mention popular apps or websites as references: "like Twitter but for book reviews" helps the AI understand your vision.

Use Credits Wisely

Plan your projects carefully and write detailed prompts to get it right the first time. Each generation uses 1-2 credits depending on complexity.

Ready for More?

Now that you've created your first project, explore advanced features:

Advanced AI Generation

Learn prompt engineering techniques

GitHub Integration

Push projects to repositories (paid plans)
Upgrade for More Credits

Common Issues

Generation failed or timed out

• Check your internet connection

• Ensure you have available credits

• Try a simpler prompt first

• Refresh the page and try again

• Contact support if the issue persists

App doesn't match my description

• Be more specific in your prompt

• Break complex apps into simpler components

• Include examples of similar apps

• Specify the tech stack if you have preferences

Can't see my deployed app

• Wait a few seconds for deployment to complete

• Check if your browser is blocking popups

• Try opening in an incognito/private window

• Ensure JavaScript is enabled in your browser

Out of credits

• Check when your monthly credits reset (billing date)

• Upgrade to a higher credit package within your plan

• Consider upgrading from Starter to Pro for more credits

• Contact sales for Enterprise plans with custom credit packages