CompletedJavaScriptReactTailwind CSS+6 more
ContentCraft.AI
An all-in-one AI content creation platform to generate articles, images, resumes reviews, and manage everything from a single dashboard.
Timeline
1 month
Role
Full Stack
Team
Solo
Status
CompletedTechnology Stack
JavaScript
React
Tailwind CSS
OpenAI API
Image Generation Models
Node.js
SQL
Clerk Auth
Vercel
Key Challenges
- Prompt engineering for quality content
- SEO-friendly long-form article generation
- Handling multiple AI tools in one platform
- Image generation style control
- Background and object removal accuracy
- Designing a scalable dashboard
Key Learnings
- Prompt optimization
- Content length and structure control
- AI image generation pipelines
- User-centric dashboard design
- Managing AI usage limits
- Building AI-first SaaS products
ContentCraft.AI: AI-Powered Content Creation Platform
Overview
ContentCraft.AI is an easy-to-use AI platform designed to help creators, developers, and professionals generate high-quality content faster. From writing SEO-friendly articles to generating images and reviewing resumes, everything is available in one unified dashboard.
What Users Can Do
- Write Articles: Generate high-quality articles on any topic.
- Control Length: Choose short (500–800 words), medium (800–1200 words), or long (1200+ words) formats.
- Generate Blog Titles: Instantly create catchy and relevant blog titles using keywords.
- Create Images: Generate AI images by simply describing a scene.
- Choose Styles: Create realistic, anime, Ghibli-style, or 3D-style images.
- Edit Images: Remove backgrounds or unwanted objects with one click.
- Resume Review: Upload resumes and receive AI-powered feedback and improvement suggestions.
- Dashboard Management: Track all generated content and manage usage from a single place.
Why I Built This
I built ContentCraft.AI to solve a common problem I saw everywhere:
- Content creation takes too much time.
- Switching between multiple tools breaks workflow.
- Existing tools are either too complex or too expensive.
- Beginners struggle with SEO-friendly writing.
- Image creation and editing usually require design skills.
The goal was simple: one platform, many AI tools, zero friction.
Tech Stack
- React
- JavaScript
- React
- Tailwind CSS
- Node.js
- SQL
- Clerk Authentication
- Cloudinary
- OpenAI API
- AI Image Generation Models
Architecture Highlights
- Modular AI tools inside a single dashboard.
- Prompt-driven article and title generation.
- Image generation with multiple visual styles.
- Secure authentication and user-specific content storage.
- Optimized API usage to reduce latency and cost.
- Deployed on Vercel with environment-based configs.
After Launch & Impact
- Built a complete AI SaaS product from scratch.
- Gained deep understanding of prompt engineering.
- Learned how users interact with AI-generated content.
- Improved UX design for AI-heavy applications.
- Strengthened knowledge of building scalable AI tools.
Future Plans
- Add multi-language content generation.
- Introduce content scheduling and ex