{"id":26218077,"url":"https://github.com/arnobt78/openai-chatbot--reactvite","last_synced_at":"2025-03-12T13:15:24.850Z","repository":{"id":281352467,"uuid":"864084959","full_name":"arnobt78/OpenAI-ChatBot--ReactVite","owner":"arnobt78","description":"AI-Chat-Bot is a complete project example with OpenAI ChatGPT and React-Vite, using OpenAI API, Emoji-Mart, Uuid, and have a Chat History, New Chat Creation features, and deploy on Vercel.","archived":false,"fork":false,"pushed_at":"2025-03-08T13:23:00.000Z","size":57,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-08T14:23:32.081Z","etag":null,"topics":["chat-bot","chat-history-database","chatgpt","chatgpt-bot","emoji-mart","openai","openai-api-chatbot","openapi","react-vite","reactjs","uuid","uuid-generator","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://ai-chat-bot-arnob.vercel.app/","language":"JavaScript","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/arnobt78.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-09-27T13:14:56.000Z","updated_at":"2025-03-08T13:23:04.000Z","dependencies_parsed_at":"2025-03-08T14:23:42.955Z","dependency_job_id":"59a9ca3a-8883-478f-b166-5d02b4378184","html_url":"https://github.com/arnobt78/OpenAI-ChatBot--ReactVite","commit_stats":null,"previous_names":["arnobt78/openai-chatbot--reactvite"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FOpenAI-ChatBot--ReactVite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FOpenAI-ChatBot--ReactVite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FOpenAI-ChatBot--ReactVite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FOpenAI-ChatBot--ReactVite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arnobt78","download_url":"https://codeload.github.com/arnobt78/OpenAI-ChatBot--ReactVite/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243222183,"owners_count":20256229,"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":["chat-bot","chat-history-database","chatgpt","chatgpt-bot","emoji-mart","openai","openai-api-chatbot","openapi","react-vite","reactjs","uuid","uuid-generator","vercel-deployment"],"created_at":"2025-03-12T13:15:23.988Z","updated_at":"2025-03-12T13:15:24.837Z","avatar_url":"https://github.com/arnobt78.png","language":"JavaScript","readme":"\n## OpenAI-ChatBot--ReactVite\n\n![Screenshot 2024-09-27 at 15 19 41](https://github.com/user-attachments/assets/3a858fd0-4a58-4151-84da-49e20efc0c13) ![Screenshot 2024-09-27 at 15 20 39](https://github.com/user-attachments/assets/ea510f08-384c-4244-b5cc-ac2daaa60183) ![Screenshot 2024-09-27 at 15 20 56](https://github.com/user-attachments/assets/e7223e1b-799c-4ffe-b41b-0ecbf960b5c7)\n\nAI-Chat-Bot is a complete project example with OpenAI ChatGPT and React-Vite, using OpenAI API, Emoji-Mart, Uuid, and have a Chat History, New Chat Creation features, and deploy on Vercel.\n\n*Please note that at the time you are attempting to access this URL, the free trial OpenAI API key (VITE_OPENAI_API_KEY) has expired. However, during the development of this project, both the project and all associated code were functioning seamlessly. You may use the project folder as it is—simply generate a new VITE_OPENAI_API_KEY from the OpenAI developer site, copy the OPENAI_API_KEY into the .env file, and the project should work as expected.*\n\n**Online-Live:** https://ai-chat-bot-arnob.vercel.app/\n\n## To Install Dependences\n\nBefore launching this web application, be sure to install all required dependencies, which are listed in the package.json file.\n\nTo install all dependences, run this command from your project folder: `npm install`\n\n## To Run Project\n\nMake sure you have NodeJS installed in your machine first, The installation instructions are here: https://nodejs.org/en/\n\nRun your project: `npm run dev`\n\nRun on your browser Local: `http://localhost:5173/`\n\n## Project Dependencies Package Installation Command\n\n`npm i openai`\n\n`npm i @emoji-mart/data`\n\n`npm i @emoji-mart/react`\n\n`npm i uuid`\n\n## To Setup .env File\n\nyou must create an .env file in your project folder and save your API key or other sensetive info.\n\nExample: \n\n```\nVITE_OPENAI_API_KEY=\n```\n\n## For More Information About OpenAI, Emoji-Mart, Uuid\n\nFor More Information About OpenAI Documentation, Emoji-Mart, Uuid, please visit\n\n### OpenAI Documentation:\n\n\u003e https://www.npmjs.com/package/openai\n\nAfter creating an account with OpenAI, you must use https://platform.openai.com/docs/api-reference/authentication to generate an API key.\n\nThen apply this API key in your project's `.env` file.\n\n\u003e https://platform.openai.com/docs/api-reference/models/list\n\n\u003e https://platform.openai.com/docs/api-reference/completions/create\n\n### Emoji-Mart:\n\nAbout @emoji-mart/data: https://www.npmjs.com/package/@emoji-mart/data\n\nAbout @emoji-mart/react: https://www.npmjs.com/package/@emoji-mart/react\n\n### UUID:\n\nAbout Uuid (Unique ID Generator): https://www.npmjs.com/package/uuid\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnobt78%2Fopenai-chatbot--reactvite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnobt78%2Fopenai-chatbot--reactvite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnobt78%2Fopenai-chatbot--reactvite/lists"}