# Building Examples

## Learning by Doing

Theory is important, but nothing beats hands-on examples. This section walks through building common application types with Buzzy AI v3.

**What you'll find here**:

* Step-by-step build guides using Buzzy AI v3 workflow
* Specific prompts to use with Buzzy AI
* Common pitfalls to avoid in Buzzy apps
* Testing strategies using Buzzy's preview and live modes
* What to do when things go wrong

## Example Applications

### [Hello World App](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/hello-world)

**Complexity**: Simple **Time**: 1-2 hours **Purpose**: Learn the basics of Buzzy AI v3 workflow

Build your first complete application with Buzzy AI v3. Perfect for understanding the workflow and common patterns.

**You'll learn**:

* Writing effective Buzzy AI prompts
* Reviewing generated Brief, Blueprint, Data, and Design
* Using Buzzy's visual editor for refinements
* Testing in preview mode
* Publishing your first Buzzy app

***

### [External API Integration](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/external-api-integration)

**Complexity**: Moderate **Time**: 4-6 hours **Purpose**: Connect your Buzzy app to external services

Learn to integrate with third-party APIs using Buzzy Functions (AWS Lambda) for services like weather, payments, or social media.

**You'll learn**:

* Creating Buzzy Functions for API integrations
* Using Constants for secure API key storage
* Making HTTP requests from Lambda functions
* Calling Buzzy Functions from your app
* Error handling for API failures

***

### [AI-Powered Features](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/ai-powered-app)

**Complexity**: Moderate to Advanced **Time**: 6-10 hours **Purpose**: Add intelligent features to your Buzzy application

Build Buzzy apps that use AI services like OpenAI, Anthropic, or other AI providers through Buzzy Functions.

**You'll learn**:

* Integrating AI services via Buzzy Functions
* Prompt engineering for AI features
* Managing AI API costs with Constants
* Handling streaming responses
* Connecting AI functions to Buzzy app actions

***

### [Game Development Considerations](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/game-development)

**Complexity**: Advanced **Time**: Varies widely **Purpose**: Understand what's possible (and what's not) with Buzzy

Explore game development with Buzzy and learn when it's appropriate and when to use other tools.

**You'll learn**:

* What types of games work with Buzzy's no-code platform
* Game-specific challenges in no-code environments
* Performance considerations
* When to use traditional game engines instead

## How to Use These Examples

### For Beginners

**Start here**: [Hello World App](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/hello-world)

**Then**: Try adapting the hello world example to your own idea

**Next**: Try [External API Integration](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/external-api-integration) when you need to connect to services

**Finally**: Explore [AI-Powered Features](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/ai-powered-app) when ready for advanced features

### For Experienced Developers

**Jump to**: The example most similar to what you're building

**Focus on**: AI-specific challenges and approaches

**Adapt**: Patterns to your specific use case

**Combine**: Multiple examples for complex apps

### General Approach

**For each example**:

1. **Read the overview**: Understand what you'll build
2. **Follow setup steps**: Get prerequisites ready (Buzzy account, any external services)
3. **Execute build steps**: Follow along with Buzzy AI v3 prompts
4. **Review generated structure**: Check Brief, Data, Design tabs
5. **Test thoroughly**: Verify each part works in preview mode
6. **Adapt and extend**: Make it your own using visual editor or additional prompts

**Don't**:

* Copy prompts without understanding them
* Skip testing in preview mode
* Ignore warnings and cautions
* Expect identical results (Buzzy AI varies)

## Beyond These Examples

### Combining Patterns

Real Buzzy apps often combine multiple patterns:

**E-commerce app** might include:

* Hello world basics (Datatables, screens, navigation)
* External API integration (payment processing via Buzzy Functions)
* AI features (product recommendations via Buzzy Functions)

**CRM system** might include:

* Hello world basics (Datatables with proper relationships)
* External API integration (email services via Buzzy Functions)
* Advanced data relationships (Subtables and Linked Table Fields)

