Skip to content

NexVerix/gemini-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gemini Clone 🤖

A Gemini-inspired AI chat web application built using HTML, CSS, and JavaScript.
This project demonstrates how to interact with the Gemini API on the frontend with a clean UI and smooth chat experience.


🚀 Features

  • Gemini-style chat interface
  • Real-time AI responses
  • Typing animation effect
  • Light / Dark mode toggle
  • Chat history saved using LocalStorage
  • Copy-to-clipboard for responses
  • Responsive design

🛠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Gemini API

🔐 API Key Setup (Required)

This repository does NOT include any API key for security reasons.

How to add your API key:

  1. Get a Gemini API key from Google AI Studio
  2. Open: js/script.js
  3. Find this line:
const API_KEY = "Enter your Api key here"; 

Replace it with your own API key.


⚠️ Important: Do NOT upload your real API key to GitHub Do NOT enable billing on shared keys Use this project for learning purposes only


▶️ How to Run Locally

Clone the repository:

git clone https://github.com/nexverix/gemini-clone.git

Open the project folder:*

cd gemini-clone

Open index.html in your browser No server setup required


🌍 Live Demo

(Optional) Hosted using GitHub Pages


⚠️ Disclaimer

This project is intended for educational and demonstration purposes only. Users are responsible for their own API usage, limits, and billing.


🚀 Built at NexVerix

About

A modern Gemini-inspired AI chat application built with HTML, CSS, and JavaScript. Users can chat with AI by providing their own API key.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors