gemini-chat
gemini-chat copied to clipboard
An AI-powered chat bot built with Next.js 14 and Google Gemini, featuring real-time interaction, responsive design, and support for Gemini Pro and Gemini Vision models. This project showcases the powe...
Gemini Pro and Gemini Vision Chat Bot
This project is Gemini-Pro Based AI chat bot built with Next.js 14 and TypeScript. It uses an AI model to generate responses to user input (either text or image).

Features
- Gemini Pro and Gemini vision support !
- Real-time chat interface
- Responsive design
- AI-powered responses
Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Follow these steps to get the project up and running:
-
Clone the repository: Run the following command to create a shallow clone of the repository:
git clone --depth 1 https://github.com/Xeven777/gemini-chat.gitThis will create a new directory named
gemini-chatin your current directory. -
Remove the old
.gitdirectory and initialize a new one: Navigate to the newgemini-chatdirectory and run the following commands:cd gemini-chat rm -rf .git git init -
Install the dependencies: Run the following command to install the project dependencies:
npm install -
Start the development server: After installing the dependencies, start the development server by running:
npm run dev
Now, you should be able to see the application running at localhost:3000 in your web browser! ✨
NOTE - Get your api key from here : https://aistudio.google.com/app/apikey
You can also download the code as Zip and use it .
Usage
To use the chat bot, simply type your message into the input field and press Enter. The bot will generate a response and display it in the chat interface.
Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.