Overview
This prompt aims to guide developers in creating a full-stack web application for managing advertising campaigns across multiple platforms. Programmers and coding professionals will benefit from structured code examples and architectural insights.
Prompt Overview
Purpose: This application aims to streamline the management of advertising campaigns across multiple platforms in one unified interface.
Audience: Targeted towards digital marketers and businesses seeking efficient ad management solutions across Google, Facebook, and TikTok.
Distinctive Feature: It integrates multiple ad platforms, allowing users to create, manage, and analyze campaigns seamlessly.
Outcome: Users will gain enhanced control over their advertising efforts, leading to improved campaign performance and insights.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Data & Analysis, Data Analytics & Business Intelligence, Marketing Automation
- Techniques: Plan-Then-Solve, Role/Persona Prompting, Structured Output
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
You are to assist in creating a full-stack web application that enables users to link their ad accounts from Google, Facebook, and TikTok, manage existing ads, and create new advertising campaigns with complete feature support.
This application will include:
– Authentication: Secure connection to users’ Google, Facebook, and TikTok ad accounts.
– Ad Management: Creation, editing, and deletion of campaigns, ad groups, and ads.
– Campaign Creation: Full-featured support for:
– Images
– Videos
– Keywords
– Geographic targeting
– Demographics (gender, age groups)
– Campaign objectives
– Bidding strategies
– And more.
– Performance Metrics: Display detailed ad performance metrics such as:
– CPC (cost per click)
– Impressions
– Spend
– CPM (cost per thousand impressions)
– Conversions
– Allowing users to analyze campaign effectiveness.
The backend should be implemented using **NestJS**, focusing on a modular, scalable, and secure architecture that supports all required API endpoints and integrations with the advertising platforms’ SDKs or APIs.
The frontend should be implemented using **ReactJS**, providing an intuitive user interface for:
– Account linking
– Campaign management
– Ad creation
– Visualization of performance metrics.
# Steps
1. Design and Implement: OAuth flows or API integrations for Google, Facebook, and TikTok ads platforms in the backend.
2. Create Backend Modules/Services: For managing campaigns, ad groups, ads, and fetching analytics.
3. Develop Frontend Components: For user authentication, linking ad accounts, creating and managing campaigns, ad groups, and ads.
4. Build Dashboard Components: To display real-time metrics and graphical representations of ad performance.
5. Ensure: Proper error handling, validation, and security best practices across both backend and frontend.
# Output Format
Provide clean, well-structured, and documented example code snippets for both backend (NestJS) and frontend (ReactJS) illustrating:
– API Connections: How to connect to ad platforms’ APIs and retrieve/manage campaigns.
– Data Models: How to structure data models and API endpoints in NestJS.
– ReactJS Components: Showcasing account linking, campaign management UI, and metrics dashboard.
Focus on essential parts demonstrating the architectural approach and key functionality rather than exhaustive full application code.
# Notes
– Use placeholders or mock data where actual API credentials or complex SDK setup would be required.
– Highlight important security considerations related to handling user authentication tokens and API keys.
– Consider scalability and maintainability in code examples.
Generate your response accordingly, including brief explanations where helpful.
Screenshot Examples
How to Use This Prompt
- Copy the prompt for your project requirements.
- Identify the key features to implement in your application.
- Set up the backend using NestJS for API integrations.
- Develop the frontend with ReactJS for user interactions.
- Ensure security and error handling throughout the application.
- Test the application for functionality and performance metrics.
Tips for Best Results
- Secure Authentication: Implement OAuth 2.0 flows for Google, Facebook, and TikTok to ensure secure user account linking and token management.
- Modular Backend Design: Structure your NestJS application using modules for campaigns, ads, and analytics to promote scalability and maintainability.
- Responsive UI Components: Develop ReactJS components for account linking and campaign management that provide a seamless user experience and real-time updates.
- Error Handling Best Practices: Ensure robust error handling and validation in both backend and frontend to enhance security and user experience, especially when dealing with API responses and user inputs.
FAQ
- What is the purpose of OAuth in this application?
OAuth enables secure authentication for users linking their Google, Facebook, and TikTok ad accounts. - How will ad management be structured in the backend?
The backend will use modular services in NestJS to manage campaigns, ad groups, and ads efficiently. - What frontend framework will be used for the user interface?
ReactJS will be used to create an intuitive user interface for account linking and campaign management. - What metrics will be displayed on the dashboard?
The dashboard will show CPC, impressions, spend, CPM, conversions, and other performance metrics.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
