Learn how real app features are built, step by step
Explore practical breakdowns, safe demos, Build Maps and guided labs that show how forms, payments, AI tools, dashboards and booking systems actually work.
Browse feature explanations for free, create an account to unlock Build Maps, and choose Premium when you want guided tutorials, teaching-safe code and deeper walkthroughs.
40
Clear explanations for product patterns you can recognise and reuse.
12
Browse by outcome, from capture forms to payments and AI tools.
3 guided labs
Begin with the enquiry form lab, then explore AI briefs and Stripe access unlocks when you want broader examples.
Search and browse
Find a feature pattern that matches what you want to build
Search by feature name, outcome or topic, then narrow the results by category, difficulty and practical capability.
Browse explanations for free, create an account for Build Maps, or open a guided lab when you want the tutorial and teaching-safe code.
All feature patterns
Browse the full library
Use these patterns to understand the shape of common app features. Some include full guided labs today; the rest are useful explanations and Build Map starting points.
Enquiry form that saves to a database
Turn a visitor request into a durable record and alert the team clearly.
AI project brief generator
Turn an idea into a structured, realistic build brief.
Stripe webhook access fulfilment
Grant access from verified payment events without duplicating fulfilment.
Admin moderation queue
Give staff a focused list of submissions that need a decision.
Admin support reply and triage
Help staff prioritise, answer, and resolve support requests.
AI glossary/Jargon Buster explainer
Explain unfamiliar technical language in calm, plain English.
AI idea generator
Turn a learner's interests and constraints into practical project ideas.
AI lesson tutor/support assistant
Help a learner understand the current lesson without taking over.
AI sales chat
Answer product questions using approved commercial information.
Analytics event tracking
Record a small, purposeful event without collecting sensitive content.
Availability slot system
Turn working-time rules into bookable choices without double booking.
Beta invite/download access
Restrict a private download to valid invited testers.
Build in Public lead capture
Collect interest around a project story and its next update.
Callback request modal
Let a visitor ask for a call without leaving the page.
CMS/blog publishing workflow
Move an article safely from draft to a reviewed public page.
Contact form that sends an email
Collect a message and deliver it safely to the right inbox.
Customer bookmarks/favourites
Let a signed-in user save useful items for later.
Deposit and final balance payment flow
Split a larger booking payment into a deposit and a later balance.
Desktop app activation
Confirm that an installed beta app belongs to an authorised tester.
Event intake/drop-off registration
Capture attendance and practical arrival details before an event.
Feedback submission and triage
Collect useful product feedback and route it for review.
Guide/glossary publishing workflow
Publish structured reference content with useful relationships.
Impact voting
Let eligible members allocate influence to approved community choices.
Interactive lesson checklist
Break a lesson task into visible, resumable steps.
Inventory management
Track available stock and prevent impossible orders.
Invoice PDF workflow
Create a stable invoice record and a customer-friendly PDF.
Listing claim workflow
Let a genuine owner request control of an existing listing.
Listing creation and editing workflow
Help an owner create and maintain a useful directory listing.
Multi-step booking form
Break a detailed booking into calm, manageable steps.
Quote generator
Turn an enquiry into a clear, reviewable commercial offer.
Route optimisation
Turn a set of stops and constraints into a practical suggested route.
Search and filtering experience
Help people narrow a catalogue to useful results.
Stripe checkout button
Start a trusted hosted checkout from a server-approved product.
Student lesson progress tracker
Show learners what they have completed and what comes next.
Student support inbox
Give a student one durable place to ask for and revisit help.
Subscription billing portal
Let customers manage an existing subscription through a trusted portal.
Token claim QR/link
Let a user claim a reward from a time-limited code or link.
Token redemption at checkout
Apply an allowed token value without trusting the browser's balance.
Token wallet
Show a user a trustworthy balance and transaction history.
User report/flagging flow
Give users a safe way to report content or behaviour for review.
Start here
Build a form that saves to a database
Learn the classic feature every beginner needs to understand: collect a form, validate it, save the data, and see what happens behind the button.
Guided labs
Complete guided labs you can open today
Start with enquiry capture first, then compare it with an AI project brief and a Stripe access-unlock flow when you want broader examples.
Enquiry form that saves to a database
Turn a visitor request into a durable record and alert the team clearly.
AI project brief generator
Turn an idea into a structured, realistic build brief.
Stripe webhook access fulfilment
Grant access from verified payment events without duplicating fulfilment.
AI idea generator
Turn a learner's interests and constraints into practical project ideas.
AI lesson tutor/support assistant
Help a learner understand the current lesson without taking over.
Contact form that sends an email
Collect a message and deliver it safely to the right inbox.
Multi-step booking form
Break a detailed booking into calm, manageable steps.
Browse by outcome
Choose the kind of product problem you want to understand
Use outcomes to narrow the library quickly, from capturing enquiries to taking payments, adding AI features and managing accounts.
Flows for choosing times, registering attendance, and managing availability.
Safe payment, recurring billing, and access-fulfilment patterns.
Commercial workflows that move a request towards an agreed payment.
Operational views that help teams review work and take clear action.
Identity, access, reporting, and other trust-building account patterns.
Reviewed workflows for drafting, editing, and publishing useful content.
Listings, discovery, claims, favourites, and other directory interactions.
Value, reward, redemption, and community decision-making patterns.
Controlled release access, activation, and structured product feedback.
Progress, support, and interactive learning tools for students.
How access works
Browse first, plan with a free account, build with Premium
Feature Labs are deliberately layered: public explanations stay useful, free accounts unlock planning, and Premium opens the complete guided lab path. You can access Premium content through VCA course enrolment, or through a Feature Pack when you only want one specific build.
Browse
Free
Start by reading feature overviews and trying safe demos where they are published.
- Feature Library browsing
- Overview pages
- Safe demos where available
Available when a Feature Pack is offered for a specific lab.
Plan
Free account
Create an account when you want the planning layer before you build.
- Build Maps
- Planning prompts where available
- A clear route back to your learning
Build
Premium
Unlock the full learning layer through VCA course enrolment or a Feature Pack for a specific build.
- Guided tutorials
- Code walkthroughs
- Full Prompt Library
- Code export bundles
- Deeper demo explanations where available
Single build
Feature Packs
Feature Pack access unlocks one specific Premium feature build separately.
- Focused access to one feature build
- Tutorial, code, prompts and teaching bundle where published
- A smaller path when you do not need the full course
Available when a Feature Pack is offered for a specific lab.