강의

멘토링

커뮤니티

NEW
Applied AI

/

Applied AI Development

Building Your Own Emotional Diary Service with SpringAI + React

Building Your Own Emotional Diary Service with SpringAI + React This is the 4th project time creating together with Neo + Essential!

(5.0) 4 reviews

11 learners

Level Basic

Course period Unlimited

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

Reviews from Early Learners

What you will gain after the course

  • How to Create Your Own Emotion Diary with SpringAI + React

  • Creating AI Logic through API Requests using SpringAI

  • Using Canvas with React

  • Service development using React

SpringAI and React: Create Your Own Emotional Diary

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

React, Kotlin, Spring Boot, ChatGPT, Spring AI

Are you feeling overwhelmed about where to start
when you want to develop both backend and frontend alone
and take responsibility from planning to completion?

Are you finding it difficult to break away from conventional service development methods
and implement differentiated features
using ChatGPT and SpringAI?

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

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

The Meeting of SpringAI and React,
Creating Your Own Special Emotion Diary Service

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

Server development and

Server development and front-end development all at once!

When this course ends, you will

You will gain the ability to develop your own service using SpringAI and React.

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

Enhance your ability to implement dynamic user interfaces through React.

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

Build full-stack development experience and complete a competitive portfolio.

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


✔️

Create your own AI emotion diary service now!

This course implements the Stream API using Spring WebFlux!

Create Your Own Emotion Diary Service
with SpringAI + React

In this course, you'll learn how to build your own unique emotion diary service by combining SpringAI and React. From AI logic that analyzes user emotions to developing an intuitive UI using React, you can gain full-stack development experience.

Build Your Own Emotion Diary Service!

React Canvas Implementation and AI Analysis API Development

You will implement a unique UI using React's canvas feature and integrate an AI API that analyzes user diary entries through SpringAI. You'll gain practical project completion skills by experiencing both complex backend logic and frontend development.

SpringAI and React Project Code

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


📚

Build Your Own Emotion Diary with SpringAI and React


Section 1

Course Introduction and Environment Setup

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

Section 2

Spring AI-Based Server API Development

Implement the core backend functionality of the emotional diary service using Spring Boot and Spring AI. Develop user authentication, diary data management, and AI emotion analysis API 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, chat screen, and implement user information management using cookies and image/message sending functionality.

Section 4

Course Wrap-up

Based on what you've learned so far, we'll review the completed emotion diary service project, provide guidance on additional improvement plans and future learning directions, and wrap up the course.

We can solve these concerns!


📌

Aspiring Full-Stack Developer

Those who want to experience both SpringAI and React technology stacks
and create their own service but feel overwhelmed about where to start

📌

Backend Developer

Those with Spring Boot backend development experience but
lacking in AI integration or React frontend development experience who want to expand their technology stack

📌

Frontend Developer

Those with React development experience who want to strengthen their portfolio by gaining experience in AI feature integration using SpringAI or server development

Trusted by learners 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 game company and a full-stack developer from a major fashion company

  • We created this course with the goal of providing hands-on experience with development technologies you don't usually encounter, rather than focusing on development theory!


Things to Note Before Enrolling


Practice Environment

  • Operating System: Windows, macOS, and Linux are all supported.
    (The lecture was recorded with the server on Mac and the frontend on Windows environment.)


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

Prerequisites and Important Notes

  • Understanding of React basic syntax and state management is required.

  • Having basic knowledge of Spring Boot will be helpful for learning.

  • It would be even better if you have experience integrating with the ChatGPT API.

Learning Materials

  • We provide Notion materials (link) that you can refer to during the course.

  • We provide practice code (reference) source.


Recommended for
these people

Who is this course right for?

  • For those who want to create their own special service

  • For those who have only done backend and want to experience frontend

  • For those who have only done frontend and want to experience backend

  • For those who want to create a special portfolio using SpringAI and React

Need to know before starting?

  • I hope you'll try doing some development! (Focus on practice rather than theory [project-based])

  • The class uses the paid GPT API. (A card is required for a minimum $5 payment)

Hello
This is

1,971

Learners

227

Reviews

36

Answers

4.7

Rating

28

Courses

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

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

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

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

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

Curriculum

All

20 lectures ∙ (4hr 58min)

Published: 
Last updated: 

Reviews

All

4 reviews

5.0

4 reviews

  • beagreatperson17325님의 프로필 이미지
    beagreatperson17325

    Reviews 1

    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 20

    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!

  • yeseong0412님의 프로필 이미지
    yeseong0412

    Reviews 29

    Average Rating 5.0

    5

    30% enrolled

    Limited time deal

    $26,950.00

    30%

    $29.70

    Neo's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!