liteai.me Documentation

AI Quick Start: Build and Publish an App in Minutes

Follow this quick start guide to generate a beautiful AI app, preview it instantly, and publish it without setting up hosting or writing code manually.

Generate App Code with AI

Open ChatGPT, choose a prompt type below, and paste the exact prompt.

JavaScript App Prompt

Act as a senior frontend developer expert in HTML, Tailwind CSS, and JavaScript.

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>

Provide a single HTML file containing all HTML, Tailwind CSS, and JavaScript.
App Idea: [Enter your idea]

Act as a senior developer. Provide a single HTML file containing HTML, Tailwind CSS, and PyScript.
App Idea: [Enter your idea]

Create, Preview, and Publish

Paste the HTML into the liteai.me online editor, click Preview, and then hit Publish for an instant live link.

Database API

Every LiteAI project allows you to connect a Google Sheet-style interface as your database. You can manage your tables directly in the dashboard UI, or programmatically connect external applications, Python scripts, and websites using our REST API.

Authentication

To use the API, you must generate a Secret API Key from your project dashboard. Include this key as a Bearer Token in the Authorization header of every request.

GET Read Data

Fetch all rows from a specific sheet.

curl -X GET https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/ \
  -H "Authorization: Bearer YOUR_API_KEY"

import requests

url = "https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/"
headers = {"Authorization": "Bearer YOUR_API_KEY"}

response = requests.get(url, headers=headers)
print(response.json())

fetch('https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/', {
  method: 'GET',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY'
  }
})
.then(res => res.json())
.then(data => console.log(data));

POST Insert Data

Add a new row to your sheet. The keys in your JSON payload automatically map to the columns in your database.

curl -X POST https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/ \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Alice", 
    "email": "alice@example.com", 
    "age": 28
}'

import requests

url = "https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/"
headers = {
    "Authorization": "Bearer YOUR_API_KEY"
}
data = {
    "name": "Alice",
    "email": "alice@example.com",
    "age": 28
}

response = requests.post(url, headers=headers, json=data)
print(response.json())

fetch('https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    name: "Alice",
    email: "alice@example.com",
    age: 28
  })
})
.then(res => res.json())
.then(data => console.log(data));

PUT Update Data

Update an existing row. You must include the id of the row you want to update inside the JSON payload.

curl -X PUT https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/ \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "id": 5, 
    "name": "Alice Updated", 
    "status": "Premium"
}'

import requests

url = "https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/"
headers = {
    "Authorization": "Bearer YOUR_API_KEY"
}
data = {
    "id": 5,
    "name": "Alice Updated",
    "status": "Premium"
}

response = requests.put(url, headers=headers, json=data)
print(response.json())

fetch('https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/', {
  method: 'PUT',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    id: 5,
    name: "Alice Updated",
    status: "Premium"
  })
})
.then(res => res.json())
.then(data => console.log(data));

DELETE Delete Data

Delete a row permanently. You must provide the id of the row in the JSON payload.

curl -X DELETE https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/ \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"id": 5}'

import requests

url = "https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/"
headers = {
    "Authorization": "Bearer YOUR_API_KEY"
}
data = {
    "id": 5
}

response = requests.delete(url, headers=headers, json=data)
print(response.json())

fetch('https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/', {
  method: 'DELETE',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    id: 5
  })
})
.then(res => res.json())
.then(data => console.log(data));

Example: Submitting an HTML Form

You can easily connect an HTML form to your database by intercepting the submit event with JavaScript.

<!-- 1. Build your Form -->
<form id="myForm">
  <input type="text" id="name" placeholder="Name" required>
  <input type="email" id="email" placeholder="Email" required>
  <button type="submit">Save to Database</button>
</form>

<!-- 2. Submit with JavaScript -->
<script>
document.getElementById('myForm').addEventListener('submit', async (e) => {
  e.preventDefault();

  const payload = {
    name: document.getElementById('name').value,
    email: document.getElementById('email').value
  };

  const response = await fetch('https://liteai.me/api/v1/PROJECT_ID/SHEET_NAME/', {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(payload)
  });

  if (response.ok) {
    alert('Saved successfully!');
  }
});
</script>

AI Quick Start: Build and Publish an App in Minutes

Generate App Code with AI

Create, Preview, and Publish

Database API

Authentication

GET Read Data

POST Insert Data

PUT Update Data

DELETE Delete Data

Example: Submitting an HTML Form

Frequently Asked Questions

What is liteai.me used for?

Can I publish apps without coding experience?

Can I convert my HTML site to an Android or Desktop app?

Can my app save and load data?