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

59 learners

Level Basic

Course period Unlimited

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

5.0

hellowaz

93% enrolled

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% enrolled

Great

5.0

bagps1

93% enrolled

Good

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 Neo

2,656

Learners

317

Reviews

47

Answers

4.7

Rating

31

Courses

Hello! I am Neo, an instructor here at Inflearn.

My goal is to make various development technologies that are not commonly encountered accessible to many people.

Therefore, I aim to design a curriculum focused on practical application rather than a simple list of theories, providing hands-on lectures that allow for learning without troubleshooting hurdles.

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

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

More

Co-instructor

Curriculum

All

15 lectures ∙ (2hr 18min)

Published: 
Last updated: 

Reviews

All

8 reviews

4.4

8 reviews

  • loward님의 프로필 이미지
    loward

    Reviews 22

    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!!

  • beagreatperson17325님의 프로필 이미지
    beagreatperson17325

    Reviews 12

    Average Rating 5.0

    5

    33% enrolled

    Great

    • bagps1님의 프로필 이미지
      bagps1

      Reviews 14

      Average Rating 5.0

      5

      93% enrolled

      Good

      • hellowaz님의 프로필 이미지
        hellowaz

        Reviews 12

        Average Rating 5.0

        5

        93% enrolled

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

        • yeseong0412님의 프로필 이미지
          yeseong0412

          Reviews 31

          Average Rating 5.0

          5

          100% enrolled

          You can create a web-based visual novel game.

          Neo's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!

          Limited time deal

          $27,500.00

          16%

          $26.40