Settings/Billing Page
Build a real settings area: profile edits that persist, password change, plan display, and danger zone.
The Route
0/6 verifiedDefine settings sections
Inventory every setting and its backing field before building.
Build layout and profile section
Stand up the settings shell with the first real persisting section.
Implement password change
Security controls must verify identity and truly rotate the credential.
Implement preferences
Toggles must persist and actually affect the app.
Add plan display and danger zone
Close the account loop: show the plan and make deletion real.
Settings QA pass
Verify every control persists and every risk path is safe.
Context Pack
Paste this first. It briefs the AI on requirements, constraints, and the Definition of Done before your first build prompt.
Paste this into your AI builder first. It teaches the AI what you want before you give it the build prompt.
Related routes
More App Builder flows that share ground with this one.
Pricing Page Builder
Design and build a pricing page that converts: plan structure, value anchoring, FAQs, and a working upgrade path.
+2 more steps to Done
Best foryour first pass at this - no prior setup assumed
User Onboarding Flow
Build a multi-step onboarding that captures real user data, persists progress, and lands users in a personalized app.
+3 more steps to Done
Best foryour first pass at this - no prior setup assumed
Add Real-Time Presence Indicators to a Chat App with WebSockets
A step-by-step flow for implementing real-time online, offline, and typing presence in a chat app using WebSockets, including backend presence tracking, frontend updates, reconnect handling, and verification.
+7 more steps to Done
Best forbuilders who have shipped a basic app before