{"id":16637912,"url":"https://github.com/ioanmo226/chatgpt-react-application","last_synced_at":"2025-09-12T17:42:38.768Z","repository":{"id":150773765,"uuid":"600486951","full_name":"ioanmo226/chatgpt-react-application","owner":"ioanmo226","description":"A web application that allows users to interact with OpenAI's GPT-3 language model through a simple and user-friendly interface.","archived":false,"fork":false,"pushed_at":"2023-02-20T17:42:57.000Z","size":4131,"stargazers_count":87,"open_issues_count":1,"forks_count":39,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-18T02:44:33.793Z","etag":null,"topics":["ai","chatgpt","chatgpt-clone","dalle2","davinci-003","express","gpt-3","highlightjs","image-generation","markdown-to-html","openai","react"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ioanmo226.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2023-02-11T16:41:19.000Z","updated_at":"2025-01-23T11:04:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"bdcfd9b2-3ab8-406b-b65a-b5803f00b3e3","html_url":"https://github.com/ioanmo226/chatgpt-react-application","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioanmo226%2Fchatgpt-react-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioanmo226%2Fchatgpt-react-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioanmo226%2Fchatgpt-react-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ioanmo226%2Fchatgpt-react-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ioanmo226","download_url":"https://codeload.github.com/ioanmo226/chatgpt-react-application/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244822715,"owners_count":20516154,"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":["ai","chatgpt","chatgpt-clone","dalle2","davinci-003","express","gpt-3","highlightjs","image-generation","markdown-to-html","openai","react"],"created_at":"2024-10-12T06:43:11.779Z","updated_at":"2025-03-21T15:31:51.496Z","avatar_url":"https://github.com/ioanmo226.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/ioanmo226"],"categories":[],"sub_categories":[],"readme":"# ChatGPT Web Application\n\nA web application that allows users to interact with OpenAI's GPT-3 language model through a simple and user-friendly interface.\nThis app is for demo purpose to test OpenAI API and may contain issues/bugs.\n\nIf you are looking for a simple HTML/vanilla JavaScript version, check [here](https://github.com/ioanmo226/chatgpt-web-application)\n\n![Demo Gif](/client/src/img/demo2.gif)\n\n\u003ca href=\"https://www.buymeacoffee.com/ioanmo226\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"51\" width=\"217\"\u003e\u003c/a\u003e\n\n\n## Features\n- User-friendly interface for making requests to the OpenAI API\n- Responses are displayed in a chat-like format\n- Select Models (Davinci, Codex, Create Image) based on your needs\n- Highlight code syntax\n\n## Technologies Used\n- For client, I used React.js.\n- For server, I used express.\n\n## Setup Introduction\nThis guide will help you set up the repository on your local machine. Please follow these steps carefully to ensure a smooth setup process.\n\n### Cloning the repository\nUse the following command to clone the repository:\n```sh\ngit clone https://github.com/ioanmo226/chatgpt-web-application\n```\n\n### Backend Setup\n \n- Navigate to server directory\n```sh\ncd server # Navigate to the server directory:\n```\n- Install dependencies\n```sh\nnpm install #install the backend dependencies\n```\n- Set the OPENAI_API_KEY in the .env file:\n```sh\nOPENAI_API_KEY=YOUR_OPENAI_API_KEY\n```\n\n- Start the backend server by running the following command:\n```sh\nnode index.js\n```\n\n### Frontend Setup\n\n- Navigate to the client directory:\n```sh\ncd client\n```\n\n- Run the following command to install the frontend dependencies:\n```sh\nnpm install\n```\n\n- Set the `REACT_APP_BACKEND_URL` in the `.env` file to the URL of your backend server. For local development, use the following URL:\n```sh\nREACT_APP_BACKEND_URL=http://localhost:3001/\n```\n\n- Start the frontend app by running the following command:\n```sh\nnpm start\n```\n\n### Hosting Backend and Frontend in Same Port/URL\n\nIf you wish to host both the backend and frontend on the same port/URL, follow these steps:\n\n- Build the frontend by running the following command in the `client` directory:\n```sh\nnpm run build\n```\n- Copy the `build` directory to the `server` directory and rename it to `frontend`.\n\n- Start the backend server using the instructions in the \"Backend Setup\" section.\n\n- Once the setup process is complete, the frontend will be accessible at the URL of your backend server.\n\n## Usage\n- Type in the input field and press enter or click on the send button to make a request to the OpenAI API\n- Use control+enter to add line breaks in the input field\n- Responses are displayed in the chat-like format on top of the page\n- Generate code, including translating natural language to code\n- You can also create AI images using DALL·E models \n\n## Contributing\n\nThis project welcomes contributions and suggestions for improvements. If you have any ideas, please feel free to open an issue or create a pull request.\n\nThank you for your consideration.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fioanmo226%2Fchatgpt-react-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fioanmo226%2Fchatgpt-react-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fioanmo226%2Fchatgpt-react-application/lists"}