https://github.com/usamafayaz/talkie-next
This Next.js project builds a chatbot using Google's Generative AI, allowing users to send messages and upload images for AI-generated descriptions.
https://github.com/usamafayaz/talkie-next
chatbot framer-motion gemini gemini-api generative-ai javascript nextjs nextjs15 shadcn-ui tailwindcss typescript
Last synced: 3 months ago
JSON representation
This Next.js project builds a chatbot using Google's Generative AI, allowing users to send messages and upload images for AI-generated descriptions.
- Host: GitHub
- URL: https://github.com/usamafayaz/talkie-next
- Owner: usamafayaz
- License: mit
- Created: 2024-11-21T10:53:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-03-10T14:48:04.000Z (4 months ago)
- Last Synced: 2026-03-10T20:50:21.412Z (4 months ago)
- Topics: chatbot, framer-motion, gemini, gemini-api, generative-ai, javascript, nextjs, nextjs15, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://talkie-next.vercel.app
- Size: 448 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Talkie (AI ChatBot)
Talkie is a Next.js application that allows users to have conversations with Google's Generative AI (Gemini API).
## Overview
Talkie enables users to send messages, upload images for AI-generated descriptions, and enjoy continuous conversational interactions thanks to the AI's memory capabilities.
## Features
### Conversational AI
- **Send Messages**: Users can input messages and send them to the Gemini API.
- **Receive Responses**: The AI generates conversational responses based on user input.
- **Memory Retention**: The AI remembers previous messages in the current chat, enabling a continuous and meaningful conversation.
### Real-time Chat
- **Message Display**: The chat interface displays user messages and AI responses seamlessly.
### Image Understanding
- **Image Upload**: Users can upload images to the AI.
- **AI Image Description**: The AI provides a detailed description of the content in the uploaded images.
### User Profiles
- **Setup Profile**: Users can set up their profile, including their nickname, which personalizes the chat experience.
## Technology Stack
- **Framework**: [Next.js](https://nextjs.org/)
- **API**: [Google Gemini API](https://developers.google.com/generative-ai)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **Animations**: [Framer Motion](https://www.framer.com/motion/)
- **UI Components**: [Shad CN](https://github.com/shadcn/ui)
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/usamafayaz/talkie-next.git
```
2. Navigate to the project directory:
```bash
cd talkie-next
```
3. Install the dependencies:
```bash
npm install
```
4. Run the development server:
```bash
npm run dev
```
5. Open your browser and visit `http://localhost:3000` to view the website.
## Contact
For any inquiries or support, please contact [usama.fayyaz157@gmail.com].