Chatbot Application Using Gemini AI

Build this project step by step with a detailed tutorial on Code Spirit YouTube.

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

🚨 Tutorial

This repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, Code Spirit.

⚙️ Tech Stack

• React.js
• Next.js
• Typescript
• Gemini AI
• ShadCN

🤖 Introduction

A Chatbot application that allows users to easily engage in conversations and ask questions on a wide range of topics, utilizing the power of Gemini AI through the Vercel AI SDK. The app is built for simplicity, providing an intuitive interface for users to interact with the AI.

🔋 Features

👉 Real-time conversational AI responses

👉 Seamless integration with Gemini AI using Vercel AI SDK

👉 Basic functionality for a smooth user experience

🚀 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/code-spirit-369/chatbot-gemini-ai.git
cd chatbot-gemini-ai

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

GOOGLE_GENERATIVE_AI_API_KEY=

Get your Gemini AI API key from Google AI Studio.

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.