DevBot 🤖

An AI chatbot with a sleek , responsive and modern UI, enhanced by the Gemini API. Features include Gemini-API integration, an intuitive whiteboard, and seamless web search, all within a clean and contemporary chat interface.

Features ✨

• Gemini-API Integration: Leverage the power of the Gemini API for enhanced chatbot capabilities.
• Intuitive Whiteboard: A built-in whiteboard for quick sketches and brainstorming.
• Seamless Web Search: Integrated web search functionality for quick information retrieval.
• Minimal Parsing: Currently performs minimal parsing, with plans for a full-fledged web scraping tool in future versions.
• Unique, Responsive UI: Clean, modern, and responsive chatbot interface that stands out from others.

Demo 🌐

Check out the live demo here.

UI📲

My.Video.mp4

WHITEBOARD 📝

My.Video1.mp4

Auto Detects URL And a very Basic Scraping 🕸️🕸

My.Video2.mp4

Google Search The Key Word From Last Generated Response 🔍

devbot.-.search.google.mp4

Mobile Responsive 📱

Installation 🛠️

Clone the repository:

git clone https://github.com/Divyanshu11011/DevBot.git

Navigate to the project directory:

cd DevBot

Install dependencies:

npm install

Create a .env file and add your environment variables:

VITE_GOOGLE_API_KEY=your_api_key_here

Start the development server:

npm run dev

Usage 🚀

1. Open your browser and navigate to http://localhost:3000.
2. Start chatting with the bot and explore the features.

Project Structure 📂

• public/: Static files.
• src/: Source code.
  • components/: React components.
  • pages/: Page components.
  • services/: API service integrations.
  • styles/: CSS and styling files.
  • utils/: Utility functions.

Technologies Used 🛠️

• React: JavaScript library for building user interfaces.
• TypeScript: Typed superset of JavaScript.
• Vite: Next generation frontend tooling.
• Tailwind CSS: Utility-first CSS framework.
• Gemini API: API for enhanced AI capabilities.
• Spline: For 3D Scenes.
• Extractor Api: For Minimal Parsing.

Contributing 🤝

Contributions are welcome! Please fork the repository and submit a pull request.

1. Fork the repository.
2. Create a new branch: git checkout -b feature-branch-name.
3. Make your changes and commit them: git commit -m 'Add some feature'.
4. Push to the branch: git push origin feature-branch-name.
5. Open a pull request.

License 📄

This project is licensed under the MIT License.

Contact 📧

Created by Divyanshu - feel free to contact me!