Скачать или смотреть How to build (vibe-code) an AI agent for NPS analysis | DIY for Product Marketers

Why watch?
As PMM, if you’re tracking the user sentiment and voice of customer analysis, then you can built this into an in-house app with custom logic and prompts specific to your company process.

Check out my QBack newsletter (link in my bio) to see all prompts, flow of data, charts and visualizations to use.

User Journey Steps
1. Landing Page: Value proposition with clear benefits and trust indicators

2. File Upload: Drag-and-drop interface with format examples and validation

3. Data Preview: Column mapping, validation feedback, and data preview table
4. Analysis Configuration: Tiered packages (Quick/Standard/Executive) with pricing
5. AI Processing: Real-time progress indicators with estimated completion times
6. Enhanced Dashboard: Comprehensive insights with AI-generated recommendations


Frontend Architecture
Framework: React 18 with TypeScript
Build Tool: Vite for fast development and optimized builds
Styling: Tailwind CSS with shadcn/ui component library
State Management: React hooks with custom hooks for data management
Data Visualization: Recharts for charts and graphs
File Processing: Papa Parse for CSV parsing, client-side PDF processing
Routing: Wouter for lightweight client-side routing

Backend Architecture
Server: Express.js with minimal API surface
Session Storage: In-memory storage for development
Static Serving: Vite middleware in development, static files in production