AI Prompt: Build a Duda demo in minutes
________________


Create a full-stack demo application showcasing Duda API integration with the following specifications:
Tech Stack:
- Backend: Node.js/Express server
- Frontend: React + Vite
- API Integration: Duda Partner API
Core Features:
1. Template Gallery: Display 9 random Duda templates in a grid with thumbnails and names. 
2. Interactive UI: Template selection with hover effects, step-by-step progress indicator
3. Site Creation Workflow: Single API call that creates site, account, grants full permissions, and generates SSO link
4. API Guide: Real-time display of current API endpoints being called
API Endpoints to Implement:
- GET /sites/multiscreen/templates (fetch templates)
- POST /sites/multiscreen/create (create site)
- POST /accounts/create (create customer account)
- POST /accounts/{account_name}/sites/{site_name}/permissions (grant access)
- GET /accounts/sso/{account_name}/link (generate SSO)
UI Requirements:
- Modern, trendy design with rounded corners and clean typography
- Header: "Best SaaS Company" with custom logo
- Responsive grid layout for templates
- Hover overlays with "See Preview" and "Create Site" buttons on templates 
-Intake Form: Form requesting new client name and email address after a template has been selected. 
- Success page after site creation with "Edit" and "Preview" buttons 
Technical Requirements:
- Environment variables for Duda API credentials
- CORS configuration for frontend-backend communication
- Error handling with detailed logging
- Vite proxy configuration for API calls
- Comprehensive error messages for debugging
-Duda's API needs a moment for the account to be fully created before permissions can be assigned. Add proper error handling and a small delay between each Duda API call to ensure that all API calls are executed in the correct sequence.
-Add a debugging script to help me troubleshoot in case the app doesn’t work. 
File Structure:
- This will be a single integrated project with both frontend and backend components.
- Create separate files for the Full-Stack Duda API Demo App with a complete file structure. 
- Root: package.json, server.js, .env, README.md
- Client: React components with CSS modules
- Startup script for easy development
Include detailed comments explaining the workflow and API calls at each step.