Skip to content

anshvert/Insight

Repository files navigation

Insight - Your Personalized LLM Interface 🚀

Insight

Insight is a sleek, modern LLM interface where users can select AI models tailored to their needs, with premium models unlocked via a secure payment system. Built for practice and future scalability.


✨ Features

  • Model Selection: Choose from a variety of AI models to suit your needs, with a dropdown selector.
  • Paywall for Premium Models: Access advanced models (e.g., Gemini 2.0) with a premium subscription, featuring a lock icon and "Buy Premium" section.
  • Secure Payment System: Integrated with Payment Gateway for seamless payments to unlock premium features.
  • Responsive Design: Works beautifully on desktop and mobile with Tailwind CSS.
  • Chat Interface: Clean and intuitive chat UI to interact with your chosen AI model.

🛠️ Tech Stack

Next.js TypeScript Tailwind CSS Supabase PhonePe

  • Frontend: Next.js (App Router), React, TypeScript, Tailwind CSS
  • Backend: Next.js API routes, Supabase (for model storage)
  • Payment Gateway: PhonePe (sandbox environment)
  • Libraries: Axios, Heroicons

🎥 Demo

Head to https://insight-beta-flax.vercel.app/ to Interact with AI models, select premium ones, and upgrade via the payment page—all in one seamless experience.


📸 Screenshots

Chat Interface

image The main chat interface where users interact with their chosen AI model.

Payment Page

image A sleek payment page to upgrade to premium, featuring the Insight logo and a dynamic form.


🚀 Getting Started

Prerequisites

  • Node.js (v18 or higher)
  • Supabase account (for model storage)
  • PhonePe sandbox credentials (for payment testing)

Installation

  1. Clone the repository:
    git clone https://github.com/anshvert/insight.git
    cd insight
  2. Install dependencies:
    pnpm install
  3. Set up environment variables in .env.local:
    NEXT_PUBLIC_OPEN_ROUTER_API_KEY=
    
    AUTH_SECRET=
    
    GOOGLE_CLIENT_ID=
    GOOGLE_CLIENT_SECRET=
    
    GITHUB_CLIENT_ID=
    GITHUB_CLIENT_SECRET=
    
    SUPABASE_URL=
    NEXT_PUBLIC_SUPABASE_KEY=
  4. Run the development server:
    next dev
  5. Open http://localhost:3000 in your browser to start using Insight.

🌟 Future Plans

Insight is just getting started! Here’s what’s on the horizon:

  • More AI Models: Expand the model library with cutting-edge LLMs and enhance the chat experience with richer interactions.
  • Analytics Dashboard: Add usage analytics for users to track their interactions and model performance.

Got ideas? Let me know in the issues section!

📜 License

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

⭐ If you find Insight useful, give it a star on GitHub!

About

Sleek & Modern LLM Interface

Topics

Resources

License

Stars

Watchers

Forks

Contributors