Mmirrorsite.ai
Back to Resources
M

Documentation

Everything you need to build with MirrorSite AI

Step-by-step guides, detailed explanations, and answers to common questions. Learn how to turn any website or idea into a working application.

Getting Started

MirrorSite AI is a tool that turns websites and ideas into working applications. You give it a starting point — a website address or a description of what you want to build — and it creates a complete, functional application you can edit, improve, and publish.

You don't need to know how to code. You don't need design skills. You just need an idea of what you want to build, or a website you want to turn into something new.

🎬 Tutorial
Getting Started with MirrorSite AI
3:45

Watch a step-by-step walkthrough of getting started with MirrorSite AI — from signing up to publishing your first application.

What you'll need

  • A free MirrorSite AI account
  • A website address to mirror, or an idea to build from
  • Credits for building (new accounts start with 500 free credits)

Your first project in 4 steps

1

Create an account

Sign up with your email or Google account. You'll get 500 free credits to start.

2

Choose your starting point

Paste a website address or describe your app idea. MirrorSite AI will analyze it and create a structured plan.

3

Review and customize the plan

See exactly what will be built — features, screens, data, and design. Edit anything before building.

4

Build and publish

One click generates your working application. Publish it to a free web address or connect your own domain.

Was this section helpful?

How It Works

MirrorSite AI works in three stages: Understand, Plan, and Build.

Understand

MirrorSite AI reads your starting point — a website or idea — and figures out what it is, what it does, and how it's structured.

Plan

It creates a detailed blueprint of the application: screens, features, data, and design direction. You review and edit this before anything is built.

Build

Once you approve the plan, MirrorSite AI generates a complete, working application with a real frontend, backend, and database.

The key difference from other tools is that MirrorSite AI understands the full picture before building. It doesn't just generate screens — it creates a complete application with working data, user accounts, and real functionality.

Was this section helpful?

Website Mode

Website Mode lets you point MirrorSite AI at any live website and turn it into a working application. This is the most popular way to start.

How to use Website Mode

  1. Go to your dashboard and click New Project
  2. Select Mirror a Website
  3. Paste the website address you want to mirror
  4. Choose your analysis mode:
    • Relevant Info — MirrorSite AI analyzes the most important pages, understands the product, and creates a custom plan. Best for most projects.
    • Deep Crawl — MirrorSite AI crawls the entire website, collects every page, and builds an exact replica. Best when you need the whole site preserved.
  5. Review the analysis and plan that MirrorSite AI creates
  6. Edit anything you want, then click Build

What Website Mode analyzes

When MirrorSite AI analyzes a website, it looks at:

  • Pages and navigation — the structure, menus, and how pages connect
  • Design and layout — colors, fonts, spacing, and visual patterns
  • Features and functionality — what the site does, user flows, and interactive elements
  • Content and copy — text, images, and media across the site
  • Data patterns — what kind of information the site stores and displays

Website Mode works best with

  • Marketing websites and landing pages
  • Application dashboards and admin panels
  • E-commerce storefronts
  • Portfolio and showcase sites
  • SaaS product interfaces
Was this section helpful?

Idea Mode

Idea Mode lets you start from a description instead of a website. Describe what you want to build — as simple or detailed as you like — and MirrorSite AI turns it into a structured application plan.

How to use Idea Mode

  1. Go to your dashboard and click New Project
  2. Select Start from an Idea
  3. Describe what you want to build. Be as specific as you can:

    "A marketplace where local businesses can create profiles, publish products, manage orders, and receive payments. It should have a dashboard for business owners, a public storefront, and an admin panel."

  4. MirrorSite AI will create a full application plan from your description
  5. Review, edit, and build

Tips for better results

  • Be specific about features — mention dashboards, user roles, data types, and key actions
  • Describe your users — who will use this? What do they need to do?
  • Mention the style — "clean and minimal", "colorful and playful", "professional and corporate"
  • Don't worry about technical details — MirrorSite AI handles the technology for you
Was this section helpful?

Understanding & Planning

After MirrorSite AI analyzes your starting point, it creates a detailed application plan. This is the most important step — it's where MirrorSite AI figures out exactly what your application needs.

What the plan includes

Application Type

What kind of application this is — a marketplace, a dashboard, a portfolio, etc.

Purpose

A clear description of what the application does and who it's for.

Features

A checklist of capabilities — authentication, dashboards, payments, file uploads, and more.

Data Model

What information the application stores — users, products, orders, and how they relate.

User Flows

Step-by-step paths users take through the application.

Design Direction

Colors, fonts, layout style, and visual approach.

You can review and edit every part of this plan before building. Nothing gets built until you say it's ready.

Was this section helpful?

Editing Your Plan

The plan MirrorSite AI creates is a starting point — not a final answer. You can change anything before building.

What you can edit

  • Enable or disable features — turn on payments, admin panels, file uploads, or any other capability
  • Add or remove data types — define what information your application stores
  • Change the design direction — update colors, fonts, and visual style
  • Modify user flows — change how users move through the application
  • Add custom instructions — tell MirrorSite AI about specific requirements or preferences

