CodeFlex

A modern AI‐powered code generation platform built with Next.js, TailwindCSS, Convex, and Clerk for authentication.

🚀 Features

• AI‐driven code snippet generation
• Protected routes for user profiles and content creation
• Real‐time data with Convex
• Fully styled with TailwindCSS and shadcn UI
• Authentication and session management via Clerk
• TypeScript support

📦 Tech Stack

• Framework: Next.js 15
• Styling: TailwindCSS 4, shadcn UI
• Auth: Clerk (@clerk/nextjs)
• Database & Realtime: Convex
• AI: Google Generative AI & VAPI‐AI
• Linting: ESLint (Next.js & TypeScript)
• CI/CD: Vercel

🔧 Installation

git clone https://github.com/your‐org/codeflex.git
cd codeflex
npm install

⚙️ Configuration

1. Duplicate .env.local.example to .env.local.
2. Fill in your Clerk keys, Convex deployment URL, and VAPI AI keys.

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=...
CLERK_SECRET_KEY=...
NEXT_PUBLIC_CONVEX_URL=...
NEXT_PUBLIC_VAPI_API_KEY=...

🏃 Running Locally

# development
npm run dev

# build and start
npm run build
npm start

Open http://localhost:3000

📑 Available Scripts

• dev – Launch in development mode
• build – Compile production build
• start – Run production server
• lint – Run ESLint
• format – Prettier formatting (if configured)

🎨 Tailwind Configuration

• Main CSS: app/globals.css
• shadcn UI config: components.json

📜 License

MIT © [Your Name or Org]