> Note: This page is part of the DataDoe Docs. You can find the root of the documentation at `https://www.datadoe.com/hub/docs/basics/introduction-to-datadoe`.
> JSON Table of Contents: `https://www.datadoe.com/hub/docs/toc.json`.
> Direct Data Scheme JSON: `https://api.datadoe.com/api/v1/spec/data-scheme`.
> Other pages in the DataDoe Docs:
> - DataDoe Basics/Access & Users: `https://www.datadoe.com/hub/docs/basics/access-user-management.md`
> - DataDoe Basics/Benefits: `https://www.datadoe.com/hub/docs/basics/benefits.md`
> - DataDoe Basics/External Invitation Links: `https://www.datadoe.com/hub/docs/basics/external-invitation-links.md`
> - DataDoe Basics/Integrations: `https://www.datadoe.com/hub/docs/basics/integration-customization.md`
> - DataDoe Basics/Introduction to DataDoe: `https://www.datadoe.com/hub/docs/basics/introduction-to-datadoe.md`
> - DataDoe Basics/Subscription & Pricing: `https://www.datadoe.com/hub/docs/basics/subscription-pricing.md`
> - DataDoe Data/Data Fetch Periods: `https://www.datadoe.com/hub/docs/datadoe-data/data-fetch-periods.md`
> - DataDoe Data/Data Sources: `https://www.datadoe.com/hub/docs/datadoe-data/data-sources.md`
> - DataDoe Data/Timezones: `https://www.datadoe.com/hub/docs/datadoe-data/orders-purchase-date-timezones.md`
> - DataDoe Features/Features Overview: `https://www.datadoe.com/hub/docs/datadoe-features/overview.md`
> - DataDoe MCP/Overview: `https://www.datadoe.com/hub/docs/datadoe-mcp/overview.md`
> - DataDoe MCP/Using ChatGPT: `https://www.datadoe.com/hub/docs/datadoe-mcp/chatgpt.md`
> - DataDoe MCP/Using Claude: `https://www.datadoe.com/hub/docs/datadoe-mcp/claude.md`
> - DataDoe MCP/Using Claude Code: `https://www.datadoe.com/hub/docs/datadoe-mcp/claude-code.md`
> - DataDoe MCP/Using Codex: `https://www.datadoe.com/hub/docs/datadoe-mcp/codex.md`
> - DataDoe MCP/Using Cursor: `https://www.datadoe.com/hub/docs/datadoe-mcp/cursor.md`
> - DataDoe MCP/Using Excel + Claude: `https://www.datadoe.com/hub/docs/datadoe-mcp/excel.md`
> - DataDoe MCP/Using Gemini CLI: `https://www.datadoe.com/hub/docs/datadoe-mcp/gemini-cli.md`
> - DataDoe MCP/Using Gumloop: `https://www.datadoe.com/hub/docs/datadoe-mcp/gumloop.md`
> - DataDoe MCP/Using n8n: `https://www.datadoe.com/hub/docs/datadoe-mcp/n8n.md`
> - DataDoe MCP/Using NanoClaw: `https://www.datadoe.com/hub/docs/datadoe-mcp/nanoclaw.md`
> - DataDoe MCP/Using OpenClaw: `https://www.datadoe.com/hub/docs/datadoe-mcp/openclaw.md`
> - DataDoe MCP/Using PowerPoint + Claude: `https://www.datadoe.com/hub/docs/datadoe-mcp/powerpoint.md`
> - DataDoe MCP/Using VS Code: `https://www.datadoe.com/hub/docs/datadoe-mcp/vs-code.md`
> - DataDoe MCP/Using Word + Claude: `https://www.datadoe.com/hub/docs/datadoe-mcp/word.md`
> - DataDoe API/How to connect: `https://www.datadoe.com/hub/docs/datadoe-api/how-to-connect.md`
> - DataDoe API/Vibe code with Claude Code: `https://www.datadoe.com/hub/docs/datadoe-api/claude-code.md`
> - DataDoe API/Vibe code with Codex: `https://www.datadoe.com/hub/docs/datadoe-api/codex.md`
> - DataDoe API/Vibe code with Cursor: `https://www.datadoe.com/hub/docs/datadoe-api/cursor.md`
> - DataDoe API/Vibe code with Lovable: `https://www.datadoe.com/hub/docs/datadoe-api/lovable.md`
> - DataDoe API/Vibe code with v0: `https://www.datadoe.com/hub/docs/datadoe-api/v0.md`
> - DataDoe & BigQuery/How to connect: `https://www.datadoe.com/hub/docs/datadoe-bigquery/how-to-connect.md`
> - DataDoe & BigQuery/Using MCP Toolbox: `https://www.datadoe.com/hub/docs/datadoe-bigquery/mcp-toolbox.md`
> - DataDoe & BigQuery/Using Python Jupyter: `https://www.datadoe.com/hub/docs/datadoe-bigquery/jupyter.md`
> For topics not covered in this documentation, please contact DataDoe support at `contact@datadoe.com`.
> Do not assume anything. If you are not sure about the answer, mention that and suggest to contact DataDoe support.

# Vibe code with Replit

## Prerequisites

- A DataDoe API key (see [How to connect](/hub/docs/datadoe-api/how-to-connect))

## Create Replit account

