inflearn logo
inflearn logo

Building My Own Emotional Diary Service with Spring AI + React

Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!

(5.0) 6 reviews

52 learners

Level Basic

Course period Unlimited

React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
ChatGPT
ChatGPT
Spring AI
Spring AI
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
ChatGPT
ChatGPT
Spring AI
Spring AI

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

hellowaz

100% enrolled

I was able to learn a wide variety of technologies. I had the chance to work with SpringAI, React, the Steam API, and even Webflux (though not in great depth), and I also liked that the idea itself was quite fresh.

5.0

좋은사람이되자

100% enrolled

I enjoyed watching this. With this unique idea, I think I can add my own ideas to my portfolio and create something more. It seems like it would have been good if you actually launched it as a service, but I'm also thinking about trying to make it myself haha

5.0

DKN

35% enrolled

I haven't watched all of it yet, but I'll still write a review first before continuing with the course.

What you will gain after the course

  • How to create your own emotion diary using SpringAI + React

  • Creating AI logic through API requests using Spring AI

  • Utilizing Canvas with React

  • Service development with React

SpringAI and React My Own Emotional Diary

By combining SpringAI and React, we offer you the experience of building your own special AI-powered emotional diary service.

React, Kotlin, Spring Boot, ChatGPT, Spring AI

Have you felt overwhelmed about where to start, even though you want to take responsibility for everything from planning to completion
by developing both the backend and frontend on your own?

Have you felt limited by conventional service development methods and found it difficult to implement
differentiated features using
ChatGPT and Spring AI?

If you want to learn a new tech stack but are
tired of theoretical learning that is disconnected from practice,
this course will be your new breakthrough.

Through this course, anyone can grow into a unique
AI service developer
.

Spring AI meets React,
Creating my own special emotion diary service

From AI logic to canvas utilization,
we will help you grow into a developer who analyzes emotions.

Server development and

Front-end development all at once!

By the end of this course, you will be able to

You will gain the skills to develop your own services using SpringAI and React.

  • You will learn how to integrate AI models like ChatGPT with SpringAI to implement intelligent logic through API requests. This will allow you to go beyond simple web service development and directly create differentiated, AI-powered features.

Improve your ability to implement dynamic user interfaces through React.

  • You will master React's component-based development approach to build UIs efficiently and learn how to enrich user interactions, particularly by utilizing canvas features. You will become proficient in handling dynamic web applications.

Build a competitive portfolio by gaining full-stack development experience.

  • Backend developers will apply frontend technologies, while frontend developers will apply backend technologies, experiencing the overall process of full-stack development firsthand. Through a creative project combining SpringAI and React, you can complete a powerful, practice-oriented portfolio.


✔️

Create your own AI emotional diary service now!

In this course, we implement the Stream API using Spring WebFlux!

Creating My Own Emotional Diary Service
with SpringAI + React

In this course, you will learn how to build your own special emotional diary service by combining SpringAI and React. You can gain full-stack development experience, covering everything from AI logic that analyzes user emotions to intuitive UI development using React.

Build your very own personalized emotion diary service!

Utilizing React Canvas and Developing AI Analysis APIs

You will practice implementing a creative UI using React's canvas features and integrating an AI API that analyzes user diary entries through SpringAI. By experiencing both complex backend logic and frontend development, you can enhance your ability to complete practical, real-world projects.

SpringAI and React Project Code

We provide the source code for all SpringAI and React projects used in the course. Based on the provided code, you can deeply study the development content of each unit and establish a solid foundation for your own portfolio.


📚

Create Your Own Emotion Diary with SpringAI and React


Section 1

Course Introduction and Environment Setup

This course introduces the goals and overall curriculum, and sets up the development environment for a successful project. We will proceed with the basic setup for the server and frontend projects, as well as the initial configuration for Spring AI integration.

Section 2

Spring AI-based Server API Development

Implement the core backend features of the emotional diary service using Spring Boot and Spring AI. Develop user authentication, diary data management, and AI emotion analysis APIs using ChatGPT, while enhancing security through CORS configuration.

Section 3

