Learn Spring Boot Actuator faster than anyone else
Neo
Learn Spring Boot Actuator faster than anyone else Learn about Spring Boot Actuator and monitoring
Beginner
Java, Spring, Spring Boot
Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!
63 learners
Level Basic
Course period Unlimited
Reviews from Early Learners
5.0
hellowaz
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
좋은사람이되자
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
I haven't watched all of it yet, but I'll still write a review first before continuing with 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
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.
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!
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.
In this course, we implement the Stream API using Spring WebFlux!
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!
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.
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.
Section 1
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
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
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
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.
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
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.
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
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!
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.
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.)
Inflearn Verified
Career Verified
3,797
Learners
436
Reviews
63
Answers
4.7
Rating
35
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!
All
21 lectures ∙ (5hr 0min)
Course Materials:
All
8 reviews
5.0
8 reviews
Reviews 26
∙
Average Rating 5.0
Edited
5
I haven't watched all of it yet, but I'll still write a review first before continuing with the course.
Thank you for attending the lecture! Happy New Year!
Reviews 13
∙
Average Rating 5.0
5
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
Thank you for taking the course! I hope you gained a lot from it. Happy New Year!
Reviews 21
∙
Average Rating 5.0
5
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.
Thank you for attending the lecture! Happy New Year!
Reviews 13
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 5.0
Check out other courses by the instructor!
Explore other courses in the same field!