{"id":22883419,"url":"https://github.com/code-spirit-369/ask-gpt","last_synced_at":"2025-08-24T12:47:41.218Z","repository":{"id":265835187,"uuid":"886726912","full_name":"code-spirit-369/ask-gpt","owner":"code-spirit-369","description":"Build an AI chatbot from scratch using Next.js 15, React 19 RC, and xAI’s grok-beta model.","archived":false,"fork":false,"pushed_at":"2024-12-01T05:13:57.000Z","size":427,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-07T06:01:55.286Z","etag":null,"topics":["chatbot","firebase-admin","firestore","grok-beta","nextjs15","react19","shadcn-ui","tailwindcss","xai"],"latest_commit_sha":null,"homepage":"","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/code-spirit-369.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-11-11T13:49:54.000Z","updated_at":"2025-01-13T20:36:23.000Z","dependencies_parsed_at":"2024-12-02T07:46:33.668Z","dependency_job_id":null,"html_url":"https://github.com/code-spirit-369/ask-gpt","commit_stats":null,"previous_names":["code-spirit-369/ask-gpt"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/code-spirit-369/ask-gpt","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fask-gpt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fask-gpt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fask-gpt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fask-gpt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/code-spirit-369","download_url":"https://codeload.github.com/code-spirit-369/ask-gpt/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code-spirit-369%2Fask-gpt/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271867714,"owners_count":24836499,"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","status":"online","status_checked_at":"2025-08-24T02:00:11.135Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["chatbot","firebase-admin","firestore","grok-beta","nextjs15","react19","shadcn-ui","tailwindcss","xai"],"created_at":"2024-12-13T18:37:06.027Z","updated_at":"2025-08-24T12:47:41.190Z","avatar_url":"https://github.com/code-spirit-369.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n    \u003ca href=\"https://youtu.be/v00Ly3-JD6k\" target=\"_blank\"\u003e\n      \u003cimg src=\"public/header.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Next_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=nextdotjs\u0026color=000000\" alt=\"nextdotjs\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-TypeScript-black?style=for-the-badge\u0026logoColor=white\u0026logo=typescript\u0026color=3178C6\" alt=\"typescript\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-ShadCN_UI-black?style=for-the-badge\u0026logoColor=white\u0026logo=shadcnui\u0026color=000000\" alt=\"shadcnui\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Firebase-black?style=for-the-badge\u0026logoColor=white\u0026logo=firebase\u0026color=FF9100\" alt=\"firebase\" /\u003e\n  \u003c/div\u003e\n\n  \u003ch3 align=\"center\"\u003eAsk-GPT - AI Chatbot\u003c/h3\u003e\n\n\u003cdiv align=\"center\"\u003e\n     Build this project step by step with a detailed tutorial on \u003ca href=\"https://www.youtube.com/@codespirit369/videos\" target=\"_blank\"\u003e\u003cb\u003eCode Spirit\u003c/b\u003e\u003c/a\u003e YouTube. \n    \u003c/div\u003e\n\u003c/div\u003e\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🎬 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🚀 [Quick Start](#quick-start)\n\n## 🚨 Tutorial\n\nThis repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, \u003ca href=\"https://www.youtube.com/@codespirit369/videos\" target=\"_blank\"\u003e\u003cb\u003eCode Spirit\u003c/b\u003e\u003c/a\u003e.\n\n\u003ca href=\"https://youtu.be/s1u7tJ9VUh0\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/sujatagunale/EasyRead/assets/151519281/1736fca5-a031-4854-8c09-bc110e3bc16d\" /\u003e\u003c/a\u003e\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- Next.js 15\n- React 19 RC\n- Typescript\n- TailwindCSS\n- shadcn/ui\n- Firebase\n- xAI grok-beta\n\n## \u003ca name=\"introduction\"\u003e🎬 Introduction\u003c/a\u003e\n\nIn this tutorial, we’ll build an AI chatbot from scratch using Next.js 15, React 19 RC, and xAI’s grok-beta model. This project features a sleek UI with tailwindcss and shadcn/ui components, theme toggling with next-themes, and real-time chat history stored in Firebase Firestore. We’ll also set up secure authentication with next-auth. By the end of the tutorial, you’ll have a modern, fully functional chatbot.\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **AI-Powered Responses**: Using xAI's Grok-beta model, generate accurate, context-aware responses, bringing a real-time conversational AI experience.\n\n👉 **Real-time Chat History**: View and manage all previous chats with timestamps, powered by Firebase Firestore for persistent storage.\n\n👉 **Auth.js Authentication with GitHub**: Secure user authentication using GitHub as the provider, allowing for user-specific chat storage and personalization.\n\n👉 **Dark/Light Theme Toggle**: Theme toggling functionality with next-themes, providing a customizable dark/light mode UI for a better user experience\n\n## \u003ca name=\"quick-start\"\u003e🚀 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n**Cloning the Repository**\n\n```bash\ngit clone https://github.com/code-spirit-369/ask-gpt.git\ncd ask-gpt\n```\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nbun install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env.local` in the root of your project and add the following content:\n\n```env\nAUTH_SECRET=\nAUTH_GITHUB_ID=\nAUTH_GITHUB_SECRET=\n\nXAI_API_KEY=\n\nFIREBASE_SERVICE_ACCOUNT_KEY=\n```\n\nGet your xAI API key from [xAI](https://x.ai/).\u003cbr/\u003e\n\n**Running the Project**\n\n```bash\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser to view the project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-spirit-369%2Fask-gpt","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-spirit-369%2Fask-gpt","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-spirit-369%2Fask-gpt/lists"}