OpenAI API Web Apps updated

MaxineXiong · May 5, 2024 · 9e04ee6 · 9e04ee6
1 parent f74446d
commit 9e04ee6
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 22 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -270,7 +270,11 @@ const searchResultsContainer = document.getElementById("searchResults");
 
 const projects = [
 	{ name: "My Personal Portfolio Website", url: "./projects/html-css.html#personal-web", labels: ['html5', 'css3', 'javascript', 'js', "Maxine's Tech Gallery", 'projects portfolio', 'project portfolio', 'personal website'] },
-	{ name: "OpenAI API Applications", url: "./projects/ai-projects.html#openai-webapps", labels: ['python', 'web application', 'gpt', 'chatgpt', 'streamlit', 'gTTS'] },
+	{ name: "OpenAI API Applications", url: "./projects/ai-projects.html#openai-webapps", labels: ['python', 'web applications', 'GPT models', 'chatgpt', 'streamlit cloud', 'TTS model', 'whisper model', 'GPT-3.5 Turbo Model',
+																																																 'GPT-4 Turbo Model', 'gpt-3.5-turbo', 'gpt-4-turbo', 'GPT 3.5', 'GPT 4', 'GPT3.5', 'GPT4', 'speech-to-text', 'text-to-speech',
+																																															   'speech to text', 'text to speech', 'voice communication', 'text communication', 'audio output', 'chat completions API', 'Assistants API',
+																																															   'voice input', 'text input', 'AI coding assistance', 'AI coding assistant', 'codemaxgpt', 'talk to gpt', 'chatbot', 'coderbot',
+																																															   'Code Generation', 'Code Debugging', 'Code Refactoring', 'Code Documentation', 'generate code', 'debug code', 'refactor code', 'document code'] },
 	{ name: "ChatGPT-3.5 Desktop App", url: "./projects/ai-projects.html#gpt-desktop", labels: ['ai', 'tkinter', 'GUI', 'pyttsx3', 'python', 'desktop application'] },
 	{ name: "ImageAI Computer Vision Flask Apps", url: "./projects/ai-projects.html#imageai-flask", labels: ['pandas', 'pd', 'computer vision', 'cv', 'html5', 'css3', 'python', 'application', 'data analysis', 'data analytics', 'analyze', 'analyse'] },
 	{ name: "Invoice Generator", url: "./projects/vba.html#invoicing", labels: ['vba', 'excel', 'invoicing', 'UserForms', 'user forms', 'ActiveX controls', 'business analysis', 'business analytics', 'BA'] },

diff --git a/light-mode/assets/js/main.js b/light-mode/assets/js/main.js
@@ -270,7 +270,11 @@ const searchResultsContainer = document.getElementById("searchResults");
 
 const projects = [
 	{ name: "My Personal Portfolio Website", url: "./projects/html-css.html#personal-web", labels: ['html5', 'css3', 'javascript', 'js', "Maxine's Tech Gallery", 'projects portfolio', 'project portfolio', 'personal website'] },
-	{ name: "OpenAI API Applications", url: "./projects/ai-projects.html#openai-webapps", labels: ['python', 'web application', 'gpt', 'chatgpt', 'streamlit', 'gTTS'] },
+	{ name: "OpenAI API Applications", url: "./projects/ai-projects.html#openai-webapps", labels: ['python', 'web applications', 'GPT models', 'chatgpt', 'streamlit cloud', 'TTS model', 'whisper model', 'GPT-3.5 Turbo Model',
+																																																 'GPT-4 Turbo Model', 'gpt-3.5-turbo', 'gpt-4-turbo', 'GPT 3.5', 'GPT 4', 'GPT3.5', 'GPT4', 'speech-to-text', 'text-to-speech',
+																																															   'speech to text', 'text to speech', 'voice communication', 'text communication', 'audio output', 'chat completions API', 'Assistants API',
+																																															   'voice input', 'text input', 'AI coding assistance', 'AI coding assistant', 'codemaxgpt', 'talk to gpt', 'chatbot', 'coderbot',
+																																															   'Code Generation', 'Code Debugging', 'Code Refactoring', 'Code Documentation', 'generate code', 'debug code', 'refactor code', 'document code'] },
 	{ name: "ChatGPT-3.5 Desktop App", url: "./projects/ai-projects.html#gpt-desktop", labels: ['ai', 'tkinter', 'GUI', 'pyttsx3', 'python', 'desktop application'] },
 	{ name: "ImageAI Computer Vision Flask Apps", url: "./projects/ai-projects.html#imageai-flask", labels: ['pandas', 'pd', 'computer vision', 'cv', 'html5', 'css3', 'python', 'application', 'data analysis', 'data analytics', 'analyze', 'analyse'] },
 	{ name: "Invoice Generator", url: "./projects/vba.html#invoicing", labels: ['vba', 'excel', 'invoicing', 'UserForms', 'user forms', 'ActiveX controls', 'business analysis', 'business analytics', 'BA'] },

diff --git a/light-mode/projects/ai-projects.html b/light-mode/projects/ai-projects.html
@@ -63,16 +63,16 @@ <h3 style='height:1.5em'>
 											<ul class="actions">
 												<li><a href="https://openai.com/blog/openai-api" target="_blank"
 															class="button primary small" title='Click to learn more'>OpenAI API</a></li>
-												<li><a href="https://platform.openai.com/docs/guides/gpt/chat-completions-api"
+												<li><a href="https://platform.openai.com/docs/models"
 															target="_blank" class="button primary small"
 															title='Click to learn more'>GPT Models</a></li>
-												<li><a href="https://platform.openai.com/docs/guides/speech-to-text"
+												<li><a href="https://platform.openai.com/docs/models/whisper"
 															target="_blank" class="button primary small"
-															title='Click to learn more'>Whisper Models</a></li>
+															title='Click to learn more'>Whisper Model</a></li>
+												<li><a href="https://platform.openai.com/docs/models/tts" target="_blank"
+															class="button primary small" title='Click to learn more'>TTS Model</a></li>
 												<li><a href="https://streamlit.io/" target="_blank"
 															class="button primary small" title='Click to learn more'>Streamlit</a></li>
-												<li><a href="https://gtts.readthedocs.io/en/latest/" target="_blank"
-															class="button primary small" title='Click to learn more'>gTTS</a></li>
 												<li><a href="./python.html" class="button primary skill small"
 															title = 'Click to explore all projects involving Python'>Python</a></li>
 												<li><a href="./html-css.html" class="button primary skill small"
@@ -81,11 +81,11 @@ <h3 style='height:1.5em'>
 											</ul>
 											<!-- project description -->
 											<p style='height:19em'>This repository hosts a collection of custom web applications powered by
-												OpenAI's Whisper model and gpt-3.5-turbo model. These apps include an interactive chatbot ("Talk to GPT-3.5") for
-												text or voice communication, and a coding assistant ("CodeMaxGPT") that supports various coding tasks. With its
-												user-friendly interface, cutting-edge models, and auto-prompting features, this repository aims to empower users,
-												unlocking new possibilities for efficiency. Explore and contribute to this repository to
-												enhance your programming capabilities and boost efficiency in both your work and everyday life. </p>
+												OpenAI's GPT models (incl. gpt-3.5-turbo and gpt-4-turbo), Whisper model, and TTS model, and developed using
+												Chat Completions API and Assistants API. These apps include an interactive chatbot ("Talk to GPT-3.5") for
+												text or voice communication, and a coding assistant ("CodeMaxGPT") that supports various coding tasks.
+												With its user-friendly interface, cutting-edge models, and auto-prompting features, this repository
+												aims to enhance users' programming capabilities and to boost efficiency in both their work and everyday life. </p>
 											<!-- view button -->
 											<div class="button-container">
 												<a href="https://github.com/MaxineXiong/OpenAI-API-Web-Apps.git" target='_blank' class="button big">View</a>

diff --git a/projects/ai-projects.html b/projects/ai-projects.html
@@ -63,16 +63,16 @@ <h3 style='height:1.5em'>
 											<ul class="actions">
 												<li><a href="https://openai.com/blog/openai-api" target="_blank"
 															class="button primary small" title='Click to learn more'>OpenAI API</a></li>
-												<li><a href="https://platform.openai.com/docs/guides/gpt/chat-completions-api"
+												<li><a href="https://platform.openai.com/docs/models"
 															target="_blank" class="button primary small"
 															title='Click to learn more'>GPT Models</a></li>
-												<li><a href="https://platform.openai.com/docs/guides/speech-to-text"
+												<li><a href="https://platform.openai.com/docs/models/whisper"
 															target="_blank" class="button primary small"
-															title='Click to learn more'>Whisper Models</a></li>
+															title='Click to learn more'>Whisper Model</a></li>
+												<li><a href="https://platform.openai.com/docs/models/tts" target="_blank"
+															class="button primary small" title='Click to learn more'>TTS Model</a></li>
 												<li><a href="https://streamlit.io/" target="_blank"
 															class="button primary small" title='Click to learn more'>Streamlit</a></li>
-												<li><a href="https://gtts.readthedocs.io/en/latest/" target="_blank"
-															class="button primary small" title='Click to learn more'>gTTS</a></li>
 												<li><a href="./python.html" class="button primary skill small"
 															title = 'Click to explore all projects involving Python'>Python</a></li>
 												<li><a href="./html-css.html" class="button primary skill small"
@@ -81,11 +81,11 @@ <h3 style='height:1.5em'>
 											</ul>
 											<!-- project description -->
 											<p style='height:19em'>This repository hosts a collection of custom web applications powered by
-												OpenAI's Whisper model and gpt-3.5-turbo model. These apps include an interactive chatbot ("Talk to GPT-3.5") for
-												text or voice communication, and a coding assistant ("CodeMaxGPT") that supports various coding tasks. With its
-												user-friendly interface, cutting-edge models, and auto-prompting features, this repository aims to empower users,
-												unlocking new possibilities for efficiency. Explore and contribute to this repository to
-												enhance your programming capabilities and boost efficiency in both your work and everyday life. </p>
+												OpenAI's GPT models (incl. gpt-3.5-turbo and gpt-4-turbo), Whisper model, and TTS model, and developed using
+												Chat Completions API and Assistants API. These apps include an interactive chatbot ("Talk to GPT-3.5") for
+												text or voice communication, and a coding assistant ("CodeMaxGPT") that supports various coding tasks.
+												With its user-friendly interface, cutting-edge models, and auto-prompting features, this repository
+												aims to enhance users' programming capabilities and to boost efficiency in both their work and everyday life. </p>
 											<!-- view button -->
 											<div class="button-container">
 												<a href="https://github.com/MaxineXiong/OpenAI-API-Web-Apps.git" target='_blank' class="button big">View</a>