### Adapting Examples

**When adapting**:

* Understand the core Buzzy pattern (data model, screens, actions)
* Identify what's similar in your use case
* Modify Buzzy AI prompts to match your needs
* Test your specific requirements in preview mode

**Common adaptations**:

* Different Datatables and field types
* Different user workflows and navigation
* Additional features using display rules and actions
* Different Buzzy Function integrations

## Example Selection Guide

```
What do you want to build?

├─ Simple CRUD app (list, create, edit, delete)
│  └─ Start with: Hello World
│
├─ App using external data/services
│  └─ Start with: External API Integration
│
├─ App with intelligent features
│  └─ Start with: AI-Powered Features
│
├─ Game or interactive experience
│  └─ Start with: Game Development Considerations
│
└─ Complex multi-feature app
   └─ Combine multiple examples
```

## What Makes a Good Buzzy Example Project

**Characteristics of good learning projects**:

**Scoped**:

* Clear data model boundaries
* Defined features (screens, actions)
* Achievable in reasonable time with Buzzy

**Realistic**:

* Solves a real problem
* Useful to someone
* Not just a toy example
* Fits Buzzy's strengths (business apps, data management)

**Extendable**:

* Can add Datatables and screens later
* Room to grow with Buzzy Functions
* Learn as you expand

**Relevant**:

* Interesting to you
* Uses Buzzy features you want to learn
* Applicable to future Buzzy projects

## Tips for Example Projects

### Start Simple

**First version**:

* Minimum viable Datatables
* Basic screens and navigation
* Simple data model (avoid complex relationships initially)
* Core functionality only

**Later versions**:

* Add polish using visual editor
* More features via AI prompts or manual editing
* Better UI design and theme customization
* Advanced functionality with Buzzy Functions

### Document as You Build

**Keep notes on**:

* Buzzy AI prompts that worked well
* Issues encountered (data model, display rules, actions)
* Solutions found (visual editor fixes, better prompts)
* Time spent on each part
* Buzzy-specific patterns that worked

**Why**:

* Learn from your Buzzy experience
* Reference for future Buzzy projects
* Share knowledge with Buzzy community
* Track your progress

### Share Your Work

**Consider sharing**:

* In Buzzy community forums
* Blog post about your Buzzy building process
* Video walkthrough of your Buzzy app
* Screenshots of your app design

**Benefits**:

* Get feedback from Buzzy community
* Help others learn Buzzy patterns
* Build portfolio of Buzzy apps
* Improve understanding of Buzzy platform

## Getting Help

**If you get stuck**:

**First**:

* Review the relevant fundamentals section
* Check Buzzy documentation
* Review your Data and Design tabs

**Then**:

* Ask in Buzzy community
* Check Buzzy Discord
* Review similar Buzzy app examples

**Provide**:

* What you're trying to build in Buzzy
* What prompts or manual edits you tried
* What error/issue occurred
* Screenshots of your app structure or preview mode

## Next Steps

**Ready to build with Buzzy?**

1. Choose an example that matches your goal
2. Gather prerequisites (Buzzy account, external service accounts if needed)
3. Follow the guide step by step using Buzzy AI v3
4. Test thoroughly in preview and live modes
5. Adapt to your needs using visual editor or AI prompts
6. Share what you learned in Buzzy community

**Choose your first example**:

* [Hello World App](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/hello-world) - Start here if new to Buzzy
* [External API Integration](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/external-api-integration) - Need to connect to external services
* [AI-Powered Features](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/ai-powered-app) - Want to add intelligent features
* [Game Development](https://docs.buzzy.buzz/the-ultimate-guide-for-vibe-coding-an-application-with-ai/building-examples/game-development) - Considering a game (learn limitations)

{% hint style="success" %}
**Remember**: These examples are starting points, not rigid templates. The best learning comes from adapting them to your own ideas using Buzzy's flexible no-code platform.
{% endhint %}