Skip to content

README.md

Latest commit

 

History

History
104 lines (73 loc) · 2.35 KB

README.md

File metadata and controls

104 lines (73 loc) · 2.35 KB

oAI Chat – t3.chat Clone

A full-featured, open-source AI chat application inspired by t3.chat, built with modern technologies and packed with advanced features.

🔑 Features

  • 🤖 Chat with multiple AI models via OpenRouter
  • 🔐 Authentication using Supabase (Google sign-in supported)
  • 💬 Persistent chat history with syncing
  • 🌱 Branching chat conversations
  • 🧠 Personalized memory for user context
  • 🔑 BYOK (Bring Your Own API Key) support

⚙️ Tech Stack

  • Frontend: Vite + React + TailwindCSS
  • Backend: Express.js + Prisma
  • Database: Supabase(Auth) + Neon.tech
  • Hosting: Netlify (Frontend) + AWS (API)

🚀 Live Demo

👉 Try it here: oaichat.netlify.app

🛠️ Local Development Setup

1. Clone the Repository

git clone https://github.com/OM3X4/oAI.git
cd oAI

2. Supabase Setup

  • Create a new project on Supabase

  • Enable Google Authentication under Authentication > Providers

  • Retrieve the following values:

    • SUPABASE_URL and SUPABASE_ANON_KEY: Found in Project Settings → API
    • JWT_SECRET: Found in Project Settings → API → JWT Settings

3. Backend Setup

Navigate to the backend directory and create a .env file:

# .env (Backend)
DATABASE_URL=your_postgres_ipv4_connection_string
JWT_SECRET=your_supabase_jwt_secret
KEY_HASH_SECRET=your_32_byte_base64_encoded_key

Generate a valid 32-byte Base64 key using Node.js:

console.log(require('crypto').randomBytes(32).toString('base64'));

Install dependencies and initialize Prisma:

cd backend
npm install
npx prisma generate
npx prisma migrate dev --name init
npm run dev

4. Frontend Setup

Navigate to the client directory and create a .env file:

# .env (Client)
VITE_API_URL=http://localhost:PORT              # Replace with your backend port
VITE_SUPABASE_PROJECT_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your_anon_key_here

Then start the development server:

cd client
npm install
npm run dev

5. CORS Configuration

In backend/index.js, ensure CORS is correctly configured to allow the frontend origin:

const corsOptions = {
  origin: ["http://localhost:4000", "https://oaichat.netlify.app"],
  credentials: true
};

Happy building! 🚀