FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Iregladtechaiworld
Iregladtechaiworldmy-first-val
Public
Like
my-first-val
Home
Code
8
backend
3
frontend
3
shared
1
01_script.tsx
H
02_http.tsx
C
03_cron.tsx
E
04_email.tsx
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
Code
/
Search
https://Iregladtechaiworld--d19079183fa811f0b12176b3cceeab13.web.val.run
README.md

WhatsApp Business Catalog Generator

A comprehensive tool for generating WhatsApp Business catalog content and auto-response scripts.

Features

  • Product Catalog Generation: Convert product lists into WhatsApp catalog-ready format
  • Voice Input Support: Add products using voice commands
  • AI-Enhanced Descriptions: Generate compelling product descriptions
  • Auto-Reply Scripts: Create professional customer support responses
  • Export Options: Download catalog data and scripts

Project Structure

├── backend/
│   ├── index.ts             # Main Hono server
│   ├── routes/
│   │   ├── catalog.ts       # Catalog generation endpoints
│   │   └── voice.ts         # Voice processing endpoints
│   └── services/
│       ├── ai.ts            # AI content generation
│       └── whatsapp.ts      # WhatsApp formatting utilities
├── frontend/
│   ├── index.html           # Main application
│   ├── index.tsx            # React app entry point
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── ProductForm.tsx  # Product input form
│   │   ├── VoiceInput.tsx   # Voice recording component
│   │   ├── CatalogPreview.tsx # Catalog preview
│   │   └── AutoReplyGenerator.tsx # Auto-reply scripts
│   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

Usage

  1. Add Products: Enter product details manually or use voice input
  2. Generate Descriptions: AI enhances product descriptions for better appeal
  3. Preview Catalog: See how products will appear in WhatsApp Business
  4. Create Auto-Replies: Generate professional customer support scripts
  5. Export: Download catalog data and scripts

Tech Stack

  • Backend: Hono + TypeScript
  • Frontend: React + TypeScript + TailwindCSS
  • AI: OpenAI GPT for content generation
  • Voice: Web Speech API for voice input
HTTP
  • index.ts
    Iregladtechaiworld--64…13.web.val.run
  • 02_http.tsx
    Iregladtechaiworld--d1…13.web.val.run
Cron
  • 03_cron.tsx
Email
  • 04_email.tsx
Code
backendfrontendshared01_script.tsx
H
02_http.tsx
C
03_cron.tsx
E
04_email.tsx
README.md
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.