🚀 Inspiration
As content creators ourselves, we noticed a painful gap: you have great ideas, but turning one idea into a full week (or month) of platform-specific content feels like a second job. Every platform has different tone rules, character limits, and audience expectations.
Creators spend hours manually rewriting the same post for Instagram, TikTok, LinkedIn, and X — or worse, they cross-post identical content and wonder why engagement tanks.
We built MeDo Studio to be the content creation engine we wished we had — one smart dashboard that generates, adapts, and schedules content natively for each platform.
⚡ What It Does
MeDo Studio is an AI-powered social media content studio that turns a single idea into a full content calendar:
- 🎨 Content Studio — Generate 3 unique captions tailored to your chosen tone (Professional, Casual, Funny, Inspirational) and platform rules.
- 🔍 Hashtag Lab — AI-researched hashtags grouped by reach tier (Trending 1M–5M, Mid-Range 100K–500K, Niche 10K–50K).
- 📅 Content Calendar — Visual 7-day grid to schedule posts with platform-specific color coding.
- ⚡ Viral Hooks — Generate 5 scroll-stopping opening lines for Reels, TikToks, Stories, LinkedIn posts, and Threads.
- ♻️ Post Repurposer — Paste long-form content (blog, script, thread) and get 4 platform-adapted versions instantly.
- 📊 Analytics — Track reach trends and engagement by platform with interactive charts.
- ⚙️ Settings — Connect your own AI provider (OpenAI, Gemini, Mistral, or any custom endpoint like Groq/Together AI/Ollama) with full control over model, temperature, and tokens.
All data persists via
localStorage— no account required, no backend needed, fully self-contained.
🛠️ How We Built It
| Layer | Technology |
|---|---|
| Frontend | React 18 + TypeScript |
| Styling | Tailwind CSS + shadcn/ui |
| Animations | Framer Motion |
| Charts | Recharts |
| Build | Vite |
| AI Integration | Universal callAI() function |
| Storage | localStorage |
🧠 Architecture Highlights
Provider-agnostic AI layer
OnecallAI()function auto-detects provider and formats requests (OpenAI vs Gemini vs others).Prompt engineering per feature
Platform-specific instructions (e.g., Instagram → emojis + hashtags, X → <280 chars).Graceful degradation
If JSON parsing fails, raw text is processed into usable output.Reactive stats bar
Uses custom events to sync UI across tabs.Zero-backend persistence
Everything stored locally using structured JSON.
🚧 Challenges We Ran Into
🔄 Multi-provider API compatibility
Different formats across OpenAI, Gemini, Mistral → solved via unified abstraction layer.
🧩 JSON parsing from LLMs
Fallback logic extracts usable content if parsing fails.
⚡ Real-time stats without backend
Custom storage-update event keeps UI reactive.
📱 Mobile responsiveness
Used CSS Grid (grid-cols-1 md:grid-cols-7) + Framer Motion.
🌐 CORS with custom endpoints
Flexible settings allow custom proxies and local model routing.
🏆 Accomplishments We're Proud Of
- ✅ Universal AI compatibility — 8+ providers from one config
- ✅ Zero backend architecture — fully local, no server cost
- ✅ Realistic AI prompts — platform-aware outputs
- ✅ Seamless repurposing flow — one idea → 4 platforms in seconds
- ✅ Premium UI/UX — glassmorphism, gradients, animations
📚 What We Learned
🧠 Prompt engineering = product quality
Explicit constraints dramatically improve outputs.
💾 localStorage is powerful
Reactive, persistent apps without databases are viable.
🧩 Abstraction > duplication
Single callAI() made scaling providers trivial.
⚠️ Error states are UX
Guided errors improved usability significantly.
🔮 What's Next for MeDo Studio
| Priority | Feature |
|---|---|
| 🔥 High | Direct social media posting (OAuth integrations) |
| 🔥 High | Cloud sync + authentication (Supabase) |
| ⚡ Medium | AI image generation (DALL·E / Stable Diffusion) |
| ⚡ Medium | Usage analytics dashboard |
| ⚡ Medium | Custom prompt templates |
| 💤 Low | Multi-week calendar |
| 💤 Low | Real performance tracking |
Log in or sign up for Devpost to join the conversation.