Lovable Clone

Lovable Clone

Clone of the Lovable AI App Builder - Build Apps with AI

Lovable Clone is a React Native / Expo-based clone of the Lovable AI app builder, enabling AI-powered mobile and web application generation with Expo Router, TypeScript, and a modern UI component system.

Overview

LOVABLE-CLONE is a mobile and web application that replicates the experience of AI-powered app builders like Lovable. Built with Expo SDK 52 and React Native with TypeScript, it uses Expo Router for file-based navigation and provides a cross-platform foundation (iOS, Android, Web) for AI-generated application experiences.

Features

• AI App Builder Clone - Replicates the core experience of Lovable's AI-powered app generation
• Cross-Platform - Works on iOS, Android, and Web via Expo SDK 52
• File-Based Routing - Expo Router for intuitive, file-based navigation
• Modern UI Components - React Navigation v7, Expo Vector Icons, Lucide icons, blur effects
• Camera Support - Expo Camera integration for photo and vision features
• Custom Fonts - Expo Fonts for branded typography
• TypeScript - Full type safety across the entire application
• Web Export - Build and export as a progressive web app with build:web
• Bottom Tab Navigation - Native-feeling tab-based navigation via React Navigation Bottom Tabs
• Linting - Expo lint for code quality

Tech Stack

Quick Start

# Clone the repository
git clone https://github.com/yethikrishna/LOVABLE-CLONE.git
cd LOVABLE-CLONE

# Install dependencies
npm install

# Start the development server
npm run dev

# Or start with Expo directly
npx expo start

# Build for web
npm run build:web

# Run on iOS simulator
npx expo run:ios

# Run on Android emulator
npx expo run:android

# Lint the codebase
npm run lint

Project Structure

LOVABLE-CLONE/
├── app/                   # Expo Router file-based routes
├── components/            # Reusable React Native components
├── assets/                # Images, fonts, and static assets
├── hooks/                 # Custom React hooks
├── package.json
├── tsconfig.json
├── app.json               # Expo configuration
├── .prettierrc            # Code formatting
└── babel.config.js        # Babel configuration (if present)

Getting Started with Expo

This project uses Expo for cross-platform development. Make sure you have:

1. Node.js 18+ installed
2. Expo Go app on your mobile device (for testing)
3. Xcode (for iOS) or Android Studio (for Android) if building natively

Scripts

• npm run dev - Start Expo development server on port 3000 (no telemetry)
• npm run build:web - Export the app for web deployment
• npm run lint - Run Expo's built-in linter

Contributing

Contributions are welcome! Feel free to submit issues or pull requests to help improve the clone.

License

This project is for educational and demonstration purposes. Please refer to the repository for license details.