강의

멘토링

커뮤니티

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

(5.0) 3 reviews

47 learners

Level Basic

Course period Unlimited

  • Neo
  • Essential
실습 중심
실습 중심
AI 활용법
AI 활용법
백엔드이해하기
백엔드이해하기
토이프로젝트
토이프로젝트
리액트감잡기
리액트감잡기
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI
실습 중심
실습 중심
AI 활용법
AI 활용법
백엔드이해하기
백엔드이해하기
토이프로젝트
토이프로젝트
리액트감잡기
리액트감잡기
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI

Reviews from Early Learners

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,125

Learners

239

Reviews

37

Answers

4.7

Rating

28

Courses

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!

Curriculum

All

15 lectures ∙ (2hr 18min)

Published: 
Last updated: 

Reviews

All

3 reviews

5.0

3 reviews

  • yeseong0412님의 프로필 이미지
    yeseong0412

    Reviews 29

    Average Rating 5.0

    5

    100% enrolled

    You can create a web-based visual novel game.

    • loward님의 프로필 이미지
      loward

      Reviews 20

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

    $26.40

    Neo's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!