Gemini Clone

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.

Gemini Clone Demo

🚀 Features

  • 🗨️ Interactive Chat Interface
  • ✨ Suggested Prompts
  • ⏳ Loading States
  • 💬 Simulated Typing Effect
  • 🎙️ Voice and 📷 Image Support
  • 📱 Responsive Design

🛠️ Tech Stack

  • ⚛️ React
  • 🖌️ Tailwind CSS
  • 📦 Context API (for state management)
  • 🔧 React Icons (for enhanced visuals)

⚙️ Installation

Follow the steps below to run the project locally:

  1. Clone the Repository:

    git clone https://github.com/psparwez/Gemini-clone.git
    
  2. Navigate to the Project Directory:

    cd Gemini-clone
    
  3. Install Dependencies:

    npm install
    
  4. 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.
  5. Run the Development Server:

    npm run dev
    

    The app will be available at http://localhost:5173/ by default.


🤝 Contributing

Contributions are welcome! Follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch for your feature/improvement:
    git checkout -b feature-name
    
  3. Commit your changes:
    git commit -m "Add feature: feature-name"
    
  4. Push your changes:
    git push origin feature-name
    
  5. Open a Pull Request.

💬 Feedback

[!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.

Top categories

Loading Svelte Themes