https://github.com/webessentz/apollo
Apollo - AI-powered tool that converts wireframes and design mockups into production-ready code. Built with Next.js, PostgreSQL, and Firebase.
https://github.com/webessentz/apollo
ai ai-code-generation api chatbot code-generation firebase gemini neon-db neondb nextjs no-code openai saas typescript vercel wireframe
Last synced: 15 days ago
JSON representation
Apollo - AI-powered tool that converts wireframes and design mockups into production-ready code. Built with Next.js, PostgreSQL, and Firebase.
- Host: GitHub
- URL: https://github.com/webessentz/apollo
- Owner: WebEssentz
- Created: 2025-04-09T16:41:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-09T18:32:54.000Z (about 1 year ago)
- Last Synced: 2025-04-09T19:27:32.534Z (about 1 year ago)
- Topics: ai, ai-code-generation, api, chatbot, code-generation, firebase, gemini, neon-db, neondb, nextjs, no-code, openai, saas, typescript, vercel, wireframe
- Language: TypeScript
- Homepage:
- Size: 567 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Apollo - Wireframe to Code Generator 🚀
Convert your wireframes and design mockups into production-ready code instantly using AI.
## 🌟 Features
- **AI-Powered Code Generation**: Transform wireframe images into clean, responsive code
- **Multiple Framework Support**: Generate code for popular frameworks
- **User Management**: Built-in credit system and user authentication
- **Real-time Preview**: Instant visualization of generated code
- **Export Options**: Download code in multiple formats
## 🛠️ Tech Stack
- **Frontend**: Next.js 14, Tailwind CSS
- **Backend**: PostgreSQL (Neon DB)
- **Authentication**: Firebase Auth
- **AI Integration**: Custom AI model for wireframe analysis
- **Cloud Storage**: Firebase Storage
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/yourusername/apollo.git
```
2. Install dependencies:
```bash
npm install
```
3. Set up environment variables:
Create a `.env` file with the following:
```env
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=your_measurement_id
NEXT_PUBLIC_NEON_DB_CONNECTION_STRING=your_neon_db_connection_string
```
4. Run the development server:
```bash
npm run dev
```
## 📝 License
MIT License - feel free to use this project for personal or commercial purposes.
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check [issues page](https://github.com/yourusername/apollo/issues).
## 💡 About
Apollo is an innovative tool that bridges the gap between design and development, making the process of converting wireframes to code seamless and efficient.