Gemini Clone (React)

This project is a simplified clone of the Gemini conversational AI interface, built using React. It demonstrates basic chat functionality, content processing (including code highlighting and math rendering), and a clean user interface.

Features

• Chat Interface: Allows users to interact with the AI through text input.
• Suggested Prompts: Provides clickable cards with suggested prompts for common tasks.
• Content Processing: Handles different content types:
  • Plain text
  • Mathematical expressions (using KaTeX)
  • Code snippets (with syntax highlighting using Prism.js)
• Clean UI: Modern and user-friendly interface.
• Security: Uses DOMPurify to sanitize HTML content and prevent XSS vulnerabilities.

Technologies Used

• React
• PropTypes
• DOMPurify
• KaTeX
• Prism.js
• CSS

Getting Started

1. Clone the repository:

   git clone [https://github.com/](https://github.com/)kannanhacker123/Gemini-Clone.git

2. Navigate to the project directory:

   cd <your-repo-name>

3. Install dependencies:

   npm install  # or yarn install

4. Start the development server:

   npm start  # or yarn start

5. Open your browser at http://localhost:3000.

Note

use your own gemini api