강의

멘토링

로드맵

Programming

/

Full-stack

Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform

🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!

18 learners are taking this course

  • dakgangjung123
gemini
HTML/CSS
TailwindCSS
JavaScript
Firebase

What you will learn!

  • Building a Hanja Wordbook with Firestore

  • AI Hanja Recommendation via Gemini API

  • Firebase Authentication User Management

  • Nginx & SSL Firebase Hanja Learning Platform Deployment

  • Efficient code management and maintenance learning by folder role division.

Firebase Series #1: The Complete Guide to Social Login, Mobile, and Location Authentication
This hands-on course is for those who want to master Firebase authentication features ( mobile phone, GPS location, Google Authentication )! We appreciate your interest and participation! 😊 Go to the course

Firebase Series #2: AI Hanja Recommendation & Handwriting Learning Platform

Implement real-time data processing and authentication functions using Firebase and Firestore .
We develop a Chinese character handwriting learning platform using HTML/CSS, TailwindCSS, and Vanilla JavaScript .

  • Implement user login/signup and social login with Firebase Authentication

  • Store and retrieve real-time data with Firestore

  • Data flow design for applying Google Gemini ( gemini) AI recommendation logic

  • Responsive UI configuration using Tailwind CSS

  • Implementation of writing area and logic (stroke comparison, etc.) based on the Hanzi-Writer package

  • From Firebase Hosting to actual domain deployment

Introducing the official domain

🔗 The results of the lecture have already been distributed on learn-hanja.site .
Take a look at an actual operating site first and get a first-hand experience of what kind of platform you'll be building.
You can experience everything from logging in, handwriting practice, your own vocabulary list, and even the Hanja AI feature!

Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform YouTube Video

Key features of this course

Implementing your own vocabulary with Firestore

This section implements a feature that allows users to save and manage Chinese characters they have entered directly in their "My Wordbook."
Using Firebase Firestore, you will learn how to structure individual user data to be stored and reflected in real time .

Examples of using my own vocabulary list

A personalized Chinese character recommendation system based on Google Gemini

In this section, we will use the Google Gemini AI API to implement an automatic Chinese character recommendation function tailored to the user's topic of interest or learning level.
Rather than simply random, AI directly selects and recommends meaningful Chinese characters based on keywords (emotions, situations, etc.) entered by the user , providing an immersive and personalized learning experience .

Creating a Chinese character vocabulary list using AI

Things to note before taking the course

Guide to the practice environment

💻 Operating System (OS)

  • Windows 10 or later

  • Regardless of macOS version

  • Ubuntu 20.04 or later (Linux environment also available)

🛠 Tools used

  • Firebase (free plan / Blaze plan available)

  • Google Gemini API (free trial, billing required)

  • HTML, Tailwind CSS, JavaScript (Vanilla)

  • VS Code (or other code editor)

Recommended PC Specifications

  • CPU: Intel i5 / M1 or higher

  • Memory: 8GB or more

  • Storage space: 2GB or more free

  • Graphics: Standard integrated graphics are sufficient

  • Browser: Latest Chrome or Edge recommended

Learning Materials Guide

  • The practical materials for this course are available through a GitHub repository and a Notion page .

🔗 Resource Link


📁 Provided in the following formats:

  • Source code (HTML, CSS, JavaScript)


  • Example images and asset files

  • Practice Flow Notes / Concept Summary (Notion)

Player Knowledge and Precautions

Player Knowledge Guide

This course is a hands-on, project-based course, so we recommend that you familiarize yourself with the basic knowledge below beforehand.

Recommended for
these people

Who is this course right for?

  • A person wanting to build a Hanja learning platform using Firebase.

  • "Firebase Master Course #1: Complete Guide to User Authentication" lecture beneficial attendees

  • Those who need practical project experience with AI & Firebase.

  • Someone who wants to build a differentiated interactive educational website unlike others.

Need to know before starting?

  • HTML, CSS, JavaScript basic syntax

  • Firebase Master Course #1

Hello
This is

526

Learners

29

Reviews

51

Answers

4.8

Rating

6

Courses

안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.

고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.

그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.

 

실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.

 

GitHub 저장소 바로가기 (클릭!)

Curriculum

All

36 lectures ∙ (6hr 59min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$23.10

dakgangjung123's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!