Gemini Clone is a project designed to replicate the functionality of Gemini,
powered by the Google Gemini API, using React and Tailwind CSS for a
seamless and responsive user experience.
- 🗨️ Interactive Chat Interface
- ✨ Suggested Prompts
- ⏳ Loading States
- 💬 Simulated Typing Effect
- 🎙️ Voice and 📷 Image Support
- 📱 Responsive Design
- ⚛️ React
- 🖌️ Tailwind CSS
- 📦 Context API (for state management)
- 🔧 React Icons (for enhanced visuals)
Follow the steps below to run the project locally:
-
Clone the Repository:
git clone https://github.com/psparwez/Gemini-clone.git
-
Navigate to the Project Directory:
cd Gemini-clone
-
Install Dependencies:
npm install
-
Set Up Environment Variables:
- Create a
.env
file in the root of your project. - Add the following variable:
VITE_GEMINI_API_KEY=your-api-key-here
- Replace
your-api-key-here
with your actual Gemini API key.
- Create a
-
Run the Development Server:
npm run dev
The app will be available at http://localhost:5173/ by default.
Contributions are welcome! Follow these steps to contribute:
- Fork the repository.
- Create a new branch for your feature/improvement:
git checkout -b feature-name
- Commit your changes:
git commit -m "Add feature: feature-name"
- Push your changes:
git push origin feature-name
- Open a Pull Request.
Note
The app is still under development. Voice and image input features are placeholders for now.
We would love your feedback and suggestions!
Feel free to submit issues or reach out via GitHub Issues.