An AI-powered banner generation platform built for BNI Lakshya to help members and administrators create professional, brand-consistent marketing banners in seconds.
-
Generate banners using AI-powered content generation
-
Multiple banner categories:
- Visitor Invite
- Weekly Meeting
- Speaker Feature
-
Real-time banner preview
-
Edit generated content before finalizing
-
Download banners in high quality
-
Secure Firebase Authentication
- Manage all generated banners
- View banners created by members
- Customize chapter branding and settings
- Monitor banner generation activity
- Manage application configuration
- Gemini API integration for intelligent banner copy generation
- Dynamic content creation based on user inputs
- Professional business networking focused messaging
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Node.js
- Express.js
- Firebase Authentication
- Firestore Database
- Firebase Admin SDK
- Google Gemini API
BNI-Lakshya-AI-Banner-Studio/
│
├── public/
│ ├── css/
│ ├── js/
│ └── index.html
│
├── src/
│ └── firebase.js
│
├── server.js
├── firebase.js
├── package.json
├── .gitignore
└── README.md
git clone https://github.com/OmMamtora/BNI-Lakshya-AI-Banner-Studio.git
cd BNI-Lakshya-AI-Banner-Studionpm installCreate a .env file in the project root.
GEMINI_API_KEY=your_gemini_api_key
OPENAI_API_KEY=your_openai_api_keyAdd your Firebase configuration in:
src/firebase.js
Place your Firebase Admin Service Account JSON locally and do not commit it to GitHub.
npm startApplication will run at:
http://localhost:3000
npm startnpm run devThe following files should never be committed:
.env
firebase-service-account.json
Ensure they are included in .gitignore.