After editing, MirrorSite AI will update the plan to reflect your changes. You can go back and forth as many times as you need.

Was this section helpful?

Building Your Application

When you click Build, MirrorSite AI generates your complete application. This usually takes a few minutes.

What gets built

Your application includes everything it needs to work:

A complete user interface with multiple screens
Working navigation between pages
A database to store your application data
User accounts with sign-up and login
A backend that handles data and logic
Responsive design that works on phones and computers
An API layer connecting the interface to the backend
Deployment configuration ready to publish

What happens after building

Once the build is complete, you can:

  • Preview your application in a live environment
  • Open the source code and make changes directly
  • Send instructions to continue building and adding features
  • Publish to a web address for anyone to access
Was this section helpful?

Working With Your Application

After your application is built, the workspace gives you full control. You can keep building, modify the code, or send instructions to add new features.

The workspace includes

  • Live preview — see your application running in real time
  • Source code viewer — browse and edit the generated code
  • Instruction bar — describe changes you want and MirrorSite AI will implement them
  • Database manager — view and manage your application's data directly
  • Deployment controls — publish, unpublish, and manage your live application

Sending instructions

Use the instruction bar to describe changes in plain language. MirrorSite AI will implement them for you. Some examples:

"Add a search bar to the dashboard"
"Change the color scheme to blue and white"
"Add a settings page where users can update their profile"
"Create a report page that shows monthly sales data"
"Add email notifications when a new order comes in"
Was this section helpful?

Publishing & Domains

Once your application is ready, you can publish it to the web so anyone can access it. MirrorSite AI offers two publishing options.

Free Subdomain

Every published application gets a free web address at yourapp.totalum-project.com. This is free forever, includes automatic security (HTTPS), and works instantly — no setup required.

Custom Domain

Connect your own domain name (like yourapp.com) for a professional, branded experience. You'll need to update a few settings at your domain provider — MirrorSite AI walks you through it step by step.

How to publish

  1. Open your project and click Publish
  2. Choose between a free subdomain or a custom domain
  3. For custom domains, follow the DNS setup instructions
  4. Your application goes live within minutes
Was this section helpful?

Credits & Billing

MirrorSite AI uses a credit system. Credits are spent when MirrorSite AI analyzes websites, generates plans, and builds applications.

How credits work

  • 1 credit = 1 UGX — simple, transparent pricing
  • 500 free credits — every new account starts with credits to try MirrorSite AI
  • Top up anytime — buy more credits via Mobile Money (MTN or Airtel)

What costs credits

Website analysis5 credits
Plan generation5 credits
Deep crawl500 credits
Simple application build25,000 credits
Medium application build50,000 credits
Complex application build75,000 credits

Build cost tiers

The build cost depends on the complexity of your application. MirrorSite AI automatically classifies your project into one of three tiers:

  • Simple — straightforward applications with basic features
  • Medium — multi-feature applications with authentication and data
  • Complex — advanced applications with multiple features and integrations
Was this section helpful?

Account & Settings

Managing your account

  • Profile — update your name, profile picture, and display preferences
  • Security — change your password, manage active sessions, and update your email
  • Billing — view your credit balance, transaction history, and top up credits

Refer and earn

Invite friends to MirrorSite AI and earn bonus credits. When someone signs up using your referral link and becomes an active user, you both receive credits. Share your referral link from the Refer & Earn page in your account menu.

Was this section helpful?

Frequently Asked Questions

Do I need to know how to code?

No. MirrorSite AI handles all the technical work. You describe what you want, review the plan, and click build. If you do know how to code, you can also edit the generated code directly.

What kind of applications can MirrorSite AI build?

MirrorSite AI can build a wide range of web applications — dashboards, marketplaces, portfolios, admin panels, booking systems, content platforms, and more. If it has a user interface and stores data, MirrorSite AI can build it.

Can I edit the application after it's built?

Yes. You can edit the source code directly, or use the instruction bar to describe changes in plain language. MirrorSite AI will implement them for you.

How long does it take to build an application?

Most applications are built within a few minutes. The analysis and planning stage takes 30-60 seconds, and the build itself usually takes 1-3 minutes depending on complexity.

Can I connect my own domain name?

Yes. After publishing, you can connect any domain you own. MirrorSite AI provides step-by-step instructions for updating your domain settings.

Is my data secure?

Yes. MirrorSite AI uses industry-standard encryption for all data. Your account is protected with secure sessions, and your application data is stored in encrypted databases.

What happens if I run out of credits?

You can top up your credits at any time via Mobile Money. Your existing projects and applications remain accessible — you just need credits to build new ones or make changes.

Can I export my application?

Yes. You can view and download your application's source code from the workspace. The code is yours to use however you like.

Does MirrorSite AI work on mobile?

MirrorSite AI is designed for desktop use. The applications it builds are fully responsive and work great on mobile devices.

What is the difference between Website Mode and Idea Mode?

Website Mode starts from an existing website — MirrorSite AI analyzes it and builds something based on it. Idea Mode starts from a description — you tell MirrorSite AI what you want, and it creates a plan from scratch.

Was this section helpful?

Ready to build?

Start with 500 free credits. No credit card required.

Get started free