강의

멘토링

커뮤니티

Programming

/

Full-stack

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.3) 4 reviews

51 learners

Level Basic

Course period Unlimited

  • Neo
  • Essential
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI

Reviews from Early Learners

Reviews from Early Learners

4.3

5.0

Neo

100% enrolled

You can create a web-based visual novel game.

5.0

DKN

100% enrolled

The idea is quite novel and it was fun~

5.0

HelloWorld

100% enrolled

The project is interesting. I'll take a good look and be on my way.

What you will gain after the course

  • 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.

Recommended for
these people

Who is this course right for?

  • 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

Need to know before starting?

  • React

  • JavaScript

  • Kotlin

  • Basic Coding Skills

Hello
This is

2,264

Learners

254

Reviews

39

Answers

4.7

Rating

29

Courses

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!

Curriculum

All

15 lectures ∙ (2hr 18min)

Published: 
Last updated: 

Reviews

All

4 reviews

4.3

4 reviews

  • yeseong0412님의 프로필 이미지
    yeseong0412

    Reviews 30

    Average Rating 5.0

    5

    100% enrolled

    You can create a web-based visual novel game.

    • loward님의 프로필 이미지
      loward

      Reviews 21

      Average Rating 5.0

      5

      100% enrolled

      The idea is quite novel and it was fun~

      • yeseong0412
        Instructor

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

    • dkssudgktpdy님의 프로필 이미지
      dkssudgktpdy

      Reviews 20

      Average Rating 5.0

      5

      100% enrolled

      The project is interesting. I'll take a good look and be on my way.

      • yeseong0412
        Instructor

        Thank you for taking the course! I'll come back with even more amazing lectures!!

    • woogong님의 프로필 이미지
      woogong

      Reviews 15

      Average Rating 4.1

      2

      100% enrolled

      • yeseong0412
        Instructor

        Hello, thank you for taking the course! I am curious to know what led you to give a 2-star rating. If you could provide some feedback, I would like to update and improve the course based on your input! I would appreciate it if you could leave a response in the Q&A section or as a reply to this comment. Thank you!

    $26.40

    Neo's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!