inflearn logo
inflearn logo

Create Your Own Visual Novel Game in Just One Day

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to make a web-based visual novel game with SpringAI and React! Neo + Essential

(4.6) 수강평 7개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.6

5.0

hellowaz

93% 수강 후 작성

I was impressed by the way AI was applied to the game, as well as the approach of implementing the server and frontend using Spring and React instead of the traditional game development method of C#.

5.0

좋은사람이되자

33% 수강 후 작성

Great

5.0

bagps1

93% 수강 후 작성

Good

강의상세_배울수있는것_타이틀

  • How to Create a Web-Based Game (Visual Novel) Using React

  • Creating an immersive website with simple animations and effects

  • How to Use SpringAI (GPT API)

  • Methods for Generating Original Ideas

Create Your Own Visual Novel Game in Just One Day

React, Spring Boot, Artificial Intelligence (AI), SpringAI

🚀 In just one day, your idea becomes a visual novel game.

The games you encounter every day,
haven't you ever thought "I'd like to try making one of these myself"?

But when you actually try to start...
"Frontend, backend? Where do I even begin?"
"I want to integrate AI, but the GPT API looks too difficult..."
"I'm exhausted just reading the documentation..."

👉 This course was created to end that hesitation and frustration.


Check out the game story we're going to create!

We recommend this for

🥳

Want to create a unique frontend beyond just CRUD

Those who want to create a unique project instead of the typical CRUD

😘

Want to experience both server and front-end together

Even if you've only done frontend or only backend, you can do both - building a full-stack web-based visual novel game

🤩

Want to work on a project using AI

Create your own character responses by calling the GPT API with SpringAI

🎮 What will you gain from this course?

  • In just one day, complete a visual novel game with your own story.

  • Build the front-end with React and experience characters and scenes moving right before your eyes.

  • Connect the backend with Spring Boot + SpringAI to implement a game where AI generates dialogue.

  • You can include the latest technology combination of "AI + Game + Web App" in your portfolio.

Key Features of This Course

🎯 Key Features & Differentiators of This Course

  1. Inflearn's first web-based visual novel game course

    • Previously, most visual novel game courses focused on Unity or game frameworks,
      but this course covers creating games that can be enjoyed directly on the web using React + Spring Boot + SpringAI.

    • This is a unique course where you can learn to create "interactive games integrated with AI in a web environment."

  2. Hands-on focused, complete a project in just one day

    • This is not a typical lecture that just lists theories.

    • You can write code with your hands, move scenes and characters right before your eyes, and feel immediate satisfaction.

  3. Practical Application of Modern Tech Stack

    • Experience core practical skills simultaneously, from implementing UI with React, connecting backend with Spring Boot, to utilizing GPT API with SpringAI.

    • You'll naturally learn modern web development skills through the engaging topic of game creation.

  4. Combining AI and Creativity

    • This is not just a lecture about learning to code.

    • Generate character dialogue using AI and provide an experience of dynamically changing the story.

    • This is a one-of-a-kind course where you can experience both creation and development simultaneously.

  5. Portfolio-Ready and Applicable to Real Work

    • This is not just a simple practice project, but provides a level of completeness that can be added to your portfolio.

    • The "AI + Web + Game" combination becomes a powerful differentiator in future employment, internships, and creative activities.


Here's what you'll learn

Follow-along Springboot SpringAI

By following along with the lecture, you'll learn how to call the ChatGPT API through SpringAI and I'll teach you how to create your own character responses through simple prompt engineering theory and practice.

Create Your Own Visual Novel Game with React + JS

We'll show you how to express your unique ideas by creating your own web visual novel game with React, an idea you won't find anywhere else.

😱 Why you shouldn't miss this course

  • 'AI + Creativity' is the trend right now.
    Experiencing it before others and creating results becomes the start of competitiveness.

  • Because you'll learn the core practical stack of React + Spring Boot through the interesting topic of games, it's never boring.

  • This course is not theory-focused.
    You'll write code directly, see the results with your own eyes, and have a finished product in your hands.

The moment you put it off thinking "I'll learn it someday..."
someone else is already creating their own game that you wanted to make.

