Wasim's Site
Back to Medo.dev Overview
Updated at: 2025-11-05

Quick Start Guide

Learn how to build your first application using natural language and AI-powered development. No coding experience required.

MeDo Homepage

The MeDo Homepage is structured into the following sections:

Navigation Bar

Includes two main entries: Homepage and My Applications, making it easy to switch between the landing page and your list of applications.

Platform Resources

Quick access to MeDo Events, Tutorial Videos, Product Documentation, Customer Support & Feedback, Credits, and your Personal Account Center.

Dialogue Area

Directly interact with MeDo to build applications. Describe your requirements via file upload, text input, or voice commands. (Login required for full features.)

Dialogue Examples

Use built-in examples to quickly generate template applications and get started faster.

Marketplace

Browse curated cases and top-rated user applications selected by MeDo.

MeDo Homepage Interface

Requirement Description Page

MeDo uses continuous dialogue to refine your needs and generate applications that match your expectations. Throughout the conversation, MeDo will provide hints to help you clarify your requirements. You can end the dialogue and return to the homepage at any time.

Requirement Description Interface

Workspace

All applications you've generated or published are shown on the Workspace page. From here, you can manage and review your work. Drafts appear under the Draft tab, while published applications are listed under Live.

Draft vs. Live Applications

Draft and live versions run in separate environments so you can edit without affecting the live version. For example, once an app is published, it appears under Live but also remains in Under Development, where you can keep editing. Changes only take effect after republishing.

Workspace Interface showing Draft and Live applications

Application Editing Page

When you open an application from Workspace → Draft, you'll enter the Application Editing page. Here you can update app details, edit content, review past conversations, and either preview or publish your app.

Application Editing Interface

Application Preview Page

Draft applications can be previewed under Workspace → Draft.

Application Preview from Workspace
Preview from Editing Page

Note: Draft applications are only visible to the creator until published.

Example: Building an Application

Miaoda makes it easy to create applications—even without coding experience. Below is an example of how to quickly build a travel website.

Travel Website Example

This website acts as a company portal, with sections like Homepage, Services,Popular Routes, and Contact Us. It showcases the company's offerings and provides visitors with quick access to key information. With MeDo, you can generate the site in minutes and fine-tune it before going live.

Travel Website Example

Step I: Define Your Application

Start by outlining your requirements. For example, for a travel portal:

1. Website type: Informational
2. Website name: Happy Go
3. Description: Happy Go delivers premium travel services by integrating unique domestic and international resources, creating personalized and high-quality experiences.
4. Pages:
   a. Homepage: Showcase destinations, featured packages, seasonal deals, and customer reviews.
   b. Services: Detail offerings like group tours, custom trips, and themed packages (e.g., family, honeymoon).
   c. Popular Routes: Highlight classic domestic/international routes with itineraries, prices, and must-see attractions.
   d. Contact Us: Include a store locator, contact info, 24/7 hotline, live chat, and company credentials.
5. Style: Clean and natural, primarily blue, with destination imagery and a practical, elegant layout.

From this outline, the website will include:

  • a. Four main pages with cross-navigation
  • b. Mobile and desktop access
  • c. Backend management for some page content
  • d. A clean, image-rich design in blue tones

Step II: Generate Your AI Application

After defining your requirements, follow these steps:

1. Describe Requirements

Enter your description in the dialogue box on the MeDo Homepage.

2. Confirm Requirements

MeDo summarizes your request. Once confirmed, the app will be generated.

Application Generation Process

3. Application Generation

During generation, editing is locked. Stay on the page while your application is built.

Step III: Edit Your Application

1. Edit Name

MeDo creates a default name based on your description. To change it, enter editing mode and go to Settings → Basic.

Edit Application Name

2. Edit Content

You can directly edit text, images, and other elements in editing mode.

Edit Content Interface 1
Edit Content Interface 2

You can also switch between pages to make edits. (Note: detail pages are not yet editable.)

Page Switching Interface

Step IV: Preview Your Application

For apps with backend functionality, MeDo generates both frontend pages and an admin backend. You can preview both before publishing.

Application Preview with Backend

Step V: Publish Your Application

Publishing deploys your application to the production environment, making it accessible to external users.

Publish Application Interface

Once published, your application will remain available online, allowing others to access it continuously.

Ready to Build Your First App?

Now that you understand the process, start building your own application with MeDo's AI-powered platform.