A fun, horror-themed chatbot application built with React (TypeScript) and powered by Google's Gemini API for generating chat responses, and Fal.ai for text-to-image generation. The bot, styled as the mischievous Indian puppet character Tatya Vinchu, communicates in character and can generate and modify images on command.
(Due to lack of free gemini 2.5 flash image generator API credits this fucntion will not work until its revoked with a paid plan).
😂You will definately enjoy using this mischief making chatbot here: https://chat-bot-gamma-weld.vercel.app/
- Tatya Vinchu Persona: A dedicated
systemInstructionensures the bot replies with a funny, witty, and slightly scary persona, often using the catchphrase 'Om Bhatt Swaha'. - Gemini Chat (Text): Uses
generateChatResponsewithgemini-2.5-flashfor high-speed, engaging conversation. - Image Generation (Text-to-Image): Uses the
fal-ai/flux/devmodel via the Fal.ai client to create new images based on user prompts. - Image Modification (Image-to-Image): Uses the Gemini API (
gemini-2.5-flash-imagewithresponseModalities: [Modality.IMAGE]) to modify an uploaded image based on a text prompt. - Responsive UI: A dark, horror-themed user interface built with Tailwind CSS.
You will need the following accounts and keys:
- Google Gemini API Key: Get a key from Google AI Studio.
- Fal.ai API Key: Get a key from Fal.ai.
-
Clone the repository:
git clone [use the repo link after making a fork] cd [use the project directory name] -
Install dependencies:
npm install # or yarn install -
Set up Environment Variables: Create a file named
.envor.env.localin the root directory and add your keys:# .env.local VITE_API_KEY="YOUR_GEMINI_API_KEY" VITE_FAL_KEY="YOUR_FAL_AI_API_KEY"
Start the development server:
npm run dev
# or
yarn dev