Hello, I'm instructor Neo!

  • As a server developer who primarily works with Kotlin, I create various development courses covering server development, deployment, Spring AI, and more.

  • I conduct lectures with simple and straightforward short sessions, focusing more on practical application rather than theory.

  • I create courses so that you can easily and conveniently follow along with various projects, and my motto is to make it easy for people to experience things they haven't tried before.

Do you have any questions?

Q1. I'm not good at coding - can I really make a game in one day?

👉 This course aims for short and impactful toy projects, not "large-scale projects."
If you have basic programming knowledge, you can easily follow along as the course proceeds hands-on with direct coding practice.
I've prepared the complex logic in advance, so you can focus on experiencing the fun of seeing a game come to life right before your eyes.

Q2. Do I really need to learn React, Spring Boot, and Spring AI all together?

👉 Actually, if you're "just making a game," you don't necessarily need to use all of them.
However, this course isn't simply about "completing a game," but rather aims to help you learn the core tech stack used in real-world practice through a fun project.

  • React → Core frontend technology

  • Spring Boot → Stable backend architecture

  • SpringAI → How to integrate AI into services
    In other words, after completing the course, you'll have not just a simple game, but an AI-powered web project that you can add to your portfolio.

Q4. Where can I apply this after completing the course?

👉 There are various directions.

  1. As a creator: You can distribute stories you've written as web-based games.

  2. As a developer: You can add the experience of combining React + SpringBoot + AI to your portfolio and showcase it in the workplace.
    Creating a game is a "fun experience," but at the same time, it will be a definite strength that stands out on your resume.

Things to Note Before Enrolling

Practice Environment

  • The course is conducted in a MacOS environment, but I believe Windows users can follow along as well.

  • We will show you how to set up and install IntelliJ, Postman, GPT, and other tools used in the course.

  • The visual novel story for the lecture is provided in the Notion learning materials in a pre-written script format.

Learning Materials

  • Learning materials (Notion link) will be provided.

Prerequisites and Important Notes

  • If you have experience with development, you'll be able to follow along without difficulty.

  • If you enjoy computers and can follow along with program installation, you'll be able to proceed with development without any difficulty.

  • It's convenient if you know the basics of each language, but it's fine if you don't.

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • People who want to write their own story and create their own visual novel game

  • Frontend developer aspiring to apply React to real-world projects

  • Creators interested in making interactive content that works on the web

  • Beginner to intermediate developers who want to create a polished web app in a short amount of time

선수 지식, 필요할까요?

  • React

  • JavaScript

  • Kotlin

  • Basic Coding Skills

강의소개.지공자소개

2,409

수강생

290

수강평

40

답변

4.7

강의 평점

29

강의_other

Hello! I'm Neo, an instructor on Inflearn.

My goal is to make various development technologies that people don't usually encounter accessible to many different people.

That is why I aim to design practice-oriented lectures that focus on hands-on curriculums rather than just listing theories, allowing students to learn without the stress of troubleshooting.

I am structuring the content with a light and friendly approach so that even beginners can follow along without pressure, focusing especially on lowering the barrier to entry for knowledge.
Sometimes, I also work on lectures together with like-minded people!

For collaborations and other business inquiries, please contact yeseong0412@gmail.com!

더보기

공동 지식공유자

커리큘럼

전체

15개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

7개

4.6

7개의 수강평

  • loward님의 프로필 이미지
    loward

    수강평 21

    평균 평점 5.0

    5

    100% 수강 후 작성

    The idea is quite novel and it was fun~

    • yeseong0412
      지식공유자

      Thank you! I will work hard to come back with even better lectures!!

  • yeseong0412님의 프로필 이미지
    yeseong0412

    수강평 30

    평균 평점 5.0

    5

    100% 수강 후 작성

    You can create a web-based visual novel game.

    • beagreatperson17325님의 프로필 이미지
      beagreatperson17325

      수강평 11

      평균 평점 5.0

      5

      33% 수강 후 작성

      Great

      • bagps1님의 프로필 이미지
        bagps1

        수강평 13

        평균 평점 5.0

        5

        93% 수강 후 작성

        Good

        • hellowaz님의 프로필 이미지
          hellowaz

          수강평 12

          평균 평점 5.0

          5

          93% 수강 후 작성

          I was impressed by the way AI was applied to the game, as well as the approach of implementing the server and frontend using Spring and React instead of the traditional game development method of C#.

          Neo님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!

          강의상세.할인문구

          $27,500.00

          16%

          $26.40