{"id":23384713,"url":"https://github.com/maxinexiong/openai-api-web-apps","last_synced_at":"2025-10-16T03:13:01.362Z","repository":{"id":148928984,"uuid":"619967468","full_name":"MaxineXiong/OpenAI-API-Web-Apps","owner":"MaxineXiong","description":"This repository hosts a collection of custom web applications powered by OpenAI's GPT models (incl. o1, o3-mini, GPT-4.5, GPT-4o, and GPT-4o mini), Whisper model, and TTS model. These apps include an interactive chatbot (\"Talk to GPT\") for text or voice communication, and a coding assistant (\"CodeMaxGPT\") that supports various coding tasks.","archived":false,"fork":false,"pushed_at":"2025-03-19T12:39:21.000Z","size":105619,"stargazers_count":43,"open_issues_count":0,"forks_count":19,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-23T00:43:58.025Z","etag":null,"topics":["ai-agents","ai-project","chat-completion-api","chatbot","chatgpt","code-generation","gpt-4-turbo","gpt-4o","gpt-4o-mini","o1-mini","o1-preview","openai","openai-api","openai-api-chatbot","openai-assistants","openai-assistants-api","openai-whisper","python","streamlit","streamlit-cloud"],"latest_commit_sha":null,"homepage":"https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/","language":"Python","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/MaxineXiong.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2023-03-27T19:11:51.000Z","updated_at":"2025-07-02T05:30:53.000Z","dependencies_parsed_at":"2023-12-30T23:28:33.639Z","dependency_job_id":"7adcd815-9e83-42cf-868f-9bd614a57dde","html_url":"https://github.com/MaxineXiong/OpenAI-API-Web-Apps","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MaxineXiong/OpenAI-API-Web-Apps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaxineXiong%2FOpenAI-API-Web-Apps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaxineXiong%2FOpenAI-API-Web-Apps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaxineXiong%2FOpenAI-API-Web-Apps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaxineXiong%2FOpenAI-API-Web-Apps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MaxineXiong","download_url":"https://codeload.github.com/MaxineXiong/OpenAI-API-Web-Apps/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaxineXiong%2FOpenAI-API-Web-Apps/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279143374,"owners_count":26113210,"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-10-16T02:00:06.019Z","response_time":53,"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":["ai-agents","ai-project","chat-completion-api","chatbot","chatgpt","code-generation","gpt-4-turbo","gpt-4o","gpt-4o-mini","o1-mini","o1-preview","openai","openai-api","openai-api-chatbot","openai-assistants","openai-assistants-api","openai-whisper","python","streamlit","streamlit-cloud"],"created_at":"2024-12-21T23:29:18.384Z","updated_at":"2025-10-16T03:13:01.326Z","avatar_url":"https://github.com/MaxineXiong.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OpenAI API Web Applications\n\n[![GitHub](https://badgen.net/badge/icon/GitHub?icon=github\u0026color=black\u0026label)](https://github.com/MaxineXiong)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![Made with Python](https://img.shields.io/badge/Python-\u003e=3.6-blue?logo=python\u0026logoColor=white)](https://www.python.org)\n[![OpenAI API](https://img.shields.io/badge/OpenAI_API-E5E4E2?logo=OpenAI\u0026logoColor=%23000000)](https://openai.com/blog/openai-api)\n[![ChatGPT](https://img.shields.io/badge/ChatGPT-00A67E?logo=openai)](https://chat.openai.com/)\n\n\u003cbr/\u003e\n\nClick the badge below to access the web applications:\n\n[![Open in Streamlit](https://static.streamlit.io/badges/streamlit_badge_black_white.svg)](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/)\n\n\u003cbr/\u003e\n\n## Table of Contents\n- [Project Description](#project-description)\n  - [Talk to GPT](#talk-to-gpt)\n  - [CodeMaxGPT](#codemaxgpt)\n- [Features](#features)\n- [Repository Structure](#repository-structure)\n- [Usage](#usage)\n  - [Get Started with Talk to GPT](#get-started-with-talk-to-gpt)\n  - [Get Started with CodeMaxGPT](#get-started-with-codemaxgpt)\n- [Contribution](#contribution)\n- [License](#license)\n- [Acknowledgement](#acknowledgement)\n\n\u003cbr/\u003e\n\n## Project Description\n\nWelcome to the **[unofficial platform for custom web applications powered by OpenAI APIs](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/)**! This repository hosts\na collection of web applications deployed on *[Streamlit Cloud](https://streamlit.io/cloud)*. These applications leverage the capabilities of OpenAI's powerful language models to provide\nunique functionalities. Currently, the platform includes two web applications:\n\n### Talk to GPT\n[![Open in Streamlit](https://static.streamlit.io/badges/streamlit_badge_black_white.svg)](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/Talk_To_GPT)\n\nThe first web application, **[Talk to GPT](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/Talk_To_GPT)**, is an interactive chatbot application that allows users to\ncommunicate with the model using text messages or speech input. Developed using OpenAI's [**Chat Completions API**](https://platform.openai.com/docs/guides/text-generation/chat-completions-api), and powered by OpenAI's [***GPT models***](https://platform.openai.com/docs/models/overview) (incl. [***o1***](https://platform.openai.com/docs/models/o1), [***o3-mini***](https://platform.openai.com/docs/models/o3-mini), [***gpt-4.5-preview***](https://platform.openai.com/docs/models/gpt-4.5-preview), [***gpt-4o***](https://platform.openai.com/docs/models/gpt-4o),  and [***gpt-4o-mini***](https://platform.openai.com/docs/models/gpt-4o-mini))\n for generating high-quality responses, [***Whisper model***](https://platform.openai.com/docs/models/whisper) for speech-to-text conversion, and [***TTS model***](https://platform.openai.com/docs/models/tts) for text-to-speech audio output, this application offers a conversational experience similar to interacting with a human expert. Users can select between the ***o1***, ***o3-mini***, ***GPT-4.5***, ***GPT-4o***, and ***GPT-4o mini*** models based on their needs, and have the option to play the bot's responses in audio format, enhancing\nthe conversational experience with a greater sense of immersion and realism. Additionally, the application provides a variety of built-in prompts that assign roles or personas to the chatbot,\nproviding an effective starting point for each type of conversation, and ensuring that the chatbot will produce the desired responses in an efficient and appropriate manner.\n\n### CodeMaxGPT\n[![Open in Streamlit](https://static.streamlit.io/badges/streamlit_badge_black_white.svg)](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/CodeMaxGPT)\n\nThe second web application, **[CodeMaxGPT](https://maxinexiong.github.io/intro-codemaxgpt.html)**, is designed to provide coding assistance to programmers. Built on OpenAI's [**Assistants API**](https://platform.openai.com/docs/assistants/overview?context=with-streaming),\nit is specifically tuned and optimized to cater to the diverse needs of developers, including code generation, debugging, refactoring, and documentation. The platform allows users to choose between the ***o1***, ***o3-mini***, ***GPT-4.5***, ***GPT-4o***, and ***GPT-4o mini*** models, providing auto-prompts\nfor the GPT model based on various use cases that a user may select. It also features a more user-friendly interface compared to the original [ChatGPT](https://openai.com/blog/chatgpt), allowing users to comfortably enter or\npaste code and even upload code scripts directly from their local computer. With its user-friendly interface, advanced auto-prompting features, and seamless code uploading capabilities,\n**CodeMaxGPT** is the ultimate coding companion. Whether you're a junior developer tackling complex programs or a seasoned pro exploring\nnew programming languages or frameworks, **CodeMaxGPT** has you covered.\n\n\u003cbr/\u003e\n\n## Features\n\n**[Talk to GPT](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/Talk_To_GPT)** provides the following features:\n\n1) Constructed using with OpenAI's **Chat Completions API**, enables the selection of either the ***o1***, ***o3-mini***, ***GPT-4.5***, ***GPT-4o***, or ***GPT-4o mini*** model to **generate high-quality human-like responses** to user’s prompts.\n\n2) Enables communication with the GPT model through either **text messages** or **speech input**.\n\n3) Utilizes OpenAI's ***Whisper*** model for accurate **speech-to-text conversion** for user’s speech input, and ***TTS*** (**text-to-speech**) model for chatbot's audio response output.\n\n4) Provides an option to **play the bot’s responses in audio format** for an immersive and realistic conversational experience.\n\n5) Offers a variety of **built-in prompts** that assign roles or personas to the chatbot, provides an effective starting point for each type of conversations, and ensures that the chatbot will produce the desired responses in an efficient manner.\n\nBelow are the features offered by **[CodeMaxGPT](https://maxinexiong.github.io/intro-codemaxgpt.html)**:\n\n1) Enables the selection of either the ***o1***, ***o3-mini***, ***GPT-4.5***, ***GPT-4o***, or ***GPT-4o mini*** model to **generate high-quality human-like responses** to user’s prompts.\n\n2) Built upon OpenAI's **Assistants API**, **specifically tuned and optimized** to provide coding assistance to programmers of all levels.\n\n3) Supports **various coding tasks**, including code generation, debugging, refactoring, adding comments, code reviewing, generating GitHub README, and suggesting solutions to coding challenges.\n\n4) Provides **auto-prompts** for the GPT model tailored to the various coding tasks that users may need help with.\n\n5) Offers a **user-friendly interface** that surpasses the original ChatGPT.\n\n6) Allows **comfortable code entry and pasting**, and **direct uploading of code scripts** from the user’s local computer, for enhanced convenience.\n\n7) Enables users to code confidently in unfamiliar territory.\n\n\u003cbr/\u003e\n\n## Repository Structure\n\nThe repository structure of the project is as follows:\n```\nOpenAI-API-Web-Apps/\n├── .streamlit/\n│   └── config.toml\n├── assets/\n│   ├── ChatGPT-Tkinter-Desktop-App.exe\n│   └── cover-page.gif\n├── pages/\n│   ├── 2_Talk_To_GPT.py\n│   └── 3_CodeMaxGPT.py\n├── Home.py\n├── packages.txt\n├── requirements.txt\n├── .gitignore\n├── README.md\n└── LICENSE\n```\nThe description of each file and folder in the repository is as follows:\n\n* **.streamlit/**: This folder contains the **config.toml** file, which configures the appearance of the Streamlit web application. The **config.toml** file specifies the theme settings such as primary color, background color, text color, and font.\n* **assets/**: This folder contains additional assets used in the project, including the **cover-page.gif** image file for the cover page. It also includes the **ChatGPT-Tkinter-Desktop-App.exe**, which is a simplified desktop version of **Talk to GPT**. You can find the source code for the desktop application in the [ChatGPT-Tkinter-Desktop-App](https://github.com/MaxineXiong/ChatGPT-Tkinter-Desktop-App.git) repository.\n* **pages/**: This folder contains the Python code that powers the three web applications. It includes the following Python scripts:\n    - **2_Talk_To_GPT.py**: Python script for the **Talk to GPT** web application.\n    - **3_CodeMaxGPT.py**: Python script for the **CodeMaxGPT** web application.\n* **Home.py**: This is a Python script for the home page of the Streamlit web applications. It contains code related to the navigation between the three web applications.\n* **packages.txt**: The file manages the project dependencies and is necessary for deploying the web applications on _Streamlit Cloud_.\n* **requirements.txt**: This file lists all the required Python modules and packages. It is also necessary for the deployment of the web applications on _Streamlit Cloud_. It ensures that the required dependencies are installed when deploying the applications.\n* **.gitignore**: This file intentionally specifies untracked files that Git should ignore.\n* **README.md**: Provides an overview of this repository.\n* **LICENSE**: The license file for the project.\n\n\u003cbr/\u003e\n\n## **Usage**\n\nThe web applications are currently hosted on *Streamlit Cloud*. To access the applications, please visit [**OpenAI API Web Applications on Streamlit**](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/). Once you visit the URL, you will be presented with a home page where you can select the desired web application. Click on the application you want to use, and it will open in a new tab or window.\n\n### **Get Started with Talk to GPT**\n\nTo use the **Talk to GPT** application, follow these steps:\n\n1. Visit the [**Talk to GPT on Streamlit**](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/Talk_To_GPT).\n2. Select your desired GPT model.\n3. Input your [OpenAI API key](https://platform.openai.com/api-keys) in the field at the top.\n4. You can start interacting with the chatbot using either the \"MESSAGE BOT\" or \"TALK TO BOT\" options.\n5. For text input, click on the \"MESSAGE BOT\" expander, select a built-in prompt from the dropdown menu, and press CTRL + Enter to submit. The chatbot will respond with a generated message. You can continue the conversation by entering your own messages.\n6. For speech input, make sure the text message input field is cleared, then click on the \"TALK TO BOT\" expander, click on the microphone icon, and speak your message. The speech input will be converted to text, and the chatbot will respond accordingly.\n\nBelow are two GIF images that demonstrate the usage of the **Talk to GPT** application:\n\n\n\u003cp align='center'\u003e\n    \u003cimg width=600 src=\"https://github.com/MaxineXiong/OpenAI-API-Web-Apps/assets/55864839/e0f8020a-0128-45ca-83f0-af658ab1e37a\"\u003e\n    \u003cbr\u003eInteracting through text messages\n\u003c/p\u003e\n\n\n###\n\n\u003cp align='center'\u003e\n    \u003cimg width=600 src=\"https://github.com/MaxineXiong/OpenAI-API-Web-Apps/assets/55864839/9184302a-0e0f-4488-a207-b7dafdc4675a\"\u003e\n    \u003cbr\u003eInteracting through speech input\n\u003c/p\u003e\n\n###\n\nYou can also view the full demo video of the **Talk to GPT** application by clicking on the badge below.\n\n[![Watch Demo - Talk to GPT](https://img.shields.io/badge/Watch_Demo-Talk_to_GPT-6699FF)](https://1drv.ms/v/s!AhxVr7ogXVBRlS_l5uFoOAseoO7t)\n\n\u003cbr/\u003e\n\n### **Get Started with CodeMaxGPT**\n\nTo use the **CodeMaxGPT** application, follow these steps:\n\n1. Visit the [**Introducing CodeMaxGPT**](https://maxinexiong.github.io/intro-codemaxgpt.html) webpage.\n2. Click on the \"Get started now\" button, and you'll be directed to the [**CodeMaxGPT on Streamlit**](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/CodeMaxGPT).\n3. Select your desired GPT model (*o1-mini* is **recommended**).\n4. Input your [OpenAI API key](https://platform.openai.com/api-keys) in the field at the top.\n5. You can now start interacting with the coding assistant by entering your text message or selecting a request from the dropdown menu. Then, enter, paste, or upload your code as needed.\n6. The coding assistant will provide suggestions, completions, and other assistance based on the request prompt you select and the code you provide.\n7. Feel free to explore the other features of **CodeMaxGPT** to assist you in your coding tasks.\n\nFor a detailed demonstration of using **CodeMaxGPT**, please visit the [**introduction page**](https://maxinexiong.github.io/intro-codemaxgpt.html) of the web application, or click on the badge below.\n\n[![Watch Demos - CodeMaxGPT](https://img.shields.io/badge/Watch_Demos-CodeMaxGPT-6699FF)](https://maxinexiong.github.io/intro-codemaxgpt.html)\n\n\u003cbr/\u003e\n\n## **Contribution**\n\nContributions are welcome! If you would like to contribute to the development of these web applications, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or bug fix.\n3. Make your changes and commit them.\n4. Push your changes to your forked repository.\n5. Submit a pull request detailing your changes.\n\nPlease ensure that your contributions align with the project's coding conventions and standards. Your efforts are greatly appreciated!\n\n\u003cbr/\u003e\n\n## **License**\n\nThis project is licensed under the [MIT License](https://choosealicense.com/licenses/mit/). Feel free to modify and use the code for your own purposes. However, please note that OpenAI's usage policies and guidelines still apply when using the OpenAI API.\n\n\u003cbr/\u003e\n\n## **Acknowledgement**\n\nI would like to acknowledge the following organizations and technologies for their contributions to this project:\n\n- [OpenAI](https://openai.com/) for developing the powerful language models and APIs, which have enabled me to create these web applications.\n- [Streamlit](https://streamlit.io/) for providing a wide range of widgets and *Streamlit Cloud*, which is a platform that allows me to deploy these web applications easily and efficiently.\n- [Python](https://www.python.org/) for providing a powerful programming language that has been instrumental in the development of these applications.\n- [GitHub](https://github.com/) for hosting this repository and providing a collaborative platform for open-source development.\n\n\u003cbr/\u003e\n\nThank you for choosing to use the [**OpenAI API Web Apps**](https://maxinexiong-openai-api-web-apps-home-xbxlm8.streamlit.app/). I hope that these applications will greatly amplify your programming capabilities and boost your efficiency, both in your work and in your everyday life.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaxinexiong%2Fopenai-api-web-apps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaxinexiong%2Fopenai-api-web-apps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaxinexiong%2Fopenai-api-web-apps/lists"}