Skip to content

Gemini-clone using React, Tailwind CSS and Gemini API.

Notifications You must be signed in to change notification settings

psparwez/Gemini-clone

Repository files navigation

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.

Releases

No releases published

Packages

No packages published