🎨 Creator Platform - AI-Powered Instagram Content Suite

Project link: https://developer-assignment-oci3.vercel.app/

Video Link: https://drive.google.com/file/d/1WOLS1q22y1vzy_m6hUGhDzEuTuGIF681/view?usp=drivesdk

Transform your Instagram content creation with AI-powered insights, beautiful analytics, and seamless content management.

🌟 What is Creator Platform?

Creator Platform is a comprehensive AI-powered suite designed specifically for Instagram content creators, influencers, and social media managers. It eliminates the time-consuming struggle of content creation by providing intelligent content generation, performance analytics, and organized content management - all in one beautiful, professional interface.

🎯 Perfect For:

• Content Creators looking to scale their Instagram presence
• Influencers who need consistent, engaging content ideas
• Social Media Managers managing multiple accounts
• Agencies serving creator clients
• Anyone wanting to grow their Instagram professionally

---

✨ Key Features

🤖 AI Content Generator

• Smart Topic Input: Simply enter your content topic and select your niche
• Complete Content Packages: Get reel ideas, hooks, captions, and hashtags instantly
• Niche-Specific: Tailored content for fashion, fitness, lifestyle, tech, and more
• One-Click Copy: Copy any content element to clipboard instantly

📊 Analytics Dashboard

• Beautiful Visualizations: Track follower growth and engagement with stunning charts
• Performance Insights: Understand what content works best
• Data Import/Export: Upload your Instagram data or generate sample analytics
• Real-time Metrics: Monitor engagement rates, likes, comments, and growth

📚 Content Bank

• Organized Library: All generated content automatically saved and searchable
• Smart Filtering: Filter by niche, date, or search specific topics
• Easy Management: Copy, delete, and organize your content ideas
• Pagination: Efficiently browse through large content collections

🏠 Unified Dashboard

• Quick Access: Navigate between all features seamlessly
• Platform Stats: See overall platform usage and success metrics
• Beautiful Design: Warm beige/brown aesthetic with glass-morphism effects

🚀 Quick Start Guide

Prerequisites

Before you begin, ensure you have:

• Node.js (version 16.0 or higher)
• MongoDB (local installation or MongoDB Atlas)
• Git for cloning the repository

Configure your environment variables in .env:

- MONGODB_URI=your_mongodb_connection_string

- OPENAI_API_KEY=your_openai_api_key

- CLERK_SECRET_KEY=your_clerk_secret_key

- PORT=5000

Start the backend server

npm run dev

🎨 User Journey

Step 1: Sign Up & Authentication

1. Visit the platform and click "Sign Up"
2. Create your account using Clerk authentication
3. Complete your profile setup

Step 2: Generate Your First Content

1. Navigate to "Content Ideas" from the navbar
2. Enter your content topic (e.g., "Morning workout routine")
3. Select your niche (fitness, lifestyle, etc.)
4. Click "Generate Content Ideas"
5. Get instant AI-generated reel ideas, hooks, captions, and hashtags

Step 3: Explore Analytics

1. Go to "Analytics" section
2. Click "Generate Sample Data" to see demo analytics
3. Or upload your own Instagram data (JSON format)
4. Explore beautiful charts showing follower growth and engagement

Step 4: Manage Your Content

1. Visit "Content Bank" to see all saved content
2. Use search and filters to find specific content
3. Copy content elements with one click
4. Organize and manage your content library

---

🛠 Technology Stack

Frontend

• React 18 - Modern UI library
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• Lucide React - Beautiful icon library
• Chart.js - Stunning data visualizations
• Clerk - Authentication and user management

Backend

• Node.js - JavaScript runtime
• Express.js - Web application framework
• MongoDB - NoSQL database
• Mongoose - MongoDB object modeling
• GROQ API - AI content generation
• CORS - Cross-origin resource sharing

Design Features

• Glass-morphism Effects - Modern, translucent UI elements
• Responsive Design - Perfect on all devices
• Warm Color Palette - Beige, brown, and white aesthetic
• Diagonal Grid Patterns - Sophisticated background designs
• Smooth Animations - Polished user interactions

Automatic Saving**: All generated content saved to your bank

• Search & Filter: Find content by keywords or niche
• Copy to Clipboard: One-click copying for easy use
• Pagination: Efficient browsing of large content collections