Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/psparwez/gemini-clone
Gemini-clone using React, Tailwind CSS and Gemini API.
https://github.com/psparwez/gemini-clone
chatbot gemini gemini-api gemini-clone javascript jsx reactjs vite web-development
Last synced: about 1 month ago
JSON representation
Gemini-clone using React, Tailwind CSS and Gemini API.
- Host: GitHub
- URL: https://github.com/psparwez/gemini-clone
- Owner: psparwez
- Created: 2024-12-16T16:33:12.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-16T17:25:49.000Z (about 1 month ago)
- Last Synced: 2024-12-16T18:29:47.644Z (about 1 month ago)
- Topics: chatbot, gemini, gemini-api, gemini-clone, javascript, jsx, reactjs, vite, web-development
- Language: JavaScript
- Homepage:
- Size: 61.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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.
## 🚀 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**:
```bash
git clone https://github.com/psparwez/Gemini-clone.git
```
2. **Navigate to the Project Directory**:
```bash
cd Gemini-clone
```
3. **Install Dependencies**:
```bash
npm install
```
4. **Set Up Environment Variables**:
- Create a `.env` file in the root of your project.
- Add the following variable:
```makefile
VITE_GEMINI_API_KEY=your-api-key-here
```
- Replace `your-api-key-here` with your actual Gemini API key.
5. **Run the Development Server**:
```bash
npm run dev
```
The app will be available at [http://localhost:5173/](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:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add feature: feature-name"
```
4. Push your changes:
```bash
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](https://github.com/psparwez/Gemini-clone/issues).