Landing Page
Social Connections
Admin Portal
Meme Generation

🚀 AutoAuthor | Bolt Hackathon Submission

About the Project

Why We Built AutoAuthor

Consistent, high-quality social media posting is one of the biggest headaches for small businesses, creators, and even enterprise brands.
Keeping up with daily content across multiple platforms is time-consuming, repetitive, and often the first thing to fall off when things get busy. The barrier to entry for AI-assisted content creation—that’s fast, scalable, and brand-specific—is still too high for most people.

We built AutoAuthor to solve this problem.
Our mission is simple:
👉 Write Less. Publish More. Grow Faster.

AutoAuthor makes it easy and fast to generate social media posts, create custom meme-style graphics, schedule campaigns, and instantly publish across Facebook, Twitter, LinkedIn, and Instagram—all from a web or mobile app.

How We Built It

Frontend

Web App: Built with React and Supabase
🔗 Try it here
Admin Portal: React-based internal tool to manage users, brands, and social media connections
🔗 Admin Portal
Mobile App: Built using React Native + Expo on Bolt
🔗 AutoAuthor Lite Mobile

Backend

Supabase: Handles database, authentication, storage, and edge functions.
Edge Functions:
- AI-powered post generation
- Meme image creation (HTML ➡️ SVG ➡️ PNG)
- Campaign-based post scheduling with Supabase cron triggers

AI Stack

OpenAI & Google Gemini for generating brand-aligned content
Brand vector embeddings for AI context tuning
Meme generator powered by Satori and Resvg for image processing inside Deno Edge Functions

Integrations

Facebook, Twitter, LinkedIn, Instagram via OAuth with secure token management
Google Fonts for dynamic text styling in memes
Supabase sessions for shared auth across web and mobile

Key Features

✅ AI-generated, platform-optimized social media posts
✅ Campaign scheduling (set it and forget it)
✅ Meme-style image generation with custom overlays and Google Fonts
✅ Brand-aware AI tuning for voice and tone
✅ Multi-platform publishing with live OAuth token management
✅ Bolt-powered mobile app for quick content creation on the go
✅ Admin portal to manage users, brands, and social connections

Challenges We Faced

🖼️ Image Rendering in Edge Functions

Building an image pipeline (HTML ➡️ SVG ➡️ PNG) inside a Deno runtime was no small task. We had to carefully separate text rendering, image capture, and font handling to make the process stable and scalable.

🔡 Google Fonts in a Stateless Environment

Dynamically loading fonts without persistent storage pushed us to find creative workarounds using web-safe fonts and remote font injection.

🔐 OAuth Token Management

Managing cross-platform token refresh securely across web and mobile, while enforcing strict Supabase Row Level Security, required tight backend coordination.

📝 AI Prompting for Multi-Platform Tone

Getting AI to write content that sounds right for each platform—short and punchy for Twitter, more conversational for Facebook—took multiple iterations and careful prompt tuning.

🔄 Syncing Mobile and Web

Ensuring the Bolt-built mobile app and the web platform shared real-time updates, synchronized sessions, and consistent user data was a critical (and complex) challenge.

What We Learned

Supabase Edge Functions are powerful, but designing complex AI + image pipelines inside Deno environments requires careful orchestration.
OAuth token management at scale needs bulletproof backend validation and seamless refresh logic.
AI prompt engineering is not one-size-fits-all—platform-aware prompting is key to real engagement.
Mobile-first UX via Bolt is a game-changer for rapid app deployment when paired with a solid Supabase backend.
Building a system that feels easy on the front-end requires doing a lot of heavy lifting behind the scenes.