{"id":28465899,"url":"https://github.com/andrew-dev-p/ai-logo-generator","last_synced_at":"2026-04-11T21:10:33.730Z","repository":{"id":293639015,"uuid":"984656906","full_name":"andrew-dev-p/ai-logo-generator","owner":"andrew-dev-p","description":"AI-powered app to generate, store, and manage custom logos instantly.","archived":false,"fork":false,"pushed_at":"2025-05-20T08:14:56.000Z","size":8865,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-26T14:51:45.280Z","etag":null,"topics":["ai","branding","clerk","design","firebase","gemini","generator","image","logo","nextjs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andrew-dev-p.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-16T09:36:51.000Z","updated_at":"2025-05-20T08:16:16.000Z","dependencies_parsed_at":"2025-06-26T14:47:31.717Z","dependency_job_id":null,"html_url":"https://github.com/andrew-dev-p/ai-logo-generator","commit_stats":null,"previous_names":["andrew-dev-p/ai-logo-generator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/andrew-dev-p/ai-logo-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrew-dev-p%2Fai-logo-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrew-dev-p%2Fai-logo-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrew-dev-p%2Fai-logo-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrew-dev-p%2Fai-logo-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andrew-dev-p","download_url":"https://codeload.github.com/andrew-dev-p/ai-logo-generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrew-dev-p%2Fai-logo-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281386589,"owners_count":26492014,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-28T02:00:06.022Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","branding","clerk","design","firebase","gemini","generator","image","logo","nextjs"],"created_at":"2025-06-07T06:07:40.446Z","updated_at":"2025-10-28T05:07:45.801Z","avatar_url":"https://github.com/andrew-dev-p.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AI Logo Generator 🎨\n\nA **modern web application** that generates **custom logos** using **AI**, built with **Next.js**, **Clerk**, **Firebase**, and **Google's Gemini AI**. Users can **sign up**, **create logos** with custom prompts, and **manage their generated logos** — all powered by **Firebase services** including **Storage** and **Firestore**.\n\n## 🔍 Description\n\nThis app enables users to:\n- **Authenticate** via Clerk (Email/Password, Google, etc.)\n- **Create logos** with custom titles, descriptions, and color palettes\n- **Choose from various design styles** (Cartoon, App, Modern Mascot, etc.)\n- **Generate AI-powered logos** using Google's Gemini AI\n- **Store and manage** generated logos in a personal dashboard\n\n## 🖼️ Screenshots\n\n### 1. Home Page – Enter Logo Name\n![Step 1: Home Page](./step-1.png)\n\n### 2. Select Logo Design Style\n![Step 2: Design Selection](./step-2.png)\n\n### 3. Generated Logo Result\n![Step 3: Logo Result](./step-3.png)\n\n### 4. Clerk Authentication Dropdown\n![Clerk Auth UI](./clerk.png)\n\n## 📁 Project Structure\n\n```\n.\n├── src/\n│   ├── app/           # Next.js app router pages\n│   ├── components/    # React components\n│   ├── lib/          # Utilities and configurations\n│   └── context/      # React context providers\n```\n\n## 🚀 Features\n\n- **Clerk Authentication** for secure user management\n- **Google Gemini AI** integration for logo generation\n- **Firebase Storage** for logo image storage\n- **Firebase Firestore** for logo metadata\n- **Responsive UI** with TailwindCSS and ShadCN\n- **Protected routes** with middleware\n- **Multi-step logo creation** process\n- **Custom color palette** selection\n- **Design style templates**\n\n## 🛠️ Tech Stack\n\n### Frontend\n\n- **Next.js 15** (App Router)\n- **React 19**\n- **TypeScript**\n- **TailwindCSS**\n- **ShadCN UI**\n- **Clerk** for authentication\n- **Lucide Icons**\n\n### Backend\n\n- **Firebase**\n  - **Firestore** for database\n  - **Storage** for image storage\n- **Google Gemini AI** for image generation\n- **Next.js API Routes**\n\n## ⚙️ Setup\n\n### 1. Clone the Repo\n\n```bash\ngit clone https://github.com/andrew-dev-p/ai-logo-generator\ncd ai-logo-generator\n```\n\n### 2. Install Dependencies\n\n```bash\nnpm install\n```\n\n### 3. Environment Variables\n\nCreate a `.env.local` file with:\n\n```env\n# Clerk\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your-clerk-publishable-key\nCLERK_SECRET_KEY=your-clerk-secret-key\n\n# Firebase\nNEXT_PUBLIC_FIREBASE_API_KEY=your-firebase-api-key\nNEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-firebase-auth-domain\nNEXT_PUBLIC_FIREBASE_PROJECT_ID=your-firebase-project-id\nNEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-firebase-storage-bucket\nNEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id\nNEXT_PUBLIC_FIREBASE_APP_ID=your-firebase-app-id\nNEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=your-firebase-measurement-id\n\n# Google Gemini\nNEXT_PUBLIC_GEMINI_API_KEY=your-gemini-api-key\n```\n\n### 4. Run Development Server\n\n```bash\nnpm run dev\n```\n\n## 🧪 Running Locally\n\n1. Start the development server:\n```bash\nnpm run dev\n```\n\n2. Open [http://localhost:3000](http://localhost:3000)\n\n## 🔐 Security\n\n- **Protected Routes**: Middleware ensures authenticated access\n- **Secure Storage**: Firebase Storage with user-specific paths\n- **Database Security**: Firestore rules for data access control\n- **API Keys**: Environment variables for sensitive data\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrew-dev-p%2Fai-logo-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandrew-dev-p%2Fai-logo-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrew-dev-p%2Fai-logo-generator/lists"}