Skip to main content
DataDoe HubHub
(opens in a new tab)
ChatGPT (opens in a new tab)
Claude (opens in a new tab)

Vibe code with Replit

Prerequisites

Create Replit account

  • Go to replit.com (opens in a new tab)
  • 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 (opens in a new tab)
  • 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

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:

Helpful resources