AI ChatBot using Gemini AI API This project is a web-based chat application that utilizes the Gemini AI API to provide conversational interactions with users. It is built with React, Tailwind CSS, and integrates with a MERN (MongoDB, Express.js, React, Node.js) stack for backend functionality.
Features Real-time Chat: Users can engage in real-time conversations with the AI chatbot. Recent Chats: Display of recent chat history for users to reference. Settings: Settings options for customizing the chat experience. Authentication: User authentication system for personalized experiences. Technologies Used Frontend: React: JavaScript library for building user interfaces. Tailwind CSS: Utility-first CSS framework for styling. Backend: MongoDB: NoSQL database for storing chat history and user data. Express.js: Web application framework for Node.js. Node.js: JavaScript runtime for server-side logic. API Integration: Gemini AI API: AI-powered chatbot API for conversational interactions. Navigate to the backend directory which is root: Install dependencies: npm install Create a .env file in the backend directory and add the necessary environment variables:
JWT_SECRET_KEY=your_secret_key Start the server: npm start Frontend Setup Navigate to the frontend directory: cd frontend Install dependencies: npm install Start the development server: npm run dev Build the project for production: npm run build Deploy the application: npm run deploy Usage Access the application in your browser: http://localhost:3000 (or the deployed URL). Interact with the chatbot and explore its capabilities.
YouTube Video Check out the full video tutorial on building this project: Building a Gemini AI Chatbot with MERN Stack | Complete Guide Link:https://www.youtube.com/watch?v=NQyoiNWRPgs Fiverr For freelance services and more: https://www.fiverr.com/rehmanmusharaf
Upwork For more professional work: https://www.upwork.com/freelancers/~01d1c419c4e17eff8e
Contributing Feel free to open issues or submit pull requests. Contributions are always welcome!
Contact For any questions or feedback, you can reach me at [[email protected]].