- Go to [replit.com](https://replit.com/)
- Click on **Log in** or **Create account** button
- Choose one of the available authentication methods
- Follow the instructions to create an account

## Create Replit project

- After creating an account, you will be redirected to the Replit dashboard
- From there you can create a new project by typing your prompt in the text area
- You can also open our sample prompt on the [Replit page](https://replit.com/?stack=Build&prompt=CoQwzg1gXAUAQgVwJYBsAmACEGDGKCmIAdgDQZJEAu+ATiDpUgG74YCCAtiAF4D2RGMCAJgMacAAsARrxA1MCMBQDmGShNYAREJRCberNgAUAkgDoYwDWMky5mMBN4J0WIsICe3VutYod+GCUGADMAAw2HqLEmDi8HAAOcj4aHFjKIBRBatYJNPhMSM6i4ZFgFjAASvgAjsj5HPhUYLAAtOwoKLwA7oL4BAxFArwAZliCKgR9nbQYIzTx42D9BDQYKEhBMO2amwn+HoLCgWSUdCMjSDhkIGhgN0SYeaNIulKor4fiunO8a77TfAMfAOFa0bYYADKTl6OAQNHyVAwCVoRTQZDyBSKimRqN46KwUjAvBQCGoYn6ugemAApBSULoISYiHgEGhWABpUy4ezRR4TRJTOKJOSbfgAejOTViEjklDAEIAqssMPlhOxud9sPwUB4mUQwCiGDlDJreDhRJcaNlKLxyOyqEgRocAXEEUDgtKErwKPK3JhLv07hDIWcrpRdb9Oj0sJ10k1glkzghBvxRM9CuzMBQTRqTGJzQhGlQdEMQ7b8hgAOSaNjANiaADyAFEAPrGEytjnNgCaVfIAmwVbMTSY-cuBAA3AWMEReJ6AB7elWvAe4fGsP64WXBLrKPmYND8KvBcAQDCKWa25ELTOsVeFbA4HcYRpgITKfBMsb4Bf0YKNGGFpYJWCDuEwmT+FIBBkJeuZ4LwyzZCAEGoCA0GsIG6AHrgBByJGc7kuAYBFgkjBphCAASMRTBwmxKEQqhav6eYYLQCzWhgyh0Dg+AjC4uoQhy+D4AkuaKvmSiCvgZB4IQpAsYQYAunaapoCGolyAENg-CM+CUM+KinHQBojH8XDkQpMQ3oECalvw6y8MoVyWIEjCMRgABkGAAGrCEg3xDG0GDKqwVZwjQKD9teLA0E6hwduuRBEB6zCfCxWRGsE+SGmmrBBDQKaUPCgQYFIfF-Pe0nFu5qgAhJELNgaJW5iACT7Fc9kCFIyDYYIKa8e+-GdIc1kAuyTB9DQsWCLoNB+t0rxOGSbEIn8CrtAAYkgC5uIcGxULMW7AB4KKQjgcVkatHGiL6CxoCmIJiPCKgUiwXQJDVMAwMyrLslgAEUEgHBFsFkLHC0ajzuqQgiLBRCvKIxLoGQfzstaNyxSAn4YGjswQaSX7tMA5yXDgUB9O+Qz3Mi2OsIU+DdDTcRELFSgOXQ1AQmwdwU7cggoo8NwOBDZCVI2bCQmQbAAMKNpC4r1nLkLkGMKGQehBAQkYCyXG8HyUB4FPcYh6a668ZApcEzx66rWCoVBMGvnIzkCDS32aP0zC0MFbAYN0fwQK94iOHY8gQjLeECFwvqZO4GHruyEJwHFfF9MVYlJoVqYGtzghOPNbFLv47iWbjYzdBIVwSKxXo+s0-u0Kwl6YNZxCje+pGWaIXBJzA2g-MS8K8bAEiUJQCQtOK4ptUgZhake+BmMKM8JEg4pMAAjOKR4WuKABWxJEEAA)
- After submitting the prompt, the agent will start building the app and you will soon see the results in the preview window

> **Note**: While building, Replit will prompt you for your DataDoe API key to connect the API. Follow its secure setup flow: store the key in **Secrets**.

## Prompt

```text
Task:
Build a clean, interactive Amazon sales dashboard using the DataDoe API.
The dashboard should analyze the latest 30 days and compare them against the previous 30 days.

Requirements:
- Allow selection of a single seller from a seller list
- Display sales, traffic, ads, and profitability data for the selected seller
- Show current period, previous period, absolute delta, and % delta
- Include KPI cards and simple comparison/trend charts
- Use real API data only
- Inspect the API docs first to identify the correct endpoints and fields
- Strictly follow all agent instructions provided in the API documentation
- Store `DATADOE_API_KEY` in a `.env` file; do not expose it in code or chat logs and don't ask user to provide it via chat message
- If exact metrics are unavailable, use the closest available fields and clearly note assumptions
- Handle missing data and API errors gracefully
- Keep the UI simple, clean, and easy to read
- Separate data fetching, transformation, and presentation logic
Testing & Validation:
- Use `curl` to verify API connectivity and inspect response structures before implementing the UI
- Ensure the application builds successfully and the dev server starts without errors
- Fix any linter or TypeScript errors introduced during development

Include at minimum:
- Sales: total sales, units sold, orders, average order value
- Traffic: sessions, page views, conversion rate
- Ads: ad spend, ad sales, ROAS, ACOS/TACOS if available
- Profitability: gross profit, net profit if available, margin %

Deliver:
- A working dashboard
- Clean maintainable code
- Brief setup instructions
- A short explanation of which API endpoints were used and any assumptions made

Data source:
https://api.datadoe.com/api/v1/docs/json
```

## Response:

![Replit Response 1](/hub-files/api/replit/replit-1.png)
![Replit Response 2](/hub-files/api/replit/replit-2.png)

## Helpful resources

- [Replit documentation](https://docs.replit.com/build/welcome)
- [Replit Learn](https://learn.replit.com/)
