강의

멘토링

커뮤니티

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!

19 learners are taking this course

Level Basic

Course period Unlimited

  • dakgangjung123
gemini
gemini
HTML/CSS
HTML/CSS
TailwindCSS
TailwindCSS
JavaScript
JavaScript
Firebase
Firebase
gemini
gemini
HTML/CSS
HTML/CSS
TailwindCSS
TailwindCSS
JavaScript
JavaScript
Firebase
Firebase

What you will gain after the course

  • 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

913

Learners

46

Reviews

58

Answers

4.6

Rating

7

Courses

Hello! I am a graduate of Sogang University's Computer Science and Engineering department, and I am currently preparing for graduate school.

I fell in love with programming in high school when I happened to start full-stack web development and automated trading using Python.

Since then, I have shared my skills and know-how through various projects and programming tutoring activities. Based on these experiences, I am striving to create lectures that make even those new to programming feel, "Wow, this can be so easy!"

I want to help you learn through practical examples and friendly explanations. Thank you.

Go to GitHub Repository (Click!)

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!