{"id":6399,"date":"2024-09-13T10:33:31","date_gmt":"2024-09-13T10:33:31","guid":{"rendered":"https:\/\/favtutor.com\/articles\/?p=6399"},"modified":"2024-09-13T10:37:03","modified_gmt":"2024-09-13T10:37:03","slug":"o1-openai-coding-capabilities","status":"publish","type":"post","link":"https:\/\/favtutor.com\/articles\/o1-openai-coding-capabilities\/","title":{"rendered":"Here&#8217;s 7 Apps Developers made using OpenAI&#8217;s o1 Model"},"content":{"rendered":"\n<p>The strawberry is now ripe! OpenAI has launched its mystery &#8216;Strawberry&#8217; model named &#8216;o1&#8217; and it is already rolled out to ChatGPT to all Plus and Team users. Developers are trying their hands on it as well as the company also shared some interesting things it can do. Here&#8217;s some of them!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>OpenAI&#8217;s o1 Model is Better for Coding<\/strong><\/h2>\n\n\n\n<p>The biggest differentiation of the <a href=\"https:\/\/favtutor.com\/articles\/openai-o1-reasoning-model-that-can-think\/\">o1 model<\/a> when compared to other LLMs is that it &#8216;THINKS&#8217;. It processes before answering the prompt, instead of using predictive sequences of words. While CEO Sam Altman has said that<em> &#8220;o1 is still flawed, still limited, and it still seems more impressive on first use than it does after you spend more time with it.<\/em>&#8221; developers are already testing its powers.<\/p>\n\n\n\n<p>Coding is one of the big areas where it is said to work better than other LLMs. It is better at writing code and solving multistep problems. On Codeforces competitions, <a href=\"https:\/\/openai.com\/index\/learning-to-reason-with-llms\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">o1 reached the 89th percentile of participants<\/a>, while GPT-40 was at the 11th percentile.<\/p>\n\n\n\n<p>Here are 7 insightful findings to look at:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1) Video Game Coding<\/strong><\/h3>\n\n\n\n<p>First, let&#8217;s start with one of the official demos shared by ChatGPT. The model was asked to write the code for the video game: squirrel finder. The user prompted it with the game instructions and additional details. The model thought for 21 seconds describing what it was thinking about the game layout and setting up screens. <\/p>\n\n\n\n<p>Watch the full demo here:<\/p>\n\n\n\n<div align=\"center\"><blockquote class=\"twitter-tweet\" data-media-max-width=\"560\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">OpenAI o1 codes a video game from a prompt. <a href=\"https:\/\/t.co\/aBEcehP0j8\" target=\"_blank\">pic.twitter.com\/aBEcehP0j8<\/a><\/p>&mdash; OpenAI (@OpenAI) <a href=\"https:\/\/twitter.com\/OpenAI\/status\/1834278223775187374?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">September 12, 2024<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n\n\n\n<p>This shows how the &#8216;thinks&#8217; might take some time to get the answer but it did everything perfectly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2) Space Shooter Game<\/strong><\/h3>\n\n\n\n<p>Continuing the video game example, this user asked the model to create a space shooter game in HTML and JavaScript. However, he didn&#8217;t include any more details (like instructions) about the project, just adding &#8216;Make it interesting&#8217; in the prompt. But that didn&#8217;t stop o1. While it took about 81 seconds in the preview, it finally gave a working code:<\/p>\n\n\n\n<div align=\"center\"><blockquote class=\"twitter-tweet\" data-media-max-width=\"560\"><p lang=\"en\" dir=\"ltr\">OpenAI o1 creates a fully interactive space shooter game in less than 2 minutes and Replit lets me run it in seconds.<br><br>AI and coding has changed forever. <a href=\"https:\/\/t.co\/toRmzaHock\" target=\"_blank\">pic.twitter.com\/toRmzaHock<\/a><\/p>&mdash; Shubham Saboo (@Saboo_Shubham_) <a href=\"https:\/\/twitter.com\/Saboo_Shubham_\/status\/1834418729649644023?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">September 13, 2024<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n\n\n\n<p>Along with the code, it also provided instructions for how to play the game. The AI model is something that each coder must try themselves.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3) Creating a blog page<\/strong><\/h3>\n\n\n\n<p>This is one of the simpler coding problems compared to making video games, but let&#8217;s check it as well. The user prompted &#8220;<em>Create a personalized blog page with all the coding<\/em>&#8220;. In just 14 seconds, the output was there. It started with HTML code, then CSS, code to add blog posts and ultimately how to deploy it.<\/p>\n\n\n\n<div align=\"center\"><<blockquote class=\"twitter-tweet\" data-media-max-width=\"560\"><p lang=\"en\" dir=\"ltr\">Coding with OpenAI o1 \ud83c\udf53\ud83d\ude33 <a href=\"https:\/\/t.co\/zN3QZPlvC1\" target=\"_blank\">pic.twitter.com\/zN3QZPlvC1<\/a><\/p>&mdash; Mustafa Ergisi (@mustafaergisi) <a href=\"https:\/\/twitter.com\/mustafaergisi\/status\/1834287280778887640?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">September 12, 2024<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n\n\n\n<p>It also provided an optional JavaScript code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4) Visualizing Transformers<\/strong><\/h3>\n\n\n\n<p>Coming back to official demos by OpenAI, we will see how good the reasoning capabilities are of the o1 model. The user wanted a visualization of how Transformers works. He gave a detailed prompt on what he wanted.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jeg_video_container jeg_video_content\"><iframe title=\"Coding with OpenAI o1\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/50W4YeQdnSg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>As we know, the reasoning helped o1 it followed all the instructions. Other models can fail with them by missing one of the instructions, but since this model takes its time, it was able to do everything it was asked. There were some minor CSS issues but nothing more than that.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5) Full Stack React Native app<\/strong><\/h3>\n\n\n\n<p>Moving to some regular programming stuff, a user wanted to see whether o1 could develop a React Native app. The prompt was: &#8220;<em>Create a React Native app that allows me to connect to a local network IP from a dropdown list, and in short stream videos from my Pi 4 just like Netflix. I want this app to run on my Fire TV cube and have voice commands. The pi 4 has 2 HDDs (USB) that hold folders with the movie files to be played, enable search by title and an auto-play next for TV shows.<\/em>&#8220;<\/p>\n\n\n\n<p>Here&#8217;s the output: <\/p>\n\n\n\n<div align=\"center\"><blockquote class=\"twitter-tweet\" data-media-max-width=\"560\"><p lang=\"en\" dir=\"ltr\">It\u2019s official\u2026programming as a career is over. GPT o1-preview creating a fullstack react native app\u2026I didn\u2019t make a company fast enough, and now I\u2019m obsolete\u2026fullstack for 16 years <a href=\"https:\/\/t.co\/key853iXCj\" target=\"_blank\">pic.twitter.com\/key853iXCj<\/a><\/p>&mdash; Dallas Lones (@dallaslones) <a href=\"https:\/\/twitter.com\/dallaslones\/status\/1834313445677605256?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">September 12, 2024<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n\n\n\n<p>In just 5 seconds, it started putting out the code with all the steps. After that, the users again asked it to make a Node.js API for Pi 4 and it did that also. So, from the front end to the back end, it is capable of everything.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6) Full Weather app for iOS<\/strong><\/h3>\n\n\n\n<p>Another big achievement is it can develop a full weather app for iOS. The user used o1 and Cursor Composer and completed the task in 10 minutes.<\/p>\n\n\n\n<div align=\"center\"><blockquote class=\"twitter-tweet\" data-media-max-width=\"560\"><p lang=\"en\" dir=\"ltr\">Just combined <a href=\"https:\/\/twitter.com\/OpenAI?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@OpenAI<\/a> o1 and Cursor Composer to create an iOS app in under 10 mins!<br><br>o1 mini kicks off the project (o1 was taking too long to think), then switch to o1 to finish off the details.<br><br>And boom\u2014full Weather app for iOS with animations, in under 10 \ud83c\udf24\ufe0f<br><br>Video sped up! <a href=\"https:\/\/t.co\/hc9SCZ52Ti\" target=\"_blank\">pic.twitter.com\/hc9SCZ52Ti<\/a><\/p>&mdash; Ammaar Reshi (@ammaar) <a href=\"https:\/\/twitter.com\/ammaar\/status\/1834348042637521031?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">September 12, 2024<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n\n\n\n<p>In this case, o1 mini was taking too long to think but then switched to o1 to finish the task.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7) Create a PDF Tool<\/strong><\/h3>\n\n\n\n<p>The user asked it to create a tool to help people improve their reading speed via PDFs they can upload. Here&#8217;s the prompt: <em>&#8220;Create a program in a single HTML page that lets the user upload a PDF, choose which page to start on, and then trains the user to read faster. The goal is to make something that people can use to read their PDFs comfortably, and learn to read faster in the process.<\/em>&#8220;<\/p>\n\n\n\n<p>The output is here:<\/p>\n\n\n\n<div align=\"center\"><blockquote class=\"twitter-tweet\" data-media-max-width=\"560\"><p lang=\"en\" dir=\"ltr\">My first attempt using o1-preview, I asked it to create a tool to help people improve their reading speed via PDFs they can upload.<br><br>It spat out a 400 line program that worked on the first try, let me upload a pdf, control the reading speed, and select the page number. <a href=\"https:\/\/t.co\/veAtwBGEj7\" target=\"_blank\">pic.twitter.com\/veAtwBGEj7<\/a><\/p>&mdash; Ippi (@Coolzippity) <a href=\"https:\/\/twitter.com\/Coolzippity\/status\/1834328796951916749?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">September 12, 2024<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/div>\n\n\n\n<p>The user was impressed because the code worked on the first try.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>While the o1 model is still in its nascent stage and it takes some time to &#8216;think&#8217;, it is still a big step ahead in the world of AI. It is not a competitor for ChatGPT but a sibling of it that makes the openAI&#8217;s toolset more worthy! ChatGPT is still useful for common reasoning, while o1 is here for maths and coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out some unique capabilities of OpenAI&#8217;s o1 model for coding and how it performs better than other LLMs.<\/p>\n","protected":false},"author":8,"featured_media":6401,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jnews-multi-image_gallery":[],"jnews_single_post":null,"jnews_primary_category":{"id":"","hide":""},"footnotes":""},"categories":[57],"tags":[56,61,91,60],"class_list":["post-6399","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","tag-ai","tag-chatgpt","tag-gpt-4-2","tag-openai"],"_links":{"self":[{"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/posts\/6399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/comments?post=6399"}],"version-history":[{"count":12,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/posts\/6399\/revisions"}],"predecessor-version":[{"id":6415,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/posts\/6399\/revisions\/6415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/media\/6401"}],"wp:attachment":[{"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/media?parent=6399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/categories?post=6399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/favtutor.com\/articles\/wp-json\/wp\/v2\/tags?post=6399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}