A simple and responsive clone of the Gemini AI chat interface built with React.js and styled using Tailwind CSS. This project showcases how to create an interactive chat application while improving your skills in React and modern web development.

• Responsive chat interface
• Real-time user interactions
• Beautifully styled components using Tailwind CSS
• Animation effects for smooth user experience

• Frontend: React.js
• Styling: Tailwind CSS
• State Management: Context API

1. Clone the repository:

   git clone https://github.com/yourusername/gemini-clone-react.git
   cd gemini-clone

2. Install the dependencies:

   npm install

To set up the project, you need to configure the API key and add a user photo:

Add your API Key:

Open the config/gemini.js file. Replace YOUR_API_KEY with your actual API key.

 const API_KEY = "YOUR_API_KEY"; // Replace with your API key

Add User Photo:

Place your user photo in the public directory of the project. Make sure to name your image user.jpg (or modify the image path in Main.js accordingly).