# [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.

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!

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).

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.

You can get started with desktop app development using Qt QML and C++. This course focuses on development targeting the Windows operating system. Development is also possible on macOS using the same methods.

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.

Faster than anyone else, Electron Todo List With TypeScript Create a React-based desktop service using Electron developed with TypeScript!

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.

The complete React course where you learn the latest features of React 19 with TypeScript! From the basics to state management (Context, Redux Toolkit, Zustand), API communication (Fetch, Axios), the latest hooks (use, useActionState, useOptimistic, etc.), and real-world projects, you can learn step-by-step to build React apps that can be applied directly to professional work.

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.

Let's dive into the world of Python GUI programming using PyQt! This is a course that teaches you how to create calculator-like programs using Python! We'll have fun solving problems such as translators using the Googletrans library, calculators, and image recognition programs that combine AI technology. :)

React is the most popular modern front-end framework, but it is difficult to learn. To solve this problem, Hook was introduced. This lecture will help you learn React easily using Hook.

This is not just a lecture you listen to and forget. This course aims not for "the moment you understand React," but for "the moment you can actually work with React." In every section, you'll complete missions alongside the lectures, solve practice problems yourself, and learn by implementing core concepts like JSX, Virtual DOM, State, and useEffect with your own hands. When you finish the course, you won't just be a beginner who knows React syntax—you'll be a developer who can explain and utilize everything from component design to rendering flow on your own. "Not a class you just listen to, but learning you build through completion." Understand the essence of React and experience the world of declarative UI firsthand.

This is mission content for a development project. We provide a PRD planning document, Figma designs, and API endpoints so that you can practice by implementing a timer app called DevTime yourself. Make the knowledge you have learned completely your own by implementing a project at a level similar to an actual service 🚀

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

Qt is a powerful framework that provides not only GUI but also various functions such as network, database, multimedia, IPC, etc., so you can easily and quickly develop applications in various fields with Python. In this lecture, we will learn how to effectively utilize Qt in Python through various examples starting from the basics of Qt.

Have you ever had these concerns? I’ve learned React, but I don’t know what to actually build. I want to create a portfolio, but I can’t think of anything besides a Todo app. Map APIs or Public APIs seem difficult, so I haven’t even tried them. I’ve never deployed anything, so it always ends as a “local project.” The code is getting more complex, and I don’t know how to design the architecture. 🎯 Problems this course solves This course isn’t just about showing you how to display a map. ✔ How to connect Public APIs to a real service ✔ How to stably design Map SDKs within a React structure ✔ Marker optimization and reusable InfoWindow structures ✔ State management design using Context ✔ Practical application of Tailwind + SCSS ✔ GitHub organization and Vercel deployment I will teach you how to design with a real service structure, not just "implementing features." 💡 This is not a "just follow along" course Why we use useRef Why you shouldn't create new markers every time Why you need to separate state Why environment variables must be managed separately in production There is a reason for every choice. This course explains those "reasons." 🚀 After taking this course, you will: Complete one map-based portfolio project Gain experience integrating Public APIs Understand the structure of attaching external SDKs to React Gain experience in designing professional-grade project structures Have deployment experience And you’ll be able to say this in an interview: “I personally designed and deployed a map service based on Public APIs.” This one sentence makes a huge difference. 👩‍💻 Recommended for: Those who know basic React syntax but lack project experience Those who want to build a portfolio for employment Those who wanted to try a Map/Public API project Those who want to learn design patterns close to real-world practice 🔥 The Goal of this Course This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

Now it’s time to take on a real-world project 🔥 Together, we’ll build a production-grade social networking service with React.js + TypeScript + Supabase, implementing features such as authentication & authorization, infinite scrolling, image uploads, likes, infinitely nested comments, and dark mode. Along the way, we’ll also explore server and global state management techniques using Zustand and Tanstack Query.

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

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to make a web-based visual novel game with SpringAI and React! Neo + Essential

This course teaches you how to build a web application using React and Firebase, implementing core features used in real-world services such as login, post management, file uploading, and profile management. You will build a complete web service step-by-step, implementing email and social login via Firebase Authentication, Firestore-based data storage and real-time data processing, file uploading using Firebase Storage, and profile management features. This course is designed for frontend developers to understand how to quickly implement web services using Firebase without the need for complex server construction.

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

PyGame, a game made with Python! Let's make a fun game with Winnie the Pooh!

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.