> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bluegenai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Web Apps Overview

> Understand what a Web App project produces, when to choose it, and how the six-phase journey works before you start.

A Web App project in BlueGenAI produces a fully deployed, production-ready full-stack web application — frontend, backend, and database — generated and deployed automatically from your prompts. This page helps you confirm that a Web App project is the right choice for your work and gives you a clear picture of the six-phase journey before you begin.

***

## What a Web App project produces

When you complete a Web App project in BlueGenAI you receive a live application URL pointing to a running, deployed application. BlueGenAI generates all three layers of the application automatically:

| Layer        | What gets generated                                                                                                |
| ------------ | ------------------------------------------------------------------------------------------------------------------ |
| **Frontend** | Responsive web interface — accessible and mobile-friendly by default, built to government accessibility guidelines |
| **Backend**  | RESTful API endpoints, authentication and authorization logic, business rules, and request validation              |
| **Database** | Schemas, data models, relationships, and seed data based on your requirements                                      |

All three layers are generated, connected, and deployed in a single build process. You do not configure infrastructure, choose frameworks, or write deployment scripts.

***

## When to choose Web Apps

Web Apps and Low-Code are the two primary delivery paths in BlueGenAI. The right choice depends on where the application will live.

<Note>
  If your agency uses TAP, ServiceNow, Salesforce, or PowerApps and the application must run within that platform, use the **Building on Low-Code** tab instead of this one.
</Note>

| Choose **Web Apps** when                                                                                          | Choose **Low-Code** when                                                     |
| ----------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
| You need a standalone web application                                                                             | Your agency requires deployment to TAP, ServiceNow, Salesforce, or PowerApps |
| You want maximum AI autonomy in code generation                                                                   | The application must run within an existing enterprise platform              |
| You are building intake apps, case management systems, resident portals, dashboards, or workflow automation tools | Platform-native configurations (forms, workflows, data objects) are required |
| There is no existing platform constraint                                                                          | Integration with an existing low-code ecosystem is the primary requirement   |

***

## What AI does — and what you do

BlueGenAI handles the technical execution. Your role is direction, review, and decision-making.

| The AI does                                        | You do                                                       |
| -------------------------------------------------- | ------------------------------------------------------------ |
| Generates all frontend, backend, and database code | Write prompts that describe what you need                    |
| Deploys the application and provides a live URL    | Review outputs against your requirements                     |
| Manages version control and build history          | Make decisions about direction, scope, and priorities        |
| Handles framework selection and infrastructure     | Iterate — refine the application through continued prompting |
| Generates and runs test cases                      | Approve the result when it meets your needs                  |

<Tip>
  The quality of your prompts directly determines the quality of the output. Before starting, read [Prompting Best Practices](/resources/prompting-best-practices) — clear, structured prompts produce better results with fewer iterations.
</Tip>

***

## The six-phase Web App journey

The Building Web Apps tab follows the six phases of the Government Project Lifecycle as they apply to a Web App project. Each phase has its own sub-topics with step-by-step guidance.

<Steps>
  <Step title="Phase 1 — Pre-RFP Solutioning">
    Generate working prototypes and proposal artifacts directly from solicitation materials — before a single line of production code is written. Supports both RFP/task order responses and stakeholder alignment for new ideas.
  </Step>

  <Step title="Phase 2 — Requirements Refinement & CAB">
    Develop structured, traceable requirements from legacy system analysis, solicitation materials, or natural language inputs. The Common Application Blueprint (CAB) analyzes existing systems and produces a comprehensive architectural blueprint.
  </Step>

  <Step title="Phase 3 — System Design">
    Translate requirements into data models, application architecture, and compliance documentation. Establishes the technical foundation before build begins.

    <Note>
      Content for this phase is pending SME confirmation. Placeholder page is live.
    </Note>
  </Step>

  <Step title="Phase 4 — Development">
    Generate and deploy your full-stack application using the Build tab. Includes ticket generation and management, and AI vs. human work allocation across the development lifecycle.
  </Step>

  <Step title="Phase 5 — Testing">
    AI-generated test cases, validation runs, and quality review before the application moves to production deployment.
  </Step>

  <Step title="Phase 6 — Deployment & Sharing">
    Access your live application URL, manage version history, and share the deployed application with stakeholders and review teams.
  </Step>
</Steps>

***

## How to navigate the Building Web Apps tab

The sub-topics in this tab follow the six phases in order. You do not need to start at Phase 1 — enter at the phase most relevant to your current work.

| If you are                                           | Start here                                                                                        |
| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
| Responding to an RFP or preparing a client demo      | [Phase 1 — Pre-RFP Solutioning](/building-web-apps/phase-1-pre-rfp-solutioning)                   |
| Analyzing a legacy system or developing requirements | [Phase 2 — Requirements Refinement & CAB](/building-web-apps/phase-2-requirements-refinement-cab) |
| Ready to build and deploy                            | [Phase 4 — Development](/building-web-apps/phase-4-development-build-mode)                        |
| New to BlueGenAI and not sure where to start         | [How do I get started?](/platform-overview/quick-start-guide)                                     |

Two sub-topics are reference pages you can use at any phase:

* [**Design Mode & Prototyping**](/building-web-apps/design-mode-and-prototyping) — detailed reference for the Prototype tab
* [**Supported Tech Stack**](/building-web-apps/supported-tech-stack) — languages, frameworks, and platform capabilities

***

## Web App journey at a glance

<Note>
  **📊 Diagram coming soon** — A Web App journey flow diagram showing all six phases with key inputs, outputs, and AI vs. human actions will be added here. File to add: `2-1-web-app-journey.png`
</Note>

***

## Related pages

<CardGroup cols={3}>
  <Card title="How do I get started?" icon="rocket" href="/platform-overview/quick-start-guide">
    Step-by-step walkthrough from account access to deployed application.
  </Card>

  <Card title="Building on Low-Code" icon="puzzle-piece" href="/building-on-low-code/low-code-overview">
    Build for TAP, ServiceNow, Salesforce, or PowerApps instead.
  </Card>

  <Card title="Prompting Best Practices" icon="message" href="/resources/prompting-best-practices">
    Write more effective prompts and get better results with fewer iterations.
  </Card>
</CardGroup>