A modern web application powered by CrewAI multi-agent system for automated blog post creation and brand compliance review.
- 🤖 Multi-Agent System: Uses CrewAI with two specialized agents:
- Creative Writer: Generates engaging, informative blog posts
- Brand Reviewer: Ensures content adheres to brand guidelines
- 🎨 Modern UI/UX: Beautiful, responsive interface with real-time updates
- 🔄 Real-time Status: Live project tracking and workflow visualization
- 🔒 Secure: API keys are used per-request and not stored
pip install -r requirements.txtpython app.pyThe server will start on http://localhost:5000
Open index.html in your web browser, or serve it using a simple HTTP server:
# Using Python
python -m http.server 8000
# Or using Node.js
npx http-serverThen navigate to http://localhost:8000 (or the port you chose).
- Enter Your OpenAI API Key: Get your API key from OpenAI Platform
- Fill in the Form:
- Project Name (optional): Give your project a name
- Blog Topic: What should the blog post be about?
- Brand Guidelines: Specify tone, style, target audience, and brand requirements
- Click "Generate Content": The agents will work together to create and review your content
- View Results: Watch the workflow progress in real-time and see the final output
GET /api/health- Health checkGET /api/projects- Get all projectsPOST /api/projects- Create a new projectGET /api/projects/<id>- Get a specific projectPUT /api/projects/<id>- Update a project
.
├── app.py # Flask backend API
├── models.py # Original CrewAI agent code (reference)
├── index.html # Frontend UI
├── requirements.txt # Python dependencies
└── README.md # This file
- The API key is required for each request but is not stored on the server
- Projects are stored in memory (for production, use a database)
- The system uses GPT-4o-mini for cost-effective, fast processing
- Content generation typically takes 30-60 seconds
Backend won't start:
- Make sure port 5000 is not in use
- Check that all dependencies are installed
Frontend can't connect:
- Ensure the backend is running on
http://localhost:5000 - Check browser console for CORS errors
Content generation fails:
- Verify your OpenAI API key is valid
- Check that you have sufficient API credits
- Review the error message in the project details
This project is created for hackathon purposes.