강의

멘토링

커뮤니티

Programming

/

Full-stack

3D Globe Article Service Built with ThreeJS and SpringAI

3D Globe Article Service with ThreeJS and SpringAI | Neo + Essential Create your own 3D globe article service using your personal chatbot and ThreeJS!

(5.0) 9 reviews

42 learners

Level Basic

Course period Unlimited

  • Neo
  • Essential
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
Three.js
Three.js
SpringAI
SpringAI
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
Three.js
Three.js
SpringAI
SpringAI

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

HelloWorld

100% enrolled

It was fun.

5.0

DKN

100% enrolled

This is a great lecture. It was wonderful to experience fun projects through hands-on practice rather than just theory. I can try various approaches using the ideas. Thank you.

5.0

Essential

31% enrolled

By taking this course, you can learn both full-stack development and 3D technology. If you want to learn a special web technology stack and experience new projects beyond simple CRUD, I recommend this course.

What you will gain after the course

  • You can experience 3D interactive experiences using Three.js

  • You can implement an AI chatbot with Spring Boot + Spring AI

  • You can gain experience building integrated services combining 3D frontend and backend

Building a 3D Globe Article Service with ThreeJS and SpringAI

React, Kotlin, Spring Boot, Three.js, SpringAI

🌎 Why a 3D Globe Article Service?

One day, I became deeply interested in creating a new form of web service by combining AI and 3D technology.
I was convinced that it would be a unique experience if you could build a Three.js-based 3D map service in an actual project and construct a system that interacts with users and visualizes this in 3D space using Spring Boot + OpenAI API (Spring AI), so I decided to plan and produce this course.

"What if we visually expressed AI-generated content in 3D space?" I hope this course, which started with this question,
becomes a unique experience that you'll encounter for the first time as you take it.

A course for growth through hands-on experience rather than theory!

Demo video of example websites that can be implemented through the course

I recommend this for people like this

🤔

I want to try using
ThreeJS + 3D

You can gain ThreeJS experience while developing the frontend!

😆

I want to try a fun project that others haven't done before

Inflearn's first-ever release
It's my own fun project.

😎

I'm curious about SpringAI + 3D web service development

SpringAI + 3D
web, includes both server lectures.

After completing this course

  • You can experience 3D interactive features using Three.js.

  • You can implement an AI chatbot with Spring Boot + Spring AI.

  • You can experience building an integrated service that combines 3D frontend and backend.

  • You can experience a unique project that others haven't tried, not just a CRUD project.

Key Features of This Course

Introduce the key features and differentiators.

스크린샷 2025-11-03 오전 12.09.24

ThreeJS + 3D Models + API Integration

This course contains all of the above in one.

By following along with the Globe Article project

ThreeJS + 3D Model Utilization + API

Learn how to utilize them through hands-on experience!

Springboot + SpringAI With Kotlin

You can develop with Springboot + SpringAI in a Kotlin environment and gain experience integrating with the frontend and saving files.

What You'll Learn

🌍 Implementing a 3D Globe with Three.js

  • Creating a 3D website with rotation, zoom in/out capabilities like a real Earth

  • Handling interactions to display articles based on clicked location

🤖 Implementing AI Article Generation and Summarization Features Using Spring AI

  • Automatic generation of user-customized content through OpenAI API integration

  • Learning prompt engineering and AI response processing logic

🔗 Integration of Frontend (Three.js) and Backend (Spring Boot)

  • Real-time data integration between 3D maps and servers via REST API

  • Visually reflecting AI response results in a 3D environment


🧩 Full-stack service development experience

  • AI-based content platform architecture design

  • Full-stack service development experience

🚀 What are the goals of this course??

This course is not just about learning technology.
You'll experience through practical examples the process of AI and 3D technology combining to develop into a complete service.

When you complete this course, you will
👉 have your own AI chatbot and
👉 3D-based interactive article service
and gain the experience of implementing them yourself!

Trusted Neo + Essential
Collaborative course by two instructors with a course rating of 5.0 and instructor ratings of 4.7+ - Inflearn knowledge sharing collaboration

  • A backend + frontend development course created together by a server developer from a famous gaming company and a full-stack developer from a major fashion company

  • Rather than development theory, this was created with the goal of helping you experience development technologies you don't normally encounter through hands-on practice!


Do you have any questions?

Q1. Is this course focused on frontend or backend?

A1. We cover both!
We'll work with 3D interactive frontend using Three.js and AI backend built with Spring Boot + Spring AI, and you'll directly implement the flow that connects both technologies into a single service.
This isn't just a course about drawing screens—you'll learn the "entire service architecture for visualizing in 3D space."

Q2. Why does it need to be made in 3D?
A2. While information is abundant in the world, visually appealing content that's easy to grasp at a glance is rare.
That's why I started with the idea: "What if we display AI-generated articles on a 3D globe?"
The core of this course isn't just text, but 'the experience of spatial representation through 3D'.
When you see the final result, you'll think "Ah, this is why it needs to be in 3D."

Q3. What's the difference between Spring AI and ChatGPT API?

A3. It's a library that helps you use the ChatGPT API in a more Spring-like way.
While directly handling the OpenAI API involves quite a bit of hassle with JSON parsing, exception handling, response formatting, etc., using Spring AI allows you to integrate it cleanly with just Bean configuration.

Notes Before Taking the Course

Practice Environment

  • Operating System and Version (OS): Backend development environment (MacOS), Frontend development environment (Windows)
    (I believe you can follow along with the course regardless of your environment.)

Learning Materials

  • Notion link provided (files and links used in the course are attached within the link)

Prerequisites and Notes

  • The lecture focuses on hands-on experience rather than theory.

  • If you've used a computer before and do some development regularly, you don't need to worry about the difficulty level.

Recommended for
these people

Who is this course right for?

  • Developers who want to create their own AI-based services or chatbot projects

  • A frontend developer who wants to implement an interactive 3D web application using Three.js

  • Backend/Full-stack developers interested in developing AI backend services using Spring Boot

Need to know before starting?

  • Basic computer skills

  • Basic HTML, CSS, JavaScript syntax

  • Understanding Spring Boot's Basic Structure and REST API

  • The above content is not required!

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

13 lectures ∙ (3hr 8min)

Published: 
Last updated: 

Reviews

All

9 reviews

5.0

9 reviews

  • aboutexo046263님의 프로필 이미지
    aboutexo046263

    Reviews 23

    Average Rating 4.9

    5

    31% enrolled

    • yeseong0412
      Instructor

      Thank you for taking the class!

  • abcd123123님의 프로필 이미지
    abcd123123

    Reviews 327

    Average Rating 5.0

    5

    100% enrolled

    • yeseong0412
      Instructor

      Thank you for taking the course! I hope it was an interesting project! Thank you!

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    Reviews 20

    Average Rating 5.0

    5

    100% enrolled

    It was fun.

  • loward님의 프로필 이미지
    loward

    Reviews 21

    Average Rating 5.0

    5

    100% enrolled

    This is a great lecture. It was wonderful to experience fun projects through hands-on practice rather than just theory. I can try various approaches using the ideas. Thank you.

  • babygroot03035407님의 프로필 이미지
    babygroot03035407

    Reviews 3

    Average Rating 5.0

    5

    31% enrolled

$26.40

Neo's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!