This project demonstrates the creation of an intelligent chatbot using React, Tailwind CSS, and the Gemini API. The chatbot is designed to provide answers specifically related to a company's data, ensuring that it can handle queries about products, services, and other company-related information, while ignoring irrelevant topics.
- Company Data Focused Responses: The chatbot provides answers strictly related to company-specific data.
- API Integration: Utilizes the Gemini API for natural language understanding and response generation.
- Customizable: Easily adjustable to focus on different types of data by altering the backend integration or company data.
- User-Friendly Interface: Built with React and styled using Tailwind CSS for a modern, responsive design.
- Real-Time Communication: Instant responses to user inputs with an intuitive chat interface.
- Interactive Chatbot: The chatbot can engage with users through a conversational interface.
- Responsive UI: Designed to work seamlessly on desktops and mobile devices.
- React.js: Component-based library for building the user interface.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- Gemini API: Provides advanced AI-driven natural language processing to generate responses.
- React Hooks: For managing state and lifecycle methods within the application.
- Gemini API: Used for processing user input and generating relevant, company-specific answers based on predefined data.
Check out the deployed chatbot:
Live Demo
- Node.js (v14 or higher)
- npm or yarn
- Gemini API key (available from Gemini API documentation)
- Clone the repository
git clone https://github.com/BansalAbhinav/Chat_Bot- Install dependencies:
npm installRun the following command to start the server in development mode:
npm run devThis project is licensed under the MIT License. See the LICENSE file for details.
Feel free to reach out with any questions or suggestions:
- Name: Abhinav Bansal
- Email: [email protected]
- Portfolio: Abhinav's Portfolio