A Vibe Coding Project in Two Hours: Even a Reporter Creates an Investment Propensity Analysis Site [The Collapsed Wall of Coding]②

Comprehensive Investment Analysis Site Using Four Pillars and MBTI, Built Instantly
Simpler Guidance Provided Whenever Progress Stalls
Limitations Remain When Relying Solely on AI Instructions

Editor's NoteWe are now in the era of "Vibe Coding," where artificial intelligence (AI) writes code when you simply explain your ideas verbally. This marks a complete shift from the past decade, when the developer profession was booming and coding was all the rage. While anyone can now code, it has become even more difficult to get a job in the relevant industries, and security issues have also become more serious. How is this rapid paradigm shift in development changing our daily lives? The Asia Business Daily seeks to take a closer look at the sites of industrial transformation brought about by Vibe Coding.

The reporter, who majored in business administration, has a humanities background and no connection to coding. Not knowing how to read any computer languages, it took just two hours to create a website that analyzes investment propensities by combining Saju (Four Pillars of Destiny) and MBTI (Myers-Briggs Type Indicator) using Vibe Coding. This was possible thanks to Vibe Coding, which allows you to write code and program by conversing with AI.

On the 24th of last month, a reporter from this publication conducted Vibe Coding using OpenAI's generative AI model "ChatGPT" and the programming-specialized model "Codex." Through Vibe Coding, an investment propensity analysis website was created by integrating Four Pillars of Destiny and personality type tests (MBTI).

The tools used during this attempt at Vibe Coding were OpenAI's generative AI model "ChatGPT" and the programming-specialized model "Codex." First, I asked ChatGPT, "I want to create a website that analyzes investment propensities by combining Saju and MBTI using Vibe Coding. What do you think of this idea?" ChatGPT responded that it was a good idea, but also pointed out that "using Saju and MBTI as investment advice is risky; it should be designed as exploratory content or an auxiliary tool." Additionally, it provided suggestions on how to structure the main page and which engaging features to include.

On the 24th of last month, a reporter from this publication told OpenAI's generative AI model ChatGPT that they would create an investment propensity analysis website combining Saju and MBTI (personality type test) using Vibe coding. ChatGPT screenshot

I then asked ChatGPT to organize the investment propensities for each of the 16 MBTI types and Saju categories. ChatGPT immediately listed the investment tendencies, strengths and weaknesses, suitable investment styles, and common mistakes to avoid for each MBTI and Saju type.

On the 24th of last month, a reporter from this publication was doing Vibe coding using OpenAI's generative AI model 'ChatGPT'. ChatGPT screenshot

Since I was unfamiliar with designing user interfaces and experiences (UI·UX) that allow users to easily utilize the features, I provided ChatGPT with several reference websites. ChatGPT suggested a layout where input is simple and results are shown in chart form. When I asked it to create a prompt accordingly, it produced the "final version" of the code. Moreover, when I requested the code to be organized for use in Codex, it modified the code as needed.

Want to Build a Website? The Code Is Written Instantly... Even Incomplete Parts Are Fixed Automatically

On the 24th of last month, a reporter from this publication was performing vibe coding using OpenAI's programming-specialized model 'Codex'. Codex corrected the parts that were lacking in the code written by the reporter. Codex capture

Afterward, I switched from ChatGPT to Codex. Codex not only writes simple code but also professionally handles the entire development process, such as correcting errors and organizing files. I inserted the code generated by ChatGPT into Codex and asked, "Are there any missing parts?" Codex replied, "It's robust enough to launch right away, but you should add details such as the calculation scope for Saju and the purpose for collecting gender information," and then created new code reflecting those suggestions.

At first, I had no idea how to turn the code generated by Codex into a website. So I informed Codex that I hoped the site could be accessed by others without incurring any server operating costs. Codex answered that "the easiest way is to deploy using a platform called Vercel." It also recommended signing up for a site called GitHub. The problem was that I had never heard of Vercel or GitHub before, and all the terms were unfamiliar. Codex explained every step, but as a humanities major, I found it hard to understand.

On the 24th of last month, a reporter from this publication was doing Vibe Coding using OpenAI's programming specialized model 'Codex'. When the reporter captured the screen one by one and sent it, Codex also provided answers easily. Codex screenshot

As a result, I began capturing each screen and asking Codex about every step. Codex's answers became even simpler. Codex guided me with instructions like, "You don't need to change anything here" and "Just click the button on the top left of the site," making it easy even for beginners to follow. Worried that pressing the wrong button might be irreversible, I captured screens and asked questions every time something changed, but Codex never got annoyed and answered everything kindly.

Even with Zero Knowledge, No Frustration and Clear Answers... A Website Born in Just Two Hours

Following Codex's instructions, a new link was generated. I copied and pasted that link. The investment propensity analysis website with a blue background, titled "Your Investment Propensity, Revealed through the Harmony of East and West," was born.

After entering my name, date and time of birth, and MBTI, the investment propensity analysis results appeared. My result was "Principle-Centered Analyst." The website also provided a sharing function, allowing users to share their investment propensity results with others.

On the 24th of last month, a reporter from this publication conducted Vibe coding using OpenAI's generative AI model 'ChatGPT' and the programming-specialized model 'Codex'. Through Vibe coding, a site analyzing investment tendencies by synthesizing Four Pillars of Destiny and personality type tests (MBTI) was created.

It took just two hours to plan and deploy the new investment propensity analysis site. Even as a humanities major with no knowledge of computer languages, I was able to turn an idea in my head into a tangible outcome thanks to Vibe Coding.

Of course, there were clear limitations. If a critical error occurred in the AI-generated code, it would be overwhelming for a non-expert to diagnose and fix the problem. There was also some unease in reaching the goal solely by following AI instructions without understanding how development tools like Vercel or GitHub actually work. Nevertheless, it became evident that "the ability to plan"—that is, what to instruct and design with AI—has become more important than merely the ability to write code.

Related article: [The Collapsed Wall of Coding]①"Developer meetings have changed like this"...The heyday of Vibe Coding

This content was produced with the assistance of AI translation services.