Transform your handcrafted products into compelling stories with AI-powered tools
A comprehensive platform designed specifically for Indian artisans to enhance their products, generate marketing content, and create professional microsites with QR codes for easy sharing.
- Image Enhancer: AI-powered image enhancement for product photos
- Voice Recording: Speech-to-text for product descriptions
- AI Content Generator: Generate compelling product descriptions and marketing content
- Smart Pricing Calculator: AI-assisted pricing recommendations
- QR Microsite Generator: Create instant product webpages with QR codes
- Festival Campaigns: Generate seasonal marketing content
- Next.js 14 with App Router
- TypeScript for type safety
- Tailwind CSS for modern styling
- Google Cloud AI integration
- Vercel deployment
- Responsive design for mobile and desktop
Production URL: https://aitrystt.vercel.app
aitrystt/
├── app/ # Next.js App Router
│ ├── api/ # API Routes
│ │ ├── analyze-image/ # Image analysis
│ │ ├── calculate-pricing/ # Pricing calculations
│ │ ├── create-product/ # Product creation
│ │ ├── enhance-image/ # Image enhancement
│ │ ├── generate-content/ # Content generation
│ │ ├── generate-festival-campaign/ # Festival campaigns
│ │ ├── generate-platform-content/ # Platform content
│ │ ├── get-product/ # Product retrieval
│ │ ├── transcribe/ # Speech transcription
│ │ └── vertex-ai/ # Vertex AI integration
│ ├── dashboard/ # Dashboard page
│ ├── product/[id]/ # Dynamic product pages
│ ├── studio/ # Studio tools
│ │ ├── ai-content/ # AI content generator
│ │ ├── festival-campaigns/ # Festival campaigns
│ │ ├── image-enhancer/ # Image enhancer
│ │ ├── qr-microsite/ # QR microsite generator
│ │ ├── smart-pricing/ # Smart pricing
│ │ └── voice-recording/ # Voice recording
│ ├── globals.css # Global styles
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/ # React components
│ ├── ui/ # UI components (shadcn/ui)
│ ├── app-shell.tsx # Main app shell
│ ├── BackendProvider.tsx # Backend context
│ ├── content-generator.tsx # Content generation
│ ├── festival-campaigns.tsx # Festival campaigns
│ ├── image-uploader.tsx # Image upload
│ ├── pricing-calculator.tsx # Pricing calculator
│ ├── qr-microsite.tsx # QR microsite
│ ├── theme-provider.tsx # Theme provider
│ └── voice-recorder.tsx # Voice recording
├── hooks/ # Custom React hooks
├── lib/ # Utility libraries
│ ├── backend.ts # Backend utilities
│ ├── firebase.ts # Firebase utilities
│ ├── utils.ts # General utilities
│ ├── vertexAIServer.ts # Vertex AI server
│ └── vertexImagenServer.ts # Vertex Imagen server
├── public/ # Static assets
├── scripts/ # Build scripts
├── components.json # shadcn/ui config
├── next.config.mjs # Next.js config
├── package.json # Dependencies
├── postcss.config.mjs # PostCSS config
├── service-account-key.json # Google Cloud credentials
└── tsconfig.json # TypeScript config
- Node.js 18+
- npm or yarn
- Google Cloud Project with AI services enabled
-
Clone the repository
git clone <repository-url> cd aitrystt
-
Install dependencies
npm install
-
Set up environment variables Create a
.env.localfile with:GOOGLE_CLOUD_PROJECT_ID=your-project-id GOOGLE_APPLICATION_CREDENTIALS=./service-account-key.json NEXT_PUBLIC_BASE_URL=https://aitrystt.vercel.app
-
Add Google Cloud credentials
- Place your
service-account-key.jsonin the root directory - Ensure the service account has access to:
- Vertex AI
- Cloud Storage
- Firestore
- Place your
-
Run development server
npm run dev
-
Open in browser Navigate to
http://localhost:3000
-
Install Vercel CLI
npm install -g vercel
-
Login to Vercel
vercel login
-
Deploy
vercel --prod
-
Set environment variables in Vercel dashboard
GOOGLE_CLOUD_PROJECT_IDGOOGLE_APPLICATION_CREDENTIALS(upload service account key)
- Upload Product Image: Use the Image Enhancer to improve product photos
- Record Description: Use Voice Recording to describe your product
- Generate Content: Let AI create compelling product descriptions
- Calculate Pricing: Get AI-assisted pricing recommendations
- Create QR Microsite: Generate a shareable product webpage with QR code
- Festival Campaigns: Create seasonal marketing content
- Scan QR Code: Access product information instantly
- View Product Details: See enhanced images and descriptions
- Contact Artisan: Use WhatsApp integration for direct orders
- Share Products: Share interesting products with others
POST /api/analyze-image- Analyze product imagesPOST /api/calculate-pricing- Calculate product pricingPOST /api/create-product- Create new productPOST /api/enhance-image- Enhance product imagesPOST /api/generate-content- Generate marketing contentPOST /api/generate-festival-campaign- Generate festival campaignsPOST /api/generate-platform-content- Generate platform-specific contentGET /api/get-product- Retrieve product informationPOST /api/transcribe- Transcribe voice recordingsPOST /api/vertex-ai- Vertex AI integration
- Frontend: Next.js 14, React 18, TypeScript
- Styling: Tailwind CSS, shadcn/ui
- AI Services: Google Cloud Vertex AI, Vertex Imagen
- Database: Google Cloud Firestore
- Storage: Google Cloud Storage
- Deployment: Vercel
- Authentication: Google Cloud IAM
The application is fully responsive and optimized for mobile devices, making it easy for artisans to use on their smartphones.
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
This project is licensed under the MIT License.
For support and questions:
- Create an issue in the repository
- Contact the development team
Built with ❤️ for Indian Artisans