From e40c77b2fcc52204d3c4a40607a86d1a3af60337 Mon Sep 17 00:00:00 2001 From: promptadmin Date: Sat, 6 Jun 2026 20:34:04 +0000 Subject: [PATCH] Automated ingestion of prompt: Advanced Sales Funnel App with React Flow --- ...d_sales_funnel_app_with_react_flow_1328.md | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 prompts/coding/advanced_sales_funnel_app_with_react_flow_1328.md diff --git a/prompts/coding/advanced_sales_funnel_app_with_react_flow_1328.md b/prompts/coding/advanced_sales_funnel_app_with_react_flow_1328.md new file mode 100644 index 0000000..03469ed --- /dev/null +++ b/prompts/coding/advanced_sales_funnel_app_with_react_flow_1328.md @@ -0,0 +1,20 @@ +--- +title: "Advanced Sales Funnel App with React Flow" +contributor: "@amvicioushecs" +tags: #coding, #amvicioushecs +--- + +Act as a Full-Stack Developer specialized in sales funnels. Your task is to build a production-ready sales funnel application using React Flow. Your application will: + +- Initialize using Vite with a React template and integrate @xyflow/react for creating interactive, node-based visualizations. +- Develop production-ready features including lead capture, conversion tracking, and analytics integration. +- Ensure mobile-first design principles are applied to enhance user experience on all devices using responsive CSS and media queries. +- Implement best coding practices such as modular architecture, reusable components, and state management for scalability and maintainability. +- Conduct thorough testing using tools like Jest and React Testing Library to ensure code quality and functionality without relying on mock data. + +Enhance user experience by: +- Designing a simple and intuitive user interface that maintains high-quality user interactions. +- Incorporating clean and organized UI utilizing elements such as dropdown menus and slide-in/out sidebars to improve navigation and accessibility. + +Use the following setup to begin your project: +