{"id":23069395,"url":"https://github.com/hari7261/genai-bot","last_synced_at":"2025-04-03T09:45:52.923Z","repository":{"id":268136139,"uuid":"903426553","full_name":"hari7261/GenAI-Bot","owner":"hari7261","description":"🤖 Gemini AI Chatbot: A smart, fast chatbot that’s easy to use, looks cool, and gives fun replies. 🚀💬","archived":false,"fork":false,"pushed_at":"2024-12-14T15:21:58.000Z","size":433,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T23:23:56.824Z","etag":null,"topics":["api","chatbot","chatbot-gemini","fullstack-development","gemini-ai","gemini-api","gemini-pro","gemini-pro-api","hari7261","reactjs"],"latest_commit_sha":null,"homepage":"https://gemini-chatbot-phi-sage.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hari7261.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-14T15:17:05.000Z","updated_at":"2024-12-14T15:26:43.000Z","dependencies_parsed_at":"2024-12-14T16:27:47.314Z","dependency_job_id":"dd1e605b-c07e-4a1f-9a37-8027f0fdd251","html_url":"https://github.com/hari7261/GenAI-Bot","commit_stats":null,"previous_names":["hari7261/genai-bot"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hari7261%2FGenAI-Bot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hari7261%2FGenAI-Bot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hari7261%2FGenAI-Bot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hari7261%2FGenAI-Bot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hari7261","download_url":"https://codeload.github.com/hari7261/GenAI-Bot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246981136,"owners_count":20863825,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","chatbot","chatbot-gemini","fullstack-development","gemini-ai","gemini-api","gemini-pro","gemini-pro-api","hari7261","reactjs"],"created_at":"2024-12-16T06:15:06.501Z","updated_at":"2025-04-03T09:45:52.906Z","avatar_url":"https://github.com/hari7261.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **🤖 Gemini AI Chatbot**  \nYour friendly, futuristic AI companion! 🪐  \n\n![batmen](https://github.com/user-attachments/assets/47a8ce70-601a-4661-b0f3-70c1bcbc1590)\n\n\n---\n\n## **🌌 Welcome to the Future of Conversations!**  \n\nGemini AI Chatbot isn’t just any chatbot—it’s your intergalactic chat partner. With cutting-edge **AI**, a sleek design, and a personality cooler than your morning coffee, Gemini is here to chat, answer questions, and make your day a little brighter. 🌟\n\n### **Why Gemini?**  \n- **🧠 Smart AI**: Powered by the brainiest machine learning models (OpenAI GPT APIs).  \n- **🖌️ Beautiful Interface**: A sleek, dark theme interface that doesn’t hurt your eyes during your late-night existential crisis chats.  \n- **⚡ Fast Responses**: Speedy like a rocket! 🚀  \n- **🎉 Error Handling**: Because nobody likes it when things break (we added a spinner just for dramatic effect).  \n\n---\n\n## **🛠️ Tech Stack (A Symphony of Greatness)**  \n\n| **Technology**       | **Purpose**                                                                 |\n|-----------------------|-----------------------------------------------------------------------------|\n| 🦄 **Next.js**        | The ultra-modern React framework for building blazingly fast web apps.     |\n| 🎨 **Tailwind CSS**   | CSS, but make it fashion. Stunning design, no sweat.                       |\n| 💻 **TypeScript**     | JavaScript’s cooler, type-safe sibling. Keeps your code bug-free! 🐛         |\n| 🤖 **Lucide Icons**   | Fancy icons that jazz up the UI (hello, **Bot** and **Loader**!).           |\n| 🔑 **Environment**    | Secrets like API keys stored securely in `.env.local`. Shhh, it’s a secret!|\n| 🌎 **APIs**           | Powered by **Google** APIs and the mighty **GPT** for interactive chats.   |\n\n---\n\n## **✨ Features That Make Gemini Awesome**  \n\n| **Feature**             | **How it Works**                                                                 |\n|--------------------------|----------------------------------------------------------------------------------|\n| **🚀 Dynamic Chat**       | Gemini fetches your input, sends it to the AI, and responds faster than your ex. |\n| **🌙 Dark Theme**         | A UI so cool, it belongs in a sci-fi movie. 🌌                                   |\n| **🌀 Spinning Loader**    | Fancy spinner animation while Gemini processes your request.                    |\n| **🔔 Error Alerts**       | When life gives you lemons (errors), we show you pretty red alerts. 🍋           |\n\n---\n\n## **💡 How It All Works (A Peek Under the Hood)**  \n\n### 1️⃣ **AI Logic**  \nWhen you type a message:  \n- **Your Message** 📝 ➡️ Sent to our `/api/chat` endpoint.  \n- **Magic Happens** 🪄: The backend uses **OpenAI GPT API** to craft a witty, insightful, or downright goofy response.  \n- **Response** 💬 ➡️ Delivered to you faster than a pizza.  \n\n### 2️⃣ **UI Design**  \n- Built with **Tailwind CSS**, it’s like playing with Lego blocks, but for design.  \n- Everything is modular: from buttons to alerts, we’ve made it reusable and beautiful.  \n\n### 3️⃣ **State Management**  \n- **React useState**: Keeps track of everything from loading states to your heartfelt messages.  \n- **Error Handling**: Any hiccups? We catch them and show a polite error message (no tantrums here).  \n\n### 4️⃣ **Environment Variables**  \n- Your API key is securely stored in `.env.local` (because privacy matters).  \n- We retrieve the key using `process.env.GOOGLE_API_KEY`.  \n\n---\n\n## **🎮 How to Run Locally (Spoiler Alert: Super Easy)**  \n\n```bash\n# Clone the repo 🚀\ngit clone https://github.com/your-repo/chatbot.git\n\n# Navigate to the project directory\ncd chatbot\n\n# Install dependencies 📦\nnpm install\n\n# Add your API key to .env.local\necho \"GOOGLE_API_KEY=your_api_key_here\" \u003e .env.local\n\n# Start the development server 🛠️\nnpm run dev\n```\n\nVisit `http://localhost:3000` and start chatting with Gemini. 💬  \n\n---\n\n## **📸 Screenshots**  \n\n### **Futurstic**  \n![Screenshot 2024-12-14 203518](https://github.com/user-attachments/assets/0a6232e4-61f0-4ccb-ab39-8304b1842b26)\n\n\n### **Chat in Action**  \n![Screenshot 2024-12-14 202810](https://github.com/user-attachments/assets/7208f50d-51bc-4465-b32e-009c3c417a1a)\n\n\n---\n\n## **😂 Fun Facts**  \n\n- Gemini is faster than your Wi-Fi on a good day.  \n- Its dark theme saves your eyes *and* makes you look like a hacker.  \n- Designed for both **deep conversations** and **memes**.  \n\n---\n\n### **🚨 Disclaimers**  \n- **It’s not a human** (even if it sounds like one).  \n- Doesn’t guarantee lottery-winning predictions.  \n\n---\n\nLet the AI magic begin! 💫\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhari7261%2Fgenai-bot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhari7261%2Fgenai-bot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhari7261%2Fgenai-bot/lists"}