2. Understanding the Folder & Page Structure

BubbleBase is built with a structured approach to keep your project organized and scalable. Here's a breakdown of the key sections:

🔹 Static Pages (Public)

• Landing Page – First impression page for visitors.

• Contact – Informational pages (can be edited or removed).

• Legal Pages – Pre-built Terms of Service & Privacy Policy templates.

🔹 Authentication Pages

• Login & Signup – Pre-configured authentication workflows.

• Password Reset – Secure account recovery page.

🔹 Admin Panel

• Admin Dashboard – Controls user management, settings, and logs.

• Users View - View and manage the users within your application.

• Subscriptions View – Monitor & manage user subscriptions.

• Mail Management – View & manage system emails.

• API Logs – Logs for tracking API interactions.

🔹 User Pages

• User Dashboard – Home screen for logged-in users.

• Settings – Profile, security settings, and preferences.

• Billing – Subscription and payment history.

• Tasks - Dynamic task manager with List/Board/Gantt views.

• Forms - A pre-built simple form structure that allows you to develop easy forms by modifying database fields.

• Chat – Messaging system (if enabled).

🔹 Reusable Elements

Reusable elements are pre-designed UI components that can be placed anywhere in the app, such as:

• Buttons

• Popups (modals)

• Alerts/Notifications

• Input fields and forms

• Authentication

This kit uses Reusable Elements extensively to reduce double handling and improve organisation and efficiency

Tip: If you want to create a new UI feature, check reusable elements first to see if something similar already exists.

🔹 Plugins

BubbleBase includes pre-installed plugins to extend functionality. Some of these are to enable certain functions within the app that you may not require. You can un-install these plugins if you don't need them

🔹 API's

BubbleBase includes pre-setup API connections to extend functionality, such as:

• Stripe (for payments)

• SendGrid (for emails)

• Postmark (for emails)

• UI Avatars (for initial user profile images)

• Open AI (for AI)

• Bubble (to interact with your app's data via API)

---