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 v0

Prerequisites

Create v0 account

  • Go to v0.app (opens in a new tab)
  • Click on Sign in or Sign Up button
  • Choose one of the available authentication methods
  • Follow the instructions to create an account

Create v0 project

  • Go to the home page or click the New Chat button
  • Type your prompt in the text area
  • You can also open our sample prompt on the v0 page (opens in a new tab)
  • You can also browse available templates at v0.app/templates (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, v0 will prompt you for your DataDoe API key to connect the API. Follow its secure setup flow: store the key in Environment Variables.

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