About Base44

Base44 is an AI-powered app builder that lets you create web applications using natural language prompts. It's designed for no code/low code users, indie founders, and small teams who want to build and iterate on full-stack apps quickly. You can build your app's interface and functionality just by prompting with an AI agent.

Key features

AI-Powered Development: Build and modify your app using simple, conversational text prompts through Base44's Builder chat interface.
Integrated Backend: Base44 automatically provides database management, user authentication, file storage, and API endpoints - no separate backend setup required.
npm Package Support: You can ask Base44's AI to install npm packages, which is how you'll add the Median JavaScript Bridge.
Publishing Workflow: Changes require publishing to take effect, ensuring your live app remains stable during development.

🚧
Authentication Limitations
Important:
Base44 currently supports other types of authentication, but doesn't allow you to customize the login pages to tap into the Median Javascript Bridge.
This is a limitation that may affect your mobile app's user experience. However, you can explore Passkey authentication as it becomes available, since it's more backend-focused and potentially easier to integrate.

How Median.do works

Median converts your Base44 web app into native mobile apps using a WebView approach. Your web app, built with Base44, runs inside a native "shell" that we provide. This shell "bridges" the gap between your web code and the device's native features, like push notifications and haptics.

What you'll learn

This guide will walk you through converting your Base44 app to native mobile apps and optimizing it for the best mobile experience.

Median integration guide

This guide is structured in 3 parts:

Part 1: Getting Started - Understand the JavaScript Bridge and detect mobile app usage
Part 2: Push Notifications - Set up OneSignal and implement advanced notification features
Part 3: Haptic Feedback - Add tactile feedback to improve user experience

App optimization best practices

You'll understand best practices for:

Mobile-responsive design principles
Touch-friendly interface design
Mobile performance optimization
Form and navigation optimization for mobile

Example prompts

You'll get ready-to-use AI prompts for:

Adding the Median JavaScript Bridge to your project
Adding haptic feedback to a button
Making your app mobile-responsive

Important notes for Base44 users

Publishing Required: Remember that changes must be published to take effect in your live app
Plan Requirements: Installing npm packages (including the JavaScript Bridge) may require a paid Base44 plan
Console Limitations: Use alert() instead of console.log() for debugging in mobile apps, as console output may not be visible