inflearn logo

Real Web Services Made with Vibe Coding: Completing a Travel MBTI Website

This is a practical Vibe Coding course where you will create a Travel MBTI diagnosis web app using only AI prompts and complete it to a production-ready level by actually integrating the Korea Tourism Organization's public Open API. You will learn how to transform crude results into a high-quality web app using prompt-splitting techniques, and cover the entire process from API key security to deployment.

19 learners are taking this course

Level Beginner

Course period 1 months

No-code
No-code
api
api
AI
AI
prompt engineering
prompt engineering
Vibe Coding
Vibe Coding
No-code
No-code
api
api
AI
AI
prompt engineering
prompt engineering
Vibe Coding
Vibe Coding
Thumbnail

What you will gain after the course

  • Building a production-level web app, including public Open API integration and security processing

  • Improving AI output quality through a 5-step prompt breakdown (Analysis Axis, Question Design, Result Structure, Data Structure, and Design/UX)

  • A practical API utilization process: from applying for public data portal usage to issuing authentication keys, linking real data, and resolving CORS issues.


Without development,
your own web service



Do you have an idea but feel stuck because you don't have a developer?

With just sophisticated AI prompts and public Open API integration, you can complete the travel MBTI web app you've imagined to a professional service level.
As an 8-year frontend engineer with experience at LINE, I created this course to help you gain a fundamental understanding of 'why we design this way' rather than just listing simple functions.
I have included all the practical know-how for refining AI outputs and securely integrating APIs.



What you can gain from this course

Real-world web apps without coding, we'll be with you
until completion.

Based on the practical experience of an 8-year frontend engineer,
you can gain a deep understanding of 'Why should we code with this vibe?' beyond simple functional implementation. I will share insights gained through various startup projects, including my experience at LINE, to help you establish your own design standards.

We cover the entire process of creating a real Tourism MBTI app using only AI prompts and integrating the Korea Tourism Organization Open API. You can experience creating service-level results yourself, from improving output quality with the 5-step prompt breaking technique to API key security and deployment.

Beyond just learning how to use tools, you will develop problem-solving skills that work in the real world. By directly experiencing the entire process—from applying for public data portal access to issuing authentication keys and handling daunting API integrations—you will gain the confidence to tackle any challenge.

Even non-developers will acquire the
practical web service development skills needed to turn ideas into reality.


An 8-year frontend engineer's
journey to creating web services without code


After leaving LINE, I discovered that many non-developers are interested in development but are struggling because they don't know where to start.

Even when people courageously started vibe coding, many did not know the path to further building their skills.

Understanding fundamental principles beyond simple feature acquisition was desperately needed.

So I began searching for answers regarding structural considerations and practical standards.

I prepared this lecture for those of you who, like my past self, desire a deep understanding that goes beyond simple usage.


Meet the compass that will relieve the frustrations of the past. With this course, you too can complete a real-world service.



Curriculum

MBTI Web App: Complete in 10 Minutes with No-Code

Section 1

Basics and First Steps of Vibe Coding

Understand the concept of Vibe Coding and create your first Travel MBTI web app using only prompts. Review the initial results and learn why it is necessary to break down prompts.

Utilizing Claude Artifacts

Section 2

Practical Integration of Korea Tourism Organization API

You will learn the process of applying for the Korea Tourism Organization's public Open API, obtaining an authentication key, and integrating it with real data. You will also master API utilization techniques necessary for building actual services, such as resolving CORS issues.

Connecting to the Korea Tourism Organization API




Who this course is for

Recommended for these people

Non-developers with only ideas,
if you want to create your own web service

Students aiming to complete a practical service
after entering Vibe Coding introductory courses




Notes Before Taking the Course


Practice Environment

  • Operating System: Windows, macOS, and Linux are all supported.

  • Required Programs: A modern web browser (Chrome, Edge, etc.) is required.

  • PC Specifications: At least 8GB of RAM is recommended for smooth practice sessions.

Prerequisites and Important Notes

  • It is okay even if you have no development experience. You will learn the basic concepts of web service creation.

  • Having basic knowledge of AI prompt engineering will be helpful for your learning.

  • It includes a hands-on practice session where you will build your own Travel MBTI app.

Learning Materials

  • We provide all slide materials used in the lecture.

  • We provide code examples and API integration guidelines required for the hands-on practice.

  • We provide guidance materials on using the Public Data Portal and issuing API keys.


Recommended for
these people

Who is this course right for?

  • Non-developers, planners, and marketers who have ideas but want to create web services without a developer

  • Participants in tourism data competitions or students planning to start a side project using public data

  • Learners who want to go beyond the toy project level and complete a real-world service after starting Vibe Coding.

Need to know before starting?

  • Basic experience using generative AI tools such as Claude, ChatGPT, and Gemini

  • Ability to use a web browser and perform simple file uploads and downloads

  • Communication skills to verbally explain web service planning intentions or user needs

Hello
This is Boaz

Career Verified

318

Learners

23

Reviews

19

Answers

4.7

Rating

2

Courses

Hello. This is Boaz.
I have experienced various startups through a total of four career moves, and after leaving LINE,
I am now running an AX and AI education company.

I try to explain the background and operating principles of technology in an easy-to-understand way.
This is because I believe that is the only way to use it effectively for its intended purpose.

I am currently running two YouTube channels.

I look forward to working with you 🤗

 

More

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Similar courses

Explore other courses in the same field!

Free