Aura Studio

• 

  Architecture

Aura Studio

Aura Studio is a local-first, AI-powered social media post generator designed to help creators, marketers, and businesses transform long-form text into engaging, multimodal social media campaigns across multiple platforms.

🚀 Overview

The application leverages the Gemini API to analyze source text and generate platform-specific posts. It features a sleek, dark-themed interface built with React 19 and Tailwind CSS, prioritizing speed and local data persistence. Aura Studio fulfills the Gemini Live Agent Challenge requirements by generating interleaved multimodal output (Caption + Image + Audio + Hashtags).

✨ Key Features

Interleaved Multimodal Output: Generates a complete campaign with text captions, AI-generated images, AI voice narratives (audio), and strategic hashtags in a single cohesive flow. Smart Text Analysis: Automatically generates summaries and extracts key topics from your source text. Multi-Platform Support: Standard: Facebook, Twitter, LinkedIn. Pro: Instagram, Snapchat, Telegram, Pinterest, Reddit. Style Customization: Generate posts in various tones (e.g., Friendly, Professional, Punchy, Thought Leader). Cloud Archive: Save your favorite generated campaigns and posts, including images and audio, directly to Firebase. Responsive Design: Optimized for both desktop and mobile workflows. Pro Mode: Unlock advanced platforms, image generation, and audio generation features. ☁️ Google Services Used Aura Studio heavily relies on Google Cloud and AI services to deliver its multimodal experience:

Gemini API (@google/genai) gemini-3-flash-preview: Used for text analysis, summarization, and generating structured JSON schemas for multi-platform social media campaigns. gemini-2.5-flash-image: Used to generate high-quality, contextual visual assets (images) for the social media posts. gemini-2.5-flash-preview-tts: Used to generate natural-sounding voiceovers and audio narratives for the posts. Firebase Authentication: Google Sign-In for secure user access and identity management. Cloud Firestore: NoSQL database used to store user profiles, generated campaigns, and archived posts. Cloud Storage: Used to securely store and serve the AI-generated images (.png) and audio files (.wav).

🛠️ Tech Stack

Frontend: React 19 Build Tool: Vite Styling: Tailwind CSS AI Engine: @google/genai (Gemini API) Backend/Storage: Firebase (Firestore, Auth & Cloud Storage) Language: TypeScript

Built With

• firebase
• firestore
• gemini
• genai
• github
• lucide
• react
• tailwind
• typescript
• vite