About Replit

Learn how to convert your Replit app into a full-feature native app with Median.co

Replit is an AI-powered cloud development platform that lets you create full-stack applications using natural language prompts. It's designed for developers of all skill levels, from beginners to professionals, who want to build and iterate on web applications quickly using AI assistance.

Key features

  • Replit Agent: Your AI project manager and developer rolled into one. Describe what you want, and Replit Agent handles everything from environment setup to writing full-stack code to deploying your app.
  • Full-Stack Development: Create complete applications with frontend, backend, and database integration all in one platform.
  • npm Package Support: The Replit Agent can install and manage npm packages automatically, which is how you'll add the Median JavaScript Bridge.
  • Instant Deployment: Deploy your web app with a single click and get a live URL (your-app-name.replit.app) that's publicly accessible.
  • Cloud-Based IDE: Build and run your applications entirely in the browser with no local setup required.

This guide is for Replit users who are converting their web app into native iOS and Android apps using Median.co. We'll show you how to prompt Replit Agent to add and use our native features.


How Median.co works

Median.co converts your Replit web app into a full-featured native mobile app. Your web app, built with Replit, 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, haptics, and biometric auth.


What you'll learn

This guide will walk you through converting your Lovable 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