Prompt Array

🚀 The Modern Platform for AI Prompt Engineering

Create, manage, and share your AI prompts with version control and real-time collaboration.

🌟 Why Prompt Array?

Prompt Array is not just another prompt management tool - it's a complete platform for prompt engineering excellence:

• 📝 Version Control: Track every change in your prompts with detailed history
• 🤝 Real-time Collaboration: Work together with your team in real-time
• 🔍 Smart Organization: Use tags, groups, and powerful search to find prompts instantly
• 🎯 Templates: Start with proven templates or create your own
• 🔒 Security First: Enterprise-grade security with fine-grained access control
• 🌙 Dark Mode: Beautiful dark theme support for comfortable viewing

🚀 Quick Start

Prerequisites

• Node.js 18+
• npm or yarn
• Git

Installation

# Clone the repository
git clone https://github.com/EDNAHQ/Prompt_Array.git

# Navigate to project directory
cd Prompt_Array

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env

# Start development server
npm run dev

🎓 Educational Resources

Step-by-Step Tutorials

1. Building the Chrome Extension
2. Setting up Supabase Authentication
3. API Documentation
4. Database Schema and RLS Policies

Architecture Documentation

• System Architecture
• Database Design
• Row Level Security
• Deployment Guide

📝 Note: Additional documentation for Stripe payments, state management, and frontend architecture is currently being developed. We welcome contributions in these areas!

🛠️ Tech Stack

Frontend

• ⚛️ React 18 with Vite
• 🎨 TailwindCSS & Shadcn/ui
• 🔄 React Query
• 🛣️ React Router

Backend

• 🔥 Supabase
• 🔒 Row Level Security
• ⚡ Real-time subscriptions
• 🌐 Edge Functions

🤝 Contributing

We love your input! We want to make contributing to Prompt Array as easy and transparent as possible. Check out our Contributing Guide to get started.

Ways to Contribute

• 🐛 Report bugs and issues
• 💡 Propose new features
• 📝 Improve documentation
• 🔧 Submit pull requests

🔑 Environment Setup

1. Copy .env.example to .env:

cp .env.example .env

2. Update with your credentials:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

📦 Chrome Extension

Our Chrome Extension brings Prompt Array directly into your browser:

1. Build the extension:

cd chrome-extension
npm install
npm run build

2. Load in Chrome:

• Open chrome://extensions/
• Enable Developer mode
• Click "Load unpacked"
• Select the chrome-extension/dist directory

🌟 Star History

📄 License

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

🙏 Acknowledgments

• Thanks to all our contributors
• Built with React, Vite, and Supabase
• UI components from shadcn/ui

📞 Support

• 📧 Email: support@ednahq.com
• 💬 Discord Community
• 🐦 Twitter

Deployment

Netlify Deployment Setup

1. Fork or clone this repository
2. Connect your repository to Netlify
3. In your Netlify dashboard, go to Site Settings > Build & Deploy > Environment Variables
4. Add the following environment variables:
   • VITE_SUPABASE_URL
   • VITE_SUPABASE_ANON_KEY
   • VITE_STRIPE_PUBLIC_KEY
   • VITE_STRIPE_PRICE_ID
   • DRIP_ACCOUNT_ID
   • DRIP_API_TOKEN
   • VITE_DRIP_FUNCTION_URL

Note: Never commit sensitive API keys to the repository. Always use environment variables for sensitive data.

---

_{Built with ❤️ by the EDNA HQ team}