# [Electron #1] Building a Timer App with Electron + React (With Zustand)

Using InstantID, IP-Adapter, and AnimateDiff v3, we create commercially deliverable 2D anime illustrations and animations while maintaining character consistency. We build a practical production pipeline that combines precise prompt control based on PonyXL with the Impact Pack detailer to automatically correct drawing defects, and completes high-quality loop videos with 4K ultra-high-definition upscaling and motion LoRAs.

This course covers the fundamentals of the Notion API and teaches you how to automate Notion by integrating AI (Claude) using Notion MCP. You'll learn to directly control blocks, pages, and databases by following the official API documentation, and ultimately complete a hands-on project that creates databases and automatically adds pages by analyzing text file content using only natural language commands (prompts).

Build a zero-cost pipeline by installing ComfyUI on Kaggle's free GPU, connecting via Pinggy tunneling, and linking it with n8n workflows to automatically iterate through Google Sheets prompts for bulk image generation, storage, and notifications. Through 10 chapters over 8 hours, you will practice everything from the ComfyUI node system to REST API conversion and n8n Loop/Webhook integration, reproducing the same results using provided JSON files. Even without programming experience, you will complete a practical automation factory that mass-produces SNS, advertisement, and thumbnail images unattended.

This is a practical course where you can learn the process of building a company website yourself using React, Node.js, and MongoDB. Let's build a full-stack project together with a basic background in React and Node.js!

What if AI could directly open a browser and write shell scripts to resolve server issues? Through practical automation know-how implemented with OpenClaw across Windows and Linux, we guide you on the shortest path to completing your own powerful remote development environment without complex configurations.

Are you feeling stuck with AI and payment integration, or production-level implementation? With know-how gained through countless trials and errors, I will help you complete a fully operational Voice AI SaaS. A simple demo is easy, but everyone gets stuck when trying to tie the entire cycle together—from upload and memo editing to credits, payments, and admin management. This course will guide you through that final stretch, putting a fully functioning voice-to-text product right into your hands.

Do you want to automate repetitive tasks with AI without using paid tools? I will share the practical know-how I gained from building systems myself using n8n and Llama. This is not a lecture where you simply learn "how to connect nodes." We will build actual workflows that you can use immediately, such as automatic Google Sheets organization, YouTube subtitle collection, AI fact-checking, and schedule management.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.

Starting with the question, "If I were on the Titanic, would I have survived?", this course completes a full-stack project where you develop an AI model to predict survival probabilities based on real data and deploy it as a web service. You will gain hands-on experience in the entire process of AI and web development, from deep learning modeling using PyTorch to building a backend server with FastAPI and implementing a user interface with Next.js.

In this course, we will practice step-by-step how to use React and FastAPI to implement social features such as real-time voting, comments, and likes, as well as how to monetize by integrating payment systems (Kakao Pay, Toss Pay, etc.).

🔥 Building a customized platform for learning Chinese characters! Utilize Google Gemini AI and Firestore to implement your own Chinese character vocabulary list, stroke order animations, and even handwriting recognition!

🔥 Firebase User Authentication Completed with just HTML + Tailwind CSS + Pure JavaScript! From social login to phone and location verification, easily and quickly build an account system without a complex backend.

Did you give up while studying React? Even complete beginners new to coding and non-majors can find their way to React without giving up, from JavaScript all the way to React.

Don't use expensive marketing programs (about 290,000 won a month!), take a class and get a program that you can use for the rest of your life.

Smartphone apps and Windows apps at the same time? Create cross-platform with C#! Even if you don't know C#, you can learn C# basics through this course and create smartphone apps and Windows apps (UWP) with Xamarin. Maui course has also been added.

Let's start full-scale React web development by building a Slack clone! From sign-up and login to creating rooms and real-time chat!

Qt allows you to develop SW that is compatible with various operating systems. In other words, you can develop SW that runs on various platforms with the source code developed once with Qt.

Understanding Spring Boot + React.js Login (+Social) Service is a course designed to help you deeply understand the authentication flow between frontend and backend, by directly implementing a practical login system that includes JWT-based authentication and social login (Kakao/Google). The frontend is built on React.js, and the backend on Spring Boot, enabling you to learn step by step the practices used in real service environments, such as the Access Token + Refresh Token approach, user state management using HttpOnly Cookie and Redux, Role-based authorization, and social login integration.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.

Master React now. Easiest course to grasp React's features & roles, comparing to pure JS!

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

This course focuses on intensively learning the useContext and useReducer hooks for efficiently handling state management in React. Through hands-on practice, you will learn how to reduce the complexity of data transfer between components and systematically manage state in large-scale applications. By the end of this course, learners will understand the basic concepts of global state management and acquire practical skills that can be immediately applied to real-world projects.

The reason I created this course is one. It's due to the desire to "help non-majors like myself realize their ideas."

We will create a Twitter-like SNS service using the React & Next & Redux & Redux-Saga & Express stack. Finally, we will perform search engine optimization and deploy it to AWS.

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

Learn Qt and Python programming skills through real-world projects. This course will help you grow from beginner to intermediate level by learning the latest Qt and Python programming trends and techniques.

We have entered an era where it has become incredibly easy for web developers (especially React developers) to launch apps. With Expo, you can release both Android and iOS apps even faster. Let's become developers who can quickly launch apps through Expo.

Learn about MAUI cross-platform development, which lets you develop and run Windows, macOS, iOS, and Android applications with a single code base.

Complete everything from design to TDD and CI with Claude Code. Taking a single feature from one line of spec all the way to main merge.

"Becoming a Developer Who Excels at React" has been published. This book provides a solid foundation by systematically guiding you from the basic principles of the web needed before learning React to the latest React hooks. Through over 40 diverse hands-on projects and abundant practical examples, you can apply theory directly to real-world situations and develop problem-solving skills. Additionally, it helps you grow into a developer capable of building high-quality React applications by learning essential modern web development technologies such as Redux Toolkit, Zustand, and Firebase.

Create a nostalgic arcade game using Python. Scroll down to compare it to the original!