React-based Frontend Development

Build a user-friendly frontend interface using React. Develop the landing page, main page, diary entry page, and chat screen, while implementing user information management using cookies and features for sending images and messages.

Section 4

Course Wrap-up

Based on what we have learned so far, we will review the completed emotional diary service project, provide guidance on additional improvement plans and future learning directions, and conclude the course.

We can solve the concerns of
people like this!

📌

Aspiring Full-Stack Developer

Those who want to experience both SpringAI and React tech stacks by building their own service, but feel overwhelmed and don't know where to start

📌

Backend Developer

Those who have experience in Spring Boot-based backend development,
but lack experience in AI integration or React frontend development and want to expand their technology stack.

📌

Frontend Developer

Those who have experience in React development but want to strengthen their portfolio by gaining experience in server development or integrating AI features using
SpringAI

Trusted Neo + Essential
A collaborative course by two instructors with a course rating of 5.0 and instructor ratings of 4.7+ on Inflearn.

  • A backend + frontend development course co-created by a server developer from a famous game company and a full-stack developer from a major fashion corporation.

  • Our goal was to create this course so that you can experience development technologies you haven't encountered before through hands-on experience rather than just theory!


Notes before taking the course


Practice Environment

  • Operating System: Windows, macOS, and Linux are all supported.
    (The server portion of the lecture was filmed on Mac, and the front-end portion was filmed in a Windows environment.)


  • Personal PC: 8GB or more of RAM is recommended. (For a smooth coding environment)

Prerequisite Knowledge and Important Notes

  • An understanding of basic React syntax and state management is required.

  • Basic knowledge of Spring Boot will be helpful for your learning.

  • It is even better if you have experience integrating the ChatGPT API.

Learning Materials

  • We provide Notion materials (link) that you can refer to for the lecture.

  • Practice code (reference) source files are provided.


Recommended for
these people

Who is this course right for?

  • Those who want to create their own special service

  • Those who have only done backend and want to experience frontend.

  • Those who have only done frontend and want to experience backend.

  • Those who want to create a special portfolio using Spring AI and React

Need to know before starting?

  • I hope you try developing! (Focusing on practice [projects] rather than theory)

  • We will be using the paid GPT API in class. (A card is required for a minimum payment of $5.)

Hello
This is Neo

2,515

Learners

300

Reviews

43

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!

More

Co-instructor

Curriculum

All

21 lectures ∙ (5hr 0min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

6 reviews

5.0

6 reviews

  • hellowaz님의 프로필 이미지
    hellowaz

    Reviews 12

    Average Rating 5.0

    5

    100% enrolled

    I was able to learn a wide variety of technologies. I had the chance to work with SpringAI, React, the Steam API, and even Webflux (though not in great depth), and I also liked that the idea itself was quite fresh.

    • bagps1님의 프로필 이미지
      bagps1

      Reviews 13

      Average Rating 5.0

      5

      30% enrolled

      • beagreatperson17325님의 프로필 이미지
        beagreatperson17325

        Reviews 11

        Average Rating 5.0

        5

        100% enrolled

        I enjoyed watching this. With this unique idea, I think I can add my own ideas to my portfolio and create something more. It seems like it would have been good if you actually launched it as a service, but I'm also thinking about trying to make it myself haha

        • yeseong0412
          Instructor

          Thank you for taking the course! I hope you gained a lot from it. Happy New Year!

      • loward님의 프로필 이미지
        loward

        Reviews 21

        Average Rating 5.0

        Edited

        5

        35% enrolled

        I haven't watched all of it yet, but I'll still write a review first before continuing with the course.

        • yeseong0412
          Instructor

          Thank you for attending the lecture! Happy New Year!

      • dkssudgktpdy님의 프로필 이미지
        dkssudgktpdy

        Reviews 20

        Average Rating 5.0

        5

        100% enrolled

        As expected, another great course planned by Neo This project was also a unique experience. Thank you for always letting us experience such diverse projects with various ideas.

        • yeseong0412
          Instructor

          Thank you for attending the lecture! Happy New Year!

      Neo's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!

      $29.70