🎯 START HERE - Article Dashboard Quick Start

What Is This?

Your complete article workflow in one beautiful web interface:

┌────────────────────────────────────────────────┐
│                                                 │
│     Enter Keyword → Generate → Preview         │
│             ↓           ↓          ↓            │
│         Validate → Build → Publish              │
│                                                 │
│     ✨ All automated. All in 5-10 minutes ✨   │
│                                                 │
└────────────────────────────────────────────────┘

⚡ Launch Dashboard (2 Steps)

Step 1: Open Terminal Here

cd C:\dev\itblogpros\_automation\webapp

Step 2: Run

Option A - Double Click:

START-DASHBOARD.bat

Option B - Command Line:

npm start

Dashboard opens at: http://localhost:3000

🎬 First Time Setup (One Time)

If you get "npm not found" or similar errors:

cd C:\dev\itblogpros\_automation\webapp
npm install

Then launch with START-DASHBOARD.bat

🎯 Quick Usage Guide

1. Generate Article (3 minutes)

1. Enter keyword (e.g., "WiFi 7 slower than expected")
2. Select product type
3. Click "Generate Article"
4. Watch progress bar
5. Done! Article appears in list

2. Preview Article (30 seconds)

1. Click "Start Preview Server"
2. Click "Preview" on article
3. Review in browser
4. Check Amazon links work
5. Verify formatting

3. Publish Article (1 minute)

1. Click "Publish" on article
2. Confirm action
3. Wait for Git push
4. Live in 2-3 minutes!

📖 Full Documentation

• Complete Setup: _automation/webapp/SETUP-GUIDE.md
• User Manual: _automation/webapp/README.md
• Troubleshooting: See guides above

⚙️ What This Replaces

Old Manual Workflow (30-45 min)

1. ❌ Run Gemini script manually
2. ❌ Validate Amazon links in browser
3. ❌ Build site manually
4. ❌ Check preview manually
5. ❌ Git commands manually
6. ❌ Wait and hope it worked

New Dashboard Workflow (5-10 min)

1. ✅ Enter keyword
2. ✅ Click "Generate"
3. ✅ Click "Preview"
4. ✅ Click "Publish"
5. ✅ Done!

Time Saved: 20-35 minutes per article

🎨 Dashboard Features

• ✅ Real-time progress - Watch article generation live
• ✅ Amazon validation - All links tested automatically
• ✅ Quality scoring - Know if article is publish-ready
• ✅ Live preview - See exactly how it will look
• ✅ One-click publish - Git handled automatically
• ✅ Draft management - Track all articles in one place

🚨 Quick Troubleshooting

Dashboard won't start

cd C:\dev\itblogpros\_automation\webapp
npm install
npm start

Port already in use

# Kill process on port 3000
netstat -ano | findstr :3000
taskkill /PID [number] /F

Preview not working

1. Click "Rebuild Site"
2. Hard refresh browser (Ctrl+Shift+R)
3. Restart preview server

Can't publish

cd C:\dev\itblogpros
git status
git config user.email "[email protected]"
git config user.name "Your Name"

🎓 Learn More

Comprehensive Guides

1. SETUP-GUIDE.md

   • Complete architecture
   • Advanced features
   • Custom configuration

2. README.md

   • Detailed usage guide
   • API documentation
   • Tips & best practices

Quick References

1. QUICK-REFERENCE.md

   • Command cheat sheet
   • Amazon link format
   • Tag requirements

2. ARTICLE-TEMPLATE.md

   • Article structure
   • Front matter format
   • Content guidelines

💡 Pro Tips

1. Preview before publishing - Always check your work
2. Score 80+ - Aim for quality scores above 80
3. Test Amazon links - Click each to verify they work
4. Keep drafts clean - Delete failed generations
5. Monitor progress - Watch real-time updates

🎉 You're Ready!

Launch the dashboard now:

Double-click: _automation\webapp\START-DASHBOARD.bat

Then generate your first article in minutes! 🚀

Questions? See full documentation in _automation/webapp/

Issues? Check troubleshooting sections in guides

Success? Start generating high-quality articles! ✨