Instagram Advertising Content Generator

A modern web application for creating professional Instagram advertising content with customizable themes, targeting options, and automatic logo integration.

Features

• Logo Upload: Drag-and-drop logo upload with preview
• Business Information: Comprehensive business details form
• Target Demographics: Multiple demographic targeting options
• Theme Selection: Choose from humorous, modern, traditional, or artistic themes
• Visual Elements: Specify objects and visual elements for your ads
• Multiple Variations: Generate 3 unique advertisement designs
• Logo Integration: Automatic logo placement on generated images
• Download Ready: Export high-quality images for Instagram

Tech Stack

• Frontend: React 18 with TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• Build Tool: Vite
• Deployment: Netlify

Getting Started

Prerequisites

• Node.js (version 16 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone <your-repo-url>
cd instagram-ad-generator

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

Usage

1. Upload Logo: Start by uploading your business logo
2. Business Details: Fill in your business name, address, and sector
3. Description: Describe your business and specify visual elements
4. Target Audience: Select your target demographic
5. Choose Theme: Pick an advertising theme that matches your brand
6. Generate: Create 3 unique advertisement variations
7. Select & Download: Choose your favorite design and download

Project Structure

src/
├── components/
│   ├── ProgressBar.tsx
│   ├── LogoUpload.tsx
│   ├── BusinessDetails.tsx
│   ├── BusinessDescription.tsx
│   ├── TargetingOptions.tsx
│   ├── ThemeSelector.tsx
│   └── OutputWindow.tsx
├── App.tsx
├── main.tsx
└── index.css

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Live Demo

Visit the live application: Instagram Ad Generator