QuickTalk — AI-Powered Chatbot

QuickTalk is a lightweight, AI-powered chatbot built with Next.js (App Router) and deployed on Vercel. It provides a simple conversational interface powered by Google's Gemini 2.0 Flash model, wrapped in a sleek UI with markdown support.
This is an early version of the project, additional features and improvements are actively being planned.

---

Planned Enhancements

• Persistent conversation history

• Faster response times via streaming or optimization

• UI/UX improvements (animations, mobile responsiveness, themes)

• Support for follow-up questions and better context retention

---

Live Demo

• View on Vercel

---

Features

• Gemini API Integration (via @google/genai)
• Markdown-formatted messages
• Clean & modern UI
• Hosted on Vercel
• API Key securely handled server-side

---

Tech Stack

• Next.js 14 (App Router)
• TypeScript
• SCSS Modules
• Google Gemini API
• Vercel Hosting
• React Icons
• React Markdown

---

How It Works

1. The frontend sends a prompt to the server-side API route.
2. The backend uses the Gemini API key, securely stored as an environment variable on Vercel.
3. Gemini responds, and the message is returned to the client and displayed.

No API key is exposed to the client — all AI interaction happens server-side.

---

Running Locally

If you're cloning the repo and want to run it locally, you'll need your own Gemini API key.

1. Clone the repo

git clone https://github.com/OmarZalat/QuickTalk.git
cd quick-talk

2. Install dependencies

npm install

3. Create a .env file

GEMINI_API_KEY=your-api-key-here

4. Run the dev server

npm run dev

---

Author

Made by Omar Zalat