🖥️ Gemini Chat Application

An AI powered chat application built using Google Gemini API with a modern React (Vite) frontend and Node.js backend. The app allows users to interact with Gemini models in real time with a clean UI and fast responses.

Stack

• React (Vite)
• Express.js
• MongoDB
• Node.js
• Tailwind CSS

🚀 Features

• AI powered chat using Google Gemini

• Multiple model support

• Conversation history management

• Clean and responsive UI

• Fast frontend built with Vite

• REST based backend architecture

🛠️ Tech Stack

Frontend

• React

• Vite

• Tailwind CSS

• Axios

Backend

• Node.js

• Express.js

• Google Gemini API

📂 Project Structure

GeminiGenerator/
│
├── frontend/
│   ├── src/
│   ├── index.html
│   ├── package.json
│   └── vite.config.js
│
├── backend/
│   ├── routes/
│   ├── controllers/
│   ├── services/
│   └── server.js
│
├── .gitignore
└── README.md

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/mohdkamran-khan/Gemini-Chat.git
cd Gemini-Chat

2️⃣ Frontend Setup

cd frontend
npm install

Frontend will run at:

http://localhost:5173

3️⃣ Backend Setup

cd backend
npm install
npm start

Backend will run at:

http://localhost:3000

🔐 Environment Variables

Create a .env file in the backend folder and add:

MONGO_DB_USERNAME=your_DB_username
MONGO_DB_PASSWORD=your_DB_password
MONGO_DB_DATABASE=your_DB_name
GEMINI_API_KEY=your_google_gemini_api_key
PORT=3000

🧠 How It Works

• User sends a prompt from the frontend

• Backend forwards the prompt to Gemini API

• Gemini generates a response

• Response is sent back and rendered in the UI

• Conversations are stored for continuity of conversation

📸 Screenshots

📌 Future Improvements

• Authentication and user accounts
• Prompt templates

📧 Contributing

Contributions are welcome. If you want to contribute:

1. Fork the repo
2. Create a feature branch git checkout -b feature/your-feature
3. Commit your changes git commit -m "feat: add ..."
4. Push and open a pull request

📄 License

This project is open-source and available under the [MIT License]

👨🏻‍💻 Author

Mohd Kamran Khan | You can reach me at: [mohdkamrankhan.dev@gmail.com]

🌐 Portfolio: mohdkamran-khan.github.io/KAMRAN-portfolio

---

💡 If you like my work, please ⭐ my repos. Your support inspires me to build more projects! 🚀