Product Development Plan Generator

Product Name

Product Vision (Elevator Pitch)

A 1-2 sentence summary of what the product is and its main benefit.

Problem It Solves

What customer pain point does this product address?

Target Audience

Describe your ideal customer (e.g., demographics, needs, behaviors).

Competitor Analysis

List your main competitors and your key advantage.

Core Features (MVP)

List the absolute minimum features needed to launch and solve the core problem.

Key Success Metrics (KPIs)

How will you measure success after 6 months?

Major Milestones & Timeline

List the key phases and target completion dates.

Core Team Roles

Estimated Budget

Provide a high-level budget estimate in US Dollars ($).

Review your complete plan below. Go back to any tab to make edits.

Click "Next" or "Previous" to refresh this preview.

Competitor Analysis: ${escapeHTML(data.competitors)}

3. Product Scope

Core Features (MVP):

${formatText(data.features)}

Key Success Metrics (KPIs):

${formatText(data.kpis)}

4. Timeline & Resources

Major Milestones:

${formatText(data.milestones)}

Core Team: ${escapeHTML(data.team)}

Estimated Budget: ${escapeHTML(data.budget)}

`; }; const getTxtContent = () => { const data = getPlanData(); let content = `Product Development Plan: ${data.productName}\n`; content += "========================================\n\n"; content += "1. CORE CONCEPT\n"; content += "--------------------\n"; content += `Product Vision: ${data.productVision}\n`; content += `Problem Statement: ${data.problem}\n\n`; content += "2. MARKET & AUDIENCE\n"; content += "--------------------\n"; content += `Target Audience: ${data.audience}\n`; content += `Competitor Analysis: ${data.competitors}\n\n`; content += "3. PRODUCT SCOPE\n"; content += "--------------------\n"; content += `Core Features (MVP):\n${data.features}\n\n`; content += `Key Success Metrics (KPIs):\n${data.kpis}\n\n`; content += "4. TIMELINE & RESOURCES\n"; content += "--------------------\n"; content += `Major Milestones:\n${data.milestones}\n\n`; content += `Core Team: ${data.team}\n`; content += `Estimated Budget: ${data.budget}\n`; return content; }; const downloadTxt = () => { const txtContent = getTxtContent(); const blob = new Blob([txtContent], { type: 'text/plain;charset=utf-8' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = `${inputs.productName.value || 'product_plan'}.txt`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(a.href); }; const downloadPDF = () => { if (typeof window.jspdf === 'undefined' || typeof window.jspdf.jsPDF === 'undefined') { alert('Error: jsPDF library not loaded.'); return; } const { jsPDF } = window.jspdf; const doc = new jsPDF('p', 'mm', 'a4'); const data = getPlanData(); const margin = 20; const pageWidth = doc.internal.pageSize.getWidth(); const usableWidth = pageWidth - (margin * 2); let yPos = 25; // Start position const addWrappedText = (title, text, isTitle) => { if (yPos > 260) { // Check for page break doc.addPage(); yPos = 20; } if (isTitle) { doc.setFontSize(14); doc.setFont(undefined, 'bold'); doc.setTextColor(0, 123, 255); // Blue doc.text(title, margin, yPos); yPos += 8; } doc.setFontSize(11); doc.setFont(undefined, 'normal'); doc.setTextColor(52, 73, 94); // Dark gray const splitText = doc.splitTextToSize(text, usableWidth); doc.text(splitText, margin, yPos); yPos += (splitText.length * 6) + 5; // 6mm per line + 5mm buffer }; // --- Build PDF Document --- doc.setFontSize(20); doc.setFont(undefined, 'bold'); doc.setTextColor(44, 62, 80); doc.text(data.productName, pageWidth / 2, 15, { align: 'center' }); addWrappedText("1. Core Concept", "", true); addWrappedText("Product Vision:", data.productVision, false); addWrappedText("Problem Statement:", data.problem, false); addWrappedText("2. Market & Audience", "", true); addWrappedText("Target Audience:", data.audience, false); addWrappedText("Competitor Analysis:", data.competitors, false); addWrappedText("3. Product Scope", "", true); addWrappedText("Core Features (MVP):", data.features, false); addWrappedText("Key Success Metrics (KPIs):", data.kpis, false); addWrappedText("4. Timeline & Resources", "", true); addWrappedText("Major Milestones:", data.milestones, false); addWrappedText("Core Team:", data.team, false); addWrappedText("Estimated Budget:", data.budget, false); doc.save(`${data.productName.replace(/ /g, '_') || 'product_plan'}.pdf`); }; // --- Event Listeners --- // Tab Buttons tabButtons.forEach((btn, index) => { btn.addEventListener('click', () => showTab(index + 1)); }); // Next/Prev Navigation nextBtn.addEventListener('click', () => showTab(currentTab + 1)); prevBtn.addEventListener('click', () => showTab(currentTab - 1)); // Tab 5 Actions downloadPdfBtn.addEventListener('click', downloadPDF); downloadTxtBtn.addEventListener('click', downloadTxt); // --- Initialization --- showTab(1); // Set initial state });