⭐ If you like this project, please star the repository! ⭐

---

Slide - Instagram Engagement Automation Platform

💡 Overview

Slide is a powerful Instagram automation platform designed to revolutionize how businesses and creators engage with their audience. Built with modern technologies, it offers smart AI-powered responses and engagement automation to help grow your Instagram presence effectively.

✨ Features

• 🤖 AI-Powered Responses: Smart automation for comments and DMs using advanced AI
• 🎯 Targeted Interactions: Engage with your audience using specific keywords and phrases
• 🔄 Automated Engagement: Set up custom triggers and responses for comments and messages
• ⚡ 24/7 Availability: Never miss an opportunity to connect with followers
• 💳 Subscription Plans: Free and premium plans with advanced features
• 📊 Analytics Dashboard: Track engagement metrics and performance insights
• 🔐 Secure Authentication: Powered by Clerk for robust user management
• 📱 Responsive Design: Seamless experience across all devices

👩‍💻 Tech Stack

• Next.js 14: For server-side rendering and optimal performance
• TypeScript: For type-safe code development
• Prisma: For database management and ORM
• Clerk: For authentication and user management
• Radix UI: For accessible component primitives
• Tailwind CSS: For responsive styling
• Redux Toolkit: For state management
• React Query: For efficient data fetching
• Framer Motion: For smooth animations
• Stripe: For payment processing

📦 Getting Started

🚀 Prerequisites

• Node.js (v18 or higher)
• npm or yarn
• PostgreSQL database

🛠️ Installation

1. Clone the repository:

   git clone [your-repository-url]
   cd slide-webprodigies

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file with:

    DATABASE_URL=""
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY= ...
    CLERK_SECRET_KEY=...
    NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
    NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
    NEXT_PUBLIC_CLERK_SIGN_IN_FORCE_REDIRECT_URL=/dashboard
    NEXT_PUBLIC_CLERK_SIGN_UP_FORCE_REDIRECT_URL=/dashboard
   
    STRIPE_SUBSCRIPTION_PRICE_ID=...
    STRIPE_CLIENT_SECRET=...
    NEXT_PUBLIC_HOST_URL="https://your-host"
    INSTAGRAM_BASE_URL="https://graph.instagram.com"
    INSTAGRAM_EMBEDDED_OAUTH_URL=...
    INSTAGRAM_CLIENT_ID=...
    INSTAGRAM_CLIENT_SECRET=...
    INSTAGRAM_TOKEN_URL="https://api.instagram.com/oauth/access_token"
    OPEN_AI_KEY=...

4. Run database migrations:

   npx prisma generate
   npx prisma db push

5. Start the development server:

   npm run dev

📖 Usage

Visit http://localhost:3000 to access the application. Create an account to:

• Connect your Instagram account
• Set up automation rules
• Monitor engagement metrics
• Manage subscription plans

🤝 Contributing

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

📜 License

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