GPT-IQ is an AI chat interface designed specifically for Iraqi Arabic language support, featuring a clean, dark-themed UI with advanced chat functionality powered by Google's Gemini AI.
- Modern, responsive UI similar to ChatGPT
- Iraqi Arabic language support with proper RTL handling
- Markdown rendering with syntax highlighting
- Keyboard shortcuts and accessibility features
- Mobile-optimized with swipe gestures
- Chat history management
- Dark theme with custom color scheme
- Framework: Next.js 14
- Styling: TailwindCSS
- Animations: Framer Motion
- AI Integration: Google Gemini API
- UI Components: Custom components with Tailwind
- Deployment: Vercel
- Node.js 18.x or later
- npm or yarn
- Google Gemini API key
- Clone the repository
git clone https://github.com/madebyak/gbt-iq.git
cd gbt-iq
- Install dependencies
npm install
# or
yarn install
- Create a
.env.local
file in the root directory with your Gemini API key:
GEMINI_API_KEY=your_api_key_here
- Run the development server
npm run dev
# or
yarn dev
- Open http://localhost:3000 in your browser to see the application.
- Push your code to GitHub
- Connect your GitHub repository to Vercel
- Configure the environment variables in Vercel:
- Add
GEMINI_API_KEY
with your Google Gemini API key
- Add
- Deploy the application
- Install Vercel CLI:
npm install -g vercel
- Login to Vercel:
vercel login
- Deploy the application:
vercel
- For production deployment:
vercel --prod
/app
/api # API routes for Gemini integration
/components # UI components
/layout # Layout components (Header, Sidebar)
/ui # UI components (ChatInput, ChatMessage, etc.)
/lib # Utility functions and hooks
/hooks # Custom React hooks
/types # TypeScript type definitions
/utils # Utility functions
/public # Static assets
The application supports markdown rendering in AI responses, including code blocks with syntax highlighting.
/
- Focus the chat inputj/k
- Scroll down/up in the chatg/G
- Scroll to top/bottomCtrl+\
- Toggle sidebarCtrl+N
- Create new chat?
- Show keyboard shortcuts
- Swipe from left edge to open sidebar
- Swipe from right to close sidebar
- Responsive design for all screen sizes
This project is licensed under the MIT License - see the LICENSE file for details.
- Developed by MoonWhale
- Website: www.moonswhale.com
- Contact: